Commit 18427e7c32b31a9caae8010e4d2270008666302f
Committed by
Gabriela Navarro
1 parent
da4e5385
Exists in
master
and in
5 other branches
Add search ajax
Signed-off-by: Fabio Teixeira <fabio1079@gmail.com> Signed-off-by: Hebert Douglas <hebertdougl@gmail.com> Signed-off-by: Luciano Prestes <lucianopcbr@gmail.com>
Showing
3 changed files
with
124 additions
and
69 deletions
Show diff stats
lib/ext/search_controller.rb
| @@ -22,32 +22,7 @@ class SearchController | @@ -22,32 +22,7 @@ class SearchController | ||
| 22 | 22 | ||
| 23 | 23 | ||
| 24 | def software_infos | 24 | def software_infos |
| 25 | - @titles[:software_infos] = _("Public Software Catalog") | ||
| 26 | - @category_filters = [] | ||
| 27 | - @categories = Category.all | ||
| 28 | - @selected_categories = params[:selected_categories] | ||
| 29 | - | ||
| 30 | - @selected_categories_name = [] | ||
| 31 | - @message_selected_options = "Most options" | ||
| 32 | - unless @selected_categories.nil? | ||
| 33 | - @message_selected_options = _("Selected options: ") | ||
| 34 | - @selected_categories.each do |k, v| | ||
| 35 | - @message_selected_options << "#{k}; " | ||
| 36 | - @selected_categories_name << k | ||
| 37 | - end | ||
| 38 | - end | ||
| 39 | - | ||
| 40 | - @categories.sort!{|a, b| a.name <=> b.name} | ||
| 41 | - @categories_groupe_one = [] | ||
| 42 | - @categories_groupe_two = [] | ||
| 43 | - (0..(@categories.count - 1)).each do |i| | ||
| 44 | - if i % 2 == 0 | ||
| 45 | - @categories_groupe_one << @categories[i] | ||
| 46 | - else | ||
| 47 | - @categories_groupe_two << @categories[i] | ||
| 48 | - end | ||
| 49 | - end | ||
| 50 | - | 25 | + prepare_search_page |
| 51 | results = filter_software_infos_list | 26 | results = filter_software_infos_list |
| 52 | results = results.paginate(:per_page => 24, :page => params[:page]) | 27 | results = results.paginate(:per_page => 24, :page => params[:page]) |
| 53 | @searches[@asset] = {:results => results} | 28 | @searches[@asset] = {:results => results} |
| @@ -96,4 +71,53 @@ class SearchController | @@ -96,4 +71,53 @@ class SearchController | ||
| 96 | 71 | ||
| 97 | filtered_community_list | 72 | filtered_community_list |
| 98 | end | 73 | end |
| 74 | + | ||
| 75 | + def get_search_result | ||
| 76 | + redirect_to "/" unless request.xhr? | ||
| 77 | + | ||
| 78 | + selected_categories = {} | ||
| 79 | + params[:categories_ids].each do |id| | ||
| 80 | + selected_categories[Category.find(id).name] = id | ||
| 81 | + end | ||
| 82 | + params[:selected_categories] = selected_categories | ||
| 83 | + | ||
| 84 | + prepare_search_page | ||
| 85 | + | ||
| 86 | + results = filter_software_infos_list | ||
| 87 | + results = results.paginate(:per_page => 24, :page => params[:page]) | ||
| 88 | + | ||
| 89 | + @searches[@asset] = {:results => results} | ||
| 90 | + @search = results | ||
| 91 | + render "/software_infos", :layout=>false | ||
| 92 | + end | ||
| 93 | + | ||
| 94 | + protected | ||
| 95 | + | ||
| 96 | + def prepare_search_page | ||
| 97 | + @titles[:software_infos] = _("Public Software Catalog") | ||
| 98 | + @category_filters = [] | ||
| 99 | + @categories = Category.all | ||
| 100 | + @selected_categories = params[:selected_categories] | ||
| 101 | + | ||
| 102 | + @selected_categories_name = [] | ||
| 103 | + @message_selected_options = "Most options" | ||
| 104 | + unless @selected_categories.nil? | ||
| 105 | + @message_selected_options = _("Selected options: ") | ||
| 106 | + @selected_categories.each do |k, v| | ||
| 107 | + @message_selected_options << "#{k}; " | ||
| 108 | + @selected_categories_name << k | ||
| 109 | + end | ||
| 110 | + end | ||
| 111 | + | ||
| 112 | + @categories.sort!{|a, b| a.name <=> b.name} | ||
| 113 | + @categories_groupe_one = [] | ||
| 114 | + @categories_groupe_two = [] | ||
| 115 | + (0..(@categories.count - 1)).each do |i| | ||
| 116 | + if i % 2 == 0 | ||
| 117 | + @categories_groupe_one << @categories[i] | ||
| 118 | + else | ||
| 119 | + @categories_groupe_two << @categories[i] | ||
| 120 | + end | ||
| 121 | + end | ||
| 122 | + end | ||
| 99 | end | 123 | end |
public/software-catalog.js
| 1 | -(function(){ | 1 | +(function($){ |
| 2 | "use strict"; | 2 | "use strict"; |
| 3 | 3 | ||
| 4 | var AJAX_URL = { | 4 | var AJAX_URL = { |
| 5 | get_categories: | 5 | get_categories: |
| 6 | - url_with_subdirectory("/plugin/mpog_software/get_categories") | 6 | + url_with_subdirectory("/plugin/mpog_software/get_categories"), |
| 7 | + get_search_result: | ||
| 8 | + url_with_subdirectory("/search/get_search_result") | ||
| 7 | }; | 9 | }; |
| 8 | 10 | ||
| 9 | function create_catalog_element(first, value, id) { | 11 | function create_catalog_element(first, value, id) { |
| @@ -18,7 +20,7 @@ | @@ -18,7 +20,7 @@ | ||
| 18 | function add_item_to_catalog(value, id) { | 20 | function add_item_to_catalog(value, id) { |
| 19 | var already_has = false; | 21 | var already_has = false; |
| 20 | 22 | ||
| 21 | - jQuery("#catalog-list ul li").each(function(i, li){ | 23 | + $("#catalog-list ul li").each(function(i, li){ |
| 22 | var regex = new RegExp(value, "g"); | 24 | var regex = new RegExp(value, "g"); |
| 23 | 25 | ||
| 24 | if( regex.test(li.innerHTML) ) { | 26 | if( regex.test(li.innerHTML) ) { |
| @@ -27,21 +29,21 @@ | @@ -27,21 +29,21 @@ | ||
| 27 | }); | 29 | }); |
| 28 | 30 | ||
| 29 | if( !already_has ) { | 31 | if( !already_has ) { |
| 30 | - var catalog_list = jQuery("#catalog-list ul li"); | ||
| 31 | - var current_ids = jQuery("#filter").val(); | 32 | + var catalog_list = $("#catalog-list ul li"); |
| 33 | + var current_ids = $("#filter").val(); | ||
| 32 | var first = catalog_list.length == 0; | 34 | var first = catalog_list.length == 0; |
| 33 | 35 | ||
| 34 | current_ids += first ? id : ","+id; | 36 | current_ids += first ? id : ","+id; |
| 35 | 37 | ||
| 36 | - jQuery("#filter").val(current_ids); | 38 | + $("#filter").val(current_ids); |
| 37 | 39 | ||
| 38 | - jQuery("#catalog-list ul").append(create_catalog_element(first, value, id)); | 40 | + $("#catalog-list ul").append(create_catalog_element(first, value, id)); |
| 39 | } | 41 | } |
| 40 | } | 42 | } |
| 41 | 43 | ||
| 42 | function remote_catalog_item() { | 44 | function remote_catalog_item() { |
| 43 | var current_id = this.getAttribute("data-id"); | 45 | var current_id = this.getAttribute("data-id"); |
| 44 | - var filter_ids = jQuery("#filter").val(); | 46 | + var filter_ids = $("#filter").val(); |
| 45 | var id_list = []; | 47 | var id_list = []; |
| 46 | 48 | ||
| 47 | filter_ids.split(",").forEach(function(id){ | 49 | filter_ids.split(",").forEach(function(id){ |
| @@ -50,60 +52,89 @@ | @@ -50,60 +52,89 @@ | ||
| 50 | } | 52 | } |
| 51 | }); | 53 | }); |
| 52 | 54 | ||
| 53 | - jQuery("#filter").val(id_list.join(",")); | 55 | + $("#filter").val(id_list.join(",")); |
| 54 | 56 | ||
| 55 | - jQuery(this).parent().remove(); | 57 | + $(this).parent().remove(); |
| 56 | } | 58 | } |
| 57 | 59 | ||
| 58 | function show_head_message() { | 60 | function show_head_message() { |
| 59 | - if (jQuery("#filter-categories-select-catalog").text().blank()){ | ||
| 60 | - jQuery("#filter-categories-select-catalog").hide(); | ||
| 61 | - jQuery("#filter-option-catalog-software").show(); | 61 | + if ($("#filter-categories-select-catalog").text().blank()){ |
| 62 | + $("#filter-categories-select-catalog").hide(); | ||
| 63 | + $("#filter-option-catalog-software").show(); | ||
| 62 | }else{ | 64 | }else{ |
| 63 | - jQuery("#filter-categories-select-catalog").show(); | ||
| 64 | - jQuery("#filter-option-catalog-software").hide(); | 65 | + $("#filter-categories-select-catalog").show(); |
| 66 | + $("#filter-option-catalog-software").hide(); | ||
| 65 | } | 67 | } |
| 66 | } | 68 | } |
| 67 | 69 | ||
| 68 | function slideDowsCategoriesOptionAndHideOptionCatalog() { | 70 | function slideDowsCategoriesOptionAndHideOptionCatalog() { |
| 69 | - jQuery("#filter-categories-option").slideDown(); | ||
| 70 | - jQuery("#filter-option-catalog-software").hide(); | 71 | + $("#filter-categories-option").slideDown(); |
| 72 | + $("#filter-option-catalog-software").hide(); | ||
| 71 | } | 73 | } |
| 72 | 74 | ||
| 73 | function slideDownCategoriesOptionAndHideCategoriesSelect() { | 75 | function slideDownCategoriesOptionAndHideCategoriesSelect() { |
| 74 | - jQuery("#filter-categories-option").slideDown(); | ||
| 75 | - jQuery("#filter-categories-select-catalog").hide(); | 76 | + $("#filter-categories-option").slideDown(); |
| 77 | + $("#filter-categories-select-catalog").hide(); | ||
| 76 | } | 78 | } |
| 77 | 79 | ||
| 78 | function slideUpCategoriesAndShowHeadMessage() { | 80 | function slideUpCategoriesAndShowHeadMessage() { |
| 79 | - jQuery("#filter-categories-option").slideUp(); | 81 | + $("#filter-categories-option").slideUp(); |
| 80 | show_head_message(); | 82 | show_head_message(); |
| 81 | } | 83 | } |
| 82 | 84 | ||
| 83 | function clearCatalogCheckbox(){ | 85 | function clearCatalogCheckbox(){ |
| 84 | - jQuery("#filter-categories-option").slideUp(); | ||
| 85 | - jQuery("#filter-option-catalog-software").show(); | ||
| 86 | - jQuery("#group-categories input:checked").each(function() { | ||
| 87 | - jQuery(this).prop('checked', false); | 86 | + $("#filter-categories-option").slideUp(); |
| 87 | + $("#filter-option-catalog-software").show(); | ||
| 88 | + $("#group-categories input:checked").each(function() { | ||
| 89 | + $(this).prop('checked', false); | ||
| 88 | }); | 90 | }); |
| 89 | } | 91 | } |
| 90 | 92 | ||
| 93 | + function dispatch_search_ajax(callback) { | ||
| 94 | + var query_text = $("#search-input").val(); | ||
| 95 | + var selected_categories_ids = []; | ||
| 96 | + | ||
| 97 | + $(".categories-catalog:checked").each(function(index, element) { | ||
| 98 | + selected_categories_ids.push(element.value); | ||
| 99 | + }); | ||
| 100 | + | ||
| 101 | + | ||
| 102 | + $.ajax({ | ||
| 103 | + url: AJAX_URL.get_search_result, | ||
| 104 | + type: "GET", | ||
| 105 | + data: { | ||
| 106 | + query: query_text, | ||
| 107 | + categories_ids: selected_categories_ids | ||
| 108 | + }, | ||
| 109 | + success: function(response) { | ||
| 110 | + console.log(response); | ||
| 111 | + callback(response); | ||
| 112 | + } | ||
| 113 | + }); | ||
| 114 | + } | ||
| 115 | + | ||
| 116 | + function update_page_list() { | ||
| 117 | + | ||
| 118 | + } | ||
| 119 | + | ||
| 91 | function selectCheckboxCategory() { | 120 | function selectCheckboxCategory() { |
| 92 | - jQuery("#filter-categories-option").slideUp(); | ||
| 93 | - jQuery("#filter-categories-select-catalog").show(); | ||
| 94 | - jQuery("#filter-option-catalog-software").hide(); | 121 | + $("#filter-categories-option").slideUp(); |
| 122 | + $("#filter-categories-select-catalog").show(); | ||
| 123 | + $("#filter-option-catalog-software").hide(); | ||
| 124 | + | ||
| 125 | + dispatch_search_ajax(update_page_list); | ||
| 95 | } | 126 | } |
| 96 | 127 | ||
| 97 | function selectProjectSoftwareCheckbox() { | 128 | function selectProjectSoftwareCheckbox() { |
| 98 | - jQuery("#filter-categories-option").slideUp(); | ||
| 99 | - jQuery("#filter-categories-select-catalog").show(); | ||
| 100 | - jQuery("#filter-option-catalog-software").hide(); | 129 | + $("#filter-categories-option").slideUp(); |
| 130 | + $("#filter-categories-select-catalog").show(); | ||
| 131 | + $("#filter-option-catalog-software").hide(); | ||
| 101 | } | 132 | } |
| 102 | 133 | ||
| 103 | function set_autocomplate() { | 134 | function set_autocomplate() { |
| 104 | - jQuery("#software-catalog").autocomplete({ | 135 | + $("#software-catalog").autocomplete({ |
| 105 | source : function(request, response){ | 136 | source : function(request, response){ |
| 106 | - jQuery.ajax({ | 137 | + $.ajax({ |
| 107 | type: "GET", | 138 | type: "GET", |
| 108 | url: AJAX_URL.get_categories, | 139 | url: AJAX_URL.get_categories, |
| 109 | data: {query: request.term}, | 140 | data: {query: request.term}, |
| @@ -128,21 +159,21 @@ | @@ -128,21 +159,21 @@ | ||
| 128 | } | 159 | } |
| 129 | 160 | ||
| 130 | function set_events() { | 161 | function set_events() { |
| 131 | - jQuery(".catalog-remove-item").click(remote_catalog_item); | ||
| 132 | - jQuery("#filter-option-catalog-software").click(slideDowsCategoriesOptionAndHideOptionCatalog); | ||
| 133 | - jQuery("#filter-categories-select-catalog").click(slideDownCategoriesOptionAndHideCategoriesSelect); | ||
| 134 | - jQuery("#close-filter-catalog").click(slideUpCategoriesAndShowHeadMessage); | ||
| 135 | - jQuery("#cleanup-filter-catalg").click(clearCatalogCheckbox); | ||
| 136 | - jQuery(".categories-catalog").click(selectCheckboxCategory); | ||
| 137 | - jQuery(".project-software").click(selectProjectSoftwareCheckbox); | 162 | + $(".catalog-remove-item").click(remote_catalog_item); |
| 163 | + $("#filter-option-catalog-software").click(slideDowsCategoriesOptionAndHideOptionCatalog); | ||
| 164 | + $("#filter-categories-select-catalog").click(slideDownCategoriesOptionAndHideCategoriesSelect); | ||
| 165 | + $("#close-filter-catalog").click(slideUpCategoriesAndShowHeadMessage); | ||
| 166 | + $("#cleanup-filter-catalg").click(clearCatalogCheckbox); | ||
| 167 | + $(".categories-catalog").click(selectCheckboxCategory); | ||
| 168 | + $(".project-software").click(selectProjectSoftwareCheckbox); | ||
| 138 | } | 169 | } |
| 139 | 170 | ||
| 140 | 171 | ||
| 141 | - jQuery(document).ready(function(){ | 172 | + $(document).ready(function(){ |
| 142 | set_autocomplate(); | 173 | set_autocomplate(); |
| 143 | set_events(); | 174 | set_events(); |
| 144 | show_head_message(); | 175 | show_head_message(); |
| 145 | - jQuery("#filter-categories-option").hide(); | 176 | + $("#filter-categories-option").hide(); |
| 146 | }); | 177 | }); |
| 147 | 178 | ||
| 148 | -})(); | 179 | +})(jQuery); |
views/search/_catalog_filter.html.erb
| @@ -15,7 +15,7 @@ | @@ -15,7 +15,7 @@ | ||
| 15 | <% @categories_groupe_one.each do |category| %> | 15 | <% @categories_groupe_one.each do |category| %> |
| 16 | <label> | 16 | <label> |
| 17 | <%= check_box_tag("selected_categories[#{category.name}]", category.id, @selected_categories_name.include?(category.name), :class => "categories-catalog") %> | 17 | <%= check_box_tag("selected_categories[#{category.name}]", category.id, @selected_categories_name.include?(category.name), :class => "categories-catalog") %> |
| 18 | - <%= _("#{category.name}") %> | 18 | + <span><%= _("#{category.name}") %></span> |
| 19 | </label> <br> | 19 | </label> <br> |
| 20 | <% end %> | 20 | <% end %> |
| 21 | </div> | 21 | </div> |