bootstrap-flyout-list.js

$(function() {
  
  // TODO: Determine if this can be delegated.
  $('ul.flyout-list > li > a').each(function(evt) {
    var $this = $(this);
    var $listItem = $this.parent();
    var href = $this.attr('href');
    var $modal = $(href);
    var $primaryButton = $modal.find('a.btn.primary');
    
    $modal.bind('hidden', function(evt) {
      $listItem.removeClass('active');
    });
    
    $primaryButton.bind('click', function(evt) {
      $modal.modal('hide');
    });
  });
  
  var $flyoutLists = $('ul.flyout-list');
  var isMouseDown = false;
  
  $flyoutLists.delegate('a', 'mousedown touchstart', function(evt) {
    isMouseDown = true;
    evt.preventDefault();
  });
  
  $flyoutLists.delegate('a', 'mousemove touchmove', function(evt) {
    if (!isMouseDown) return;
    
    isMouseDown = false;
  });
  
  $flyoutLists.delegate('a', 'mouseup touchend', function(evt) {
    if (!isMouseDown) return;
    
    isMouseDown = false;
    $(this).trigger('click');
  });
  
  $flyoutLists.delegate('a', 'click', function(evt) {
    var $this = $(this);
    var $listItem = $this.parent();
    var $list = $listItem.parent();
    var $slidingDrawer = $list.parents('.drawer:first');
    var href = $this.attr('href');
    var $modal = $(href);
    
    $listItem.addClass('active');
    
    $modal.modal({
      backdrop: true,
      keyboard: true,
      show: true
    });
    
    // TODO: REMOVE THIS!! - TEMP FIX TO AUTO-CLOSE DRAWER ON MODAL LAUNCH.
    if ($slidingDrawer.size() === 1) {
      var closeDrawer = $slidingDrawer.data('closeDrawer');
      if (closeDrawer) closeDrawer();
    }
    
    evt.preventDefault();
  });
});