change view mode ++ type filters

Signed-off-by: bachy <git@g-u-i.net>
This commit is contained in:
bachy
2012-10-30 18:03:56 +01:00
parent 3faebabce1
commit 65ea77dea2
7 changed files with 243 additions and 76 deletions

View File

@@ -2,8 +2,8 @@
(function($) {
MaterioBaseMod = function(){
MaterioSearchApiAjax = function(){
var _History = window.History,
_isloadingresults = false;
_$content = $('#content');
@@ -39,13 +39,8 @@ MaterioBaseMod = function(){
// /!\ AUTOCOMPLETE SELECT EVENT need a patch http://drupal.org/node/365241#comment-5374686
$("#edit-searchfield").bind('autocompleteSelect', function(event) {
setTimeout(function(){
loadResults(getSearchKeys());
},10);
// loadResults($(this).val());
$(this).parents('.form').trigger('submit');
});
_$content
.bind('jsp-initialised', function(event, isScrollable){
@@ -72,18 +67,36 @@ MaterioBaseMod = function(){
};
function getSearchKeys(){
return $('#materio-search-api-search-form').find('input[name*="searchfield"]').val();
};
function loadResults(keys){
// trace('keys', keys);
if(keys !== undefined){
keys = keys.replace('/', ' ');
var types = {};
$('#edit-bundles-filter', '#materio-search-api-search-form').find('input[type*="checkbox"]').each(function(i){
$this = $(this);
// if ( $this.attr('checked') ) {
types[$this.val()] = $this.attr('checked');
// }
});
trace('types', types);
if(!_isloadingresults){
_isloadingresults = true;
$('#materio-search-api-search-form').addClass('loading');
// TODO: record ajax path in a variable from materio_search_api_ajax_init
$.getJSON('/materio_search_api_ajax/search/'+keys, function(json){
// trace('json', json);
$(window).trigger('resultsloaded');
$.getJSON(Drupal.settings.basePath+Drupal.settings.pathPrefix+'materio_search_api_ajax/search/'+keys,
{'types':types},
function(json){
trace('json', json);
$.event.trigger('resultsloaded');
_isloadingresults = false;
$('#materio-search-api-search-form').removeClass('loading');
updateContent(json);
@@ -95,37 +108,28 @@ MaterioBaseMod = function(){
function updateContent(json){
if(json.return){
// TODO: set jscrollpane to top
$('.inner-content',_$content).html(json.return);
// TODO: this a DIRTY sheet of what could be refresh results transitions
// var $newContent = $(json.return);
// trace('newContent', $newContent);
// $('.node-materiau',$newContent).hide();
// $('.node-materiau','#content').fadeOut(300);
// setTimeout(function(){
// $('#content').html($newContent);
// $('.node-materiau','#content').fadeIn(500);
// },300);
var path = Drupal.settings.basePath + Drupal.settings.pathPrefix + json.search_path + '/' + json.keys;
_History.pushState({content:json.return}, json.keys, path);
$('input[name=location]','#feedback-form').attr('value', path);
_History.pushState({content:json.return}, json.keys, '/'+json.search_path + '/' +json.keys);
// navigate({content:json.return}, '', '/'+json.page.path + '/' +json.keys);
for (language in Drupal.settings.materio_search_api_ajax.languages) {
var l = Drupal.settings.materio_search_api_ajax.languages[language];
$('#block-locale-language li.'+language+' a').attr('href', Drupal.settings.basePath + l.prefix+'/' + json.search_path + '/' + json.keys)
};
var event = jQuery.Event('resultsupdated');
var event = jQuery.Event('resultschanged');
event.container = $('.search-results', _$content);
$(window).trigger(event);
$.event.trigger(event);
}else{
trace('no results');
}
};
function getSearchKeys(){
return $('#materio-search-api-search-form').find('input[name*="searchfield"]').val();
};
/**
* infinit scroll
@@ -200,8 +204,8 @@ MaterioBaseMod = function(){
};
function changeViewMode(vm, $btn){
$.getJSON('/materiosearchapi/viewmode/change/'+vm, function(json){
// trace('viewmode json', json);
$.getJSON(Drupal.settings.basePath+'materio_search_api_ajax/viewmode/change/'+vm, function(json){
trace('viewmode json', json);
if (json.statut == "saved"){
loadResults(getSearchKeys());
$('.viewmode-link').removeClass('active');
@@ -217,6 +221,6 @@ MaterioBaseMod = function(){
};
var materiobasemod = new MaterioBaseMod();
var materiosearchapiajax = new MaterioSearchApiAjax();
})(jQuery);