123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222 |
- // @codekit-prepend "gui.js"
- (function($) {
- MaterioBaseMod = function(){
- var _History = window.History,
- _isloadingresults = false;
- _$content = $('#content');
- // TODO: define $content by module settings
- /**
- * init()
- */
- function init(){
- trace('init module');
- initSearchAjax();
- initHistoryNav();
- initViewMode();
- };
- /**
- * searchAjax
- */
- function initSearchAjax(){
- // trace('initSearchAjax');
- // $('#edit-searchfield').focus();
- $('#materio-search-api-search-form').bind('submit', function(event) {
- // trace('search submited', event);
- var $this = $(this);
- setTimeout(function(){
- loadResults(getSearchKeys());
- },10);
- return false;
- });
- // /!\ 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());
- });
-
- _$content
- .bind('jsp-initialised', function(event, isScrollable){
- // trace('isScrollable = '+isScrollable);
- // TODO: better to check scroll-y than isscrollable, load next page before the end of scroll
- if(!isScrollable)
- loadNextResultsPage();
- // TODO: what happend when there is no more page
- })
- .bind('jsp-scroll-y', function(event, scrollPositionY, isAtTop, isAtBottom){
- if(isAtBottom)
- loadNextResultsPage();
- });
- // trigger updated event on search results for direct html loading
- if($('.search-results', _$content).length){
- setTimeout(function(){
- var event = jQuery.Event('resultsupdated');
- event.container = $('.search-results', _$content);
- $(window).trigger(event);
- }, 10);
- }
-
-
- };
- function loadResults(keys){
- // trace('keys', keys);
- if(keys !== undefined){
- keys = keys.replace('/', ' ');
- 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');
- _isloadingresults = false;
- $('#materio-search-api-search-form').removeClass('loading');
- updateContent(json);
- });
- }
- }
-
- };
- 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);
-
- _History.pushState({content:json.return}, json.keys, '/'+json.search_path + '/' +json.keys);
- // navigate({content:json.return}, '', '/'+json.page.path + '/' +json.keys);
- var event = jQuery.Event('resultsupdated');
- event.container = $('.search-results', _$content);
- $(window).trigger(event);
- }else{
- trace('no results');
- }
- };
- function getSearchKeys(){
- return $('#materio-search-api-search-form').find('input[name*="searchfield"]').val();
- };
- /**
- * infinit scroll
- */
- function loadNextResultsPage(){
- var $nextpage = $('ul.pager .pager-current', _$content).next(),
- href = $('a', $nextpage).attr('href');
-
- if(href){
- var keys = href.match(/explore\/([^\/|\?]+)/);
- var page = href.match(/\?page=([0-9]+)/);
- if(!_isloadingresults){
- _isloadingresults = true;
- $('.materiobase-results', _$content).addClass('loading');
- $.getJSON('/materio_search_api_ajax/search/'+keys[1]+'/'+page[1], function(json){
- // trace('json', json);
- _isloadingresults = false;
- $('.materiobase-results', _$content).removeClass('loading');
- addNextpage(json);
- });
- }
- }
- };
- function addNextpage(json){
- var $newcontent = $(json.return),
- $newresults = $('.search-results', $newcontent).children('article').addClass('just-added'),
- $newpager = $('ul.pager', $newcontent);
-
- $('.search-results', _$content).append($newresults);
- $('ul.pager', _$content).replaceWith($newpager);
- $('.search-results', _$content).children('.just-added').each(function(i){
- // $(this).delay(5000*i).removeClass('just-added');
- var $this = $(this);
- setTimeout(function(){
- $this.removeClass('just-added');
- }, 150*i);
- });
- var event = jQuery.Event('resultscompleted');
- event.container = $('.search-results', _$content);
- $(window).trigger(event);
- };
- /**
- * history navigation
- */
- function initHistoryNav(){
- var state = _History.getState();
- _History.log('initial:', state.data, state.title, state.url);
- _History.Adapter.bind(window,'statechange',function(){
- var state = _History.getState();
- _History.log('statechange:', state.data, state.title, state.url);
- // TODO: History : empty content if we go back to the homepage
- $('.inner-content',_$content).html(state.data.content);
- });
- };
- /**
- * viewmode
- */
- function initViewMode(){
- $('.viewmode-link').click(function(event){
- changeViewMode($(this).attr('rel'), $(this));
- });
- };
- function changeViewMode(vm, $btn){
- $.getJSON('/materiosearchapi/viewmode/change/'+vm, function(json){
- // trace('viewmode json', json);
- if (json.statut == "saved"){
- loadResults(getSearchKeys());
- $('.viewmode-link').removeClass('active');
- $btn.addClass('active');
- }
-
- });
- };
- init();
- };
- var materiobasemod = new MaterioBaseMod();
-
- })(jQuery);
|