materio-base-d7/js/materio_search_api_ajax.js

// @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);