alex
/
orbit4-5
forked from saurabh/orbit4-5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

search for module backend

This commit is contained in:
manson 2014-08-06 19:36:53 +08:00
parent a52239b135
commit c656720132
2 changed files with 141 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/helpers/orbit_backend_helper.rb
View File

@ -92,8 +92,8 @@ module OrbitBackendHelper
render :partial => '/admin/tags/tag_form', :locals => {:f=> f, :module_app=>module_app, :tags=>module_app.tags } render :partial => '/admin/tags/tag_form', :locals => {:f=> f, :module_app=>module_app, :tags=>module_app.tags }
end end
def render_filter(fields) def render_filter(fields, search_dom_id=nil)
render :partial => "shared/filter", :locals =>{:fields => fields} render :partial => "shared/filter", :locals =>{:fields => fields, :search_dom_id=>search_dom_id}
end end
def display_visitors(options={}) def display_visitors(options={})

195
app/views/shared/_filter.html.erb
View File

@ -1,40 +1,125 @@
<% content_for :right_nav do %> <% content_for :right_nav do %>
<ul class="nav nav-pills filter-nav pull-right"> <% if !search_dom_id.nil?%>
<% fields.keys.each do |field| %> <div class="searchClear pull-left" style="clear: left;">
<li class="accordion-group"> <form id="module-search-form">
<div class="accordion-heading"> <input type="text" id="filter-input" class="search-query input-medium" placeholder="<%= t(:search_) %>" value="<%=params[:keywords]%>">
<a href="#collapse-<%= field %>" data-toggle="collapse" data-parent="#filter" class="accordion-toggle"><%= t(field) %></a> </form>
</div> <img id="search-preloader" src="/assets/preloader.gif" style="height: 40px; position: absolute; left: 220px; top: -5px; display:none;">
</li> </div>
<% end %> <% end %>
</ul>
<div class="filter-group accordion-group"> <ul class="nav nav-pills filter-nav pull-right">
<% fields.keys.each do |field| %> <% fields.keys.each do |field| %>
<div class="accordion-body collapse" id="collapse-<%= field %>"> <li class="accordion-group">
<div class="accordion-inner pagination-right" data-toggle="buttons-checkbox"> <div class="accordion-heading">
<% fields[field].each do |val| %> <a href="#collapse-<%= field %>" data-toggle="collapse" data-parent="#filter" class="accordion-toggle"><%= t(field) %></a>
<%= link_to (val[:title].blank? ? "" : t(val[:title])), "#", :onclick => "filter.addFilter('filters[#{field}][]=#{val[:id]}')", :class => "btn btn-small #{is_filter_active?(field, val[:id])}", :id => "filter_#{val[:id]}" %> </div>
<% end %> </li>
</div> <% end %>
<div class="filter-clear"> </ul>
<a href="#" onclick="filter.clearFilter();" class="btn btn-link btn-small"><i class="icons-cycle"></i> <%= t(:clear) %></a> <div class="filter-group accordion-group">
</div> <% fields.keys.each do |field| %>
</div> <div class="accordion-body collapse" id="collapse-<%= field %>">
<% end %> <div class="accordion-inner pagination-right" data-toggle="buttons-checkbox">
</div> <% fields[field].each do |val| %>
<%= link_to (val[:title].blank? ? "" : t(val[:title])), "#", :onclick => "filter.addFilter('filters[#{field}][]=#{val[:id]}')", :class => "btn btn-small #{is_filter_active?(field, val[:id])}", :id => "filter_#{val[:id]}" %>
<% end %>
</div>
<div class="filter-clear">
<a href="#" onclick="filter.clearFilter();" class="btn btn-link btn-small"><i class="icons-cycle"></i> <%= t(:clear) %></a>
</div>
</div>
<% end %>
</div>
<% end %> <% end %>
<script type="text/javascript"> <script type="text/javascript">
<% if !search_dom_id.nil?%>
var interval = 0;
var keyword;
var searchLock=false;
var Filter = function(dom){ $("#filter-input").bind("input", function() {queueSearch();});
var makeFilters = function(){ $("#module-search-form").submit(function(){queueSearch(); return false; });
return (window.location.search ? window.location.search.replace('?','').split('&') : []);
} var params = function(key){
var filters = makeFilters(), var result = {};
dom = $(dom), var datas = window.location.search ? window.location.search.replace('?','').split('&') : []
mainUrl = window.location.pathname; datas.map(function(data){
var updateTable = function(url, goback){ tmp = data.split("=");
update = true; if(key){
xurl = (url == null ? ( filters.length ? mainUrl + "?" + filters.join('&') : mainUrl ) : url); if(tmp[0]==key){
if(tmp[0].indexOf('[]')>=0){
if(!Array.isArray(result)) result = [];
result.push(tmp[1]);
}else{
result = tmp[1];
}
}
}else{
if(tmp[0].indexOf('[]')>=0){
if(typeof(result[tmp[0]]) == "undefined") result[tmp[0]] = [];
result[tmp[0]].push(tmp[1]);
}else{
result[tmp[0]] = tmp[1];
}
}
});
return result;
}
var queueSearch = function(){
if($("#filter-input").val()!=keyword){
keyword = $("#filter-input").val();
interval=500;
if(!searchLock) moduleSearch();
}
}
var moduleSearch = function(){
$("#search-preloader").fadeIn();
searchLock = true;
if(interval==0){
url = document.URL;
if(url.indexOf("keywords=")>=0){
console.log("keywords="+params("keywords"));
url = url.replace("keywords="+params("keywords"),"keywords="+keyword)
}else{
url = (url.indexOf("?")>=0) ? url+'&'+"&keywords="+keyword : url+"?keywords="+keyword
}
history.replaceState(null, null, decodeURIComponent(url));
$.get(url,function(data){
searchLock = false;
$("#<%= search_dom_id %>").html(data);
bindPagination();
$("#search-preloader").fadeOut();
});
}else{
interval -= 100;
setTimeout(moduleSearch,100);
}
}
<% end %>
var bindPagination = function(){
$(".pagination a").click(function(){
filter.updateTable($(this).attr('href'));
return false;
});
}
var Filter = function(dom){
var self = this;
var makeFilters = function(){
return (window.location.search ? window.location.search.replace('?','').split('&') : []);
}
var filters = makeFilters(),
dom = $(dom),
mainUrl = window.location.pathname;
this.updateTable = function(url, goback){
update = true;
xurl = (url == null ? ( filters.length ? mainUrl + "?" + filters.join('&') : mainUrl ) : url);
$.ajax({ $.ajax({
url : xurl, url : xurl,
type : "get", type : "get",
@ -46,38 +131,36 @@
filters = makeFilters(); filters = makeFilters();
dom.html(data); dom.html(data);
$(".pagination a").click(function(){ bindPagination();
updateTable($(this).attr('href'));
return false;
});
}) })
} }
this.addFilter = function(filter){ this.addFilter = function(filter){
$.each(filters,function(idx,data){ filters = makeFilters();
if(data.indexOf("page=")>-1) filters.splice(idx,1); $.each(filters,function(idx,data){
}); if(data.indexOf("page=")>-1) filters.splice(idx,1);
});
if( (index = filters.indexOf(filter) ) > -1){ if( (index = filters.indexOf(filter) ) > -1){
mainUrl = mainUrl.replace(filter,''); mainUrl = mainUrl.replace(filter,'');
filters.splice(index,1); filters.splice(index,1);
}else{ }else{
filters.push(filter); filters.push(filter);
} }
updateTable(); self.updateTable();
return false; return false;
}; };
this.clearFilter = function(){ this.clearFilter = function(){
$(".filter-group a.active").removeClass("active"); $(".filter-group a.active").removeClass("active");
filters = []; filters = [];
updateTable(); self.updateTable();
return false; return false;
} }
window.onpopstate = function(event){ window.onpopstate = function(event){
if(!update){ if(!update){
updateTable(document.location.href, true); self.updateTable(document.location.href, true);
$(".filter-group .btn-small").removeClass('active'); $(".filter-group .btn-small").removeClass('active');
$.each(document.location.search.split('&'),function(key,filter){ $.each(document.location.search.split('&'),function(key,filter){
$('#filter_'+filter.split('=')[1]).addClass('active'); $('#filter_'+filter.split('=')[1]).addClass('active');
@ -85,7 +168,7 @@
} }
update = false; update = false;
} }
} }
var update = false; var update = false;
</script> </script>