Feature: Update search page design

app/components/display/search_result_component.rb

@@ -15,4 +15,25 @@ def initialize(title: nil, ontology_acronym: nil ,uri: nil, definition: nil, lin
     def sub_component_class
         @is_sub_component ? 'sub-component' : ''
     end
+
+    def details_button
+        link_to_modal(nil, "/ajax/class_details?modal=true&ontology=#{@ontology_acronym}&conceptid=#{@uri}&styled=false", data: { show_modal_title_value: @title, show_modal_size_value: 'modal-xl' }) do
+          content_tag(:div, class: 'button') do
+            concat inline_svg_tag('icons/details.svg')
+            concat content_tag(:div, class: 'text') { 'Details' }
+          end
+        end
+    end
+
+    def visualize_button
+        link_to_modal(nil, "/ajax/biomixer/?ontology=#{@ontology_acronym}&conceptid=#{@uri}", data: { show_modal_title_value: @title, show_modal_size_value: 'modal-xl' }) do
+          content_tag(:div, class: 'button') do
+            concat inline_svg_tag('icons/visualize.svg')
+            concat content_tag(:div, class: 'text') { 'Visualize' }
+          end
+        end
+    end
+
+
+
 end

app/components/display/search_result_component/search_result_component.html.haml

@@ -8,17 +8,8 @@
         .text
             = @definition
     .actions
-        =  link_to_modal(nil, "/ajax/class_details?modal=true&ontology=#{@ontology_acronym}&conceptid=#{@uri}&styled=false",data: { show_modal_title_value: @title, show_modal_size_value: 'modal-xl' }) do
-            .button 
-                = inline_svg_tag "icons/details.svg"
-                .text
-                    Details
-
-        =  link_to_modal(nil, "/ajax/biomixer/?ontology=#{@ontology_acronym}&conceptid=#{@uri}",data: { show_modal_title_value: @title, show_modal_size_value: 'modal-xl' }) do
-            .button 
-                = inline_svg_tag "icons/visualize.svg"
-                .text
-                    Visualize
+        = details_button
+        = visualize_button
         - if subresults?
             .button.icon-right{'data-action': "click->search-result-component#showSubOntologies"}
                 .text

app/controllers/search_controller.rb

@@ -14,7 +14,7 @@ def index
     return if @search_query.empty?
 
     params[:pagesize] = "150"
-
+    params[:ontologies] = params[:ontologies_list]&.join(",")
     results = LinkedData::Client::Models::Class.search(@search_query, params).collection
 
     @advanced_options_open = !search_params_empty?

app/views/search/index.html.haml

@@ -14,18 +14,14 @@
                 Search language
               .field
                 = search_language_selector(name: 'lang', selected: params[:lang])
-            .filter-container
-              .title
-                = t("search.categories")
-              .field
-                = render Input::SelectComponent.new(id: 'search-categories', name: 'categories[]', value: categories_for_select, multiple: "multiple", selected: params[:categories])
 
             .filter-container
               .title
                 = t("search.ontologies")
               .field
-
-                = render Input::SelectComponent.new(id: 'search-ontologies', name: 'ontologies[]', value: @onts_for_select, multiple: "multiple", selected:  params[:ontologies])
+                - get_ontologies_data
+                = render Input::SelectComponent.new(id: 'search-ontologies', name: 'ontologies_list[]', value: @onts_for_select, multiple: "multiple", selected:  params[:ontologies_list])
+
           .right 
             .filter-container
               .title
@@ -67,8 +63,8 @@
               - reuses.each do |r|
                 - c.reuse(r[:root].merge(is_sub_component: true)) do |b|
                   - r[:descendants].each { |dd|  b.subresult(dd.merge(is_sub_component: true))}
-
-    - if @search_results.empty?
+    
+    - if @search_results.empty? && !@search_query.empty?
       .browse-empty-illustration
         %img{:src => "#{asset_path("empty-box.svg")}"}
         %p No result was found