application.js 2.38 KB
// App JS

$(function() {
  
  var currentTab = "summary";
  
  function init() {
    
    activateTabbedPanels();
    
    activateSelectableRows();
    
    $('#watcher_name').live("click", function() {
      $(this).closest('form').find('.show').removeClass('show');
      $('#app_watchers_attributes_0_user_id').addClass('show');
    });
    
    $('#watcher_email').live("click", function() {
      $(this).closest('form').find('.show').removeClass('show');
      $('#app_watchers_attributes_0_email').addClass('show');
    });
    
    $('a.copy_config').live("click", function() {
      $('select.choose_other_app').show().focus();
    });
    
    $('select.choose_other_app').live("change", function() {
      var loc = window.location;
      window.location.href = loc.protocol + "//" + loc.host + loc.pathname +
                             "?copy_attributes_from=" + $(this).val();
    });
    
    $('input[type=submit][data-action]').click(function() {
      $(this).closest('form').attr('action', $(this).attr('data-action'));
    });
    
    $('.notice-pagination').each(function() {
      $('.notice-pagination a').pjax('#content', { timeout: 2000});
      $('#content').bind('pjax:start',  function() {
	$('.notice-pagination-loader').css("visibility", "visible");
        currentTab = $('.tab-bar ul li a.button.active').attr('rel');
      });

      $('#content').bind('pjax:end',  function() {
        activateTabbedPanels();
      });
    });
  }
  
  function activateTabbedPanels() {
    $('.tab-bar a').each(function(){
      var tab = $(this);
      var panel = $('#'+tab.attr('rel'));
      panel.addClass('panel');
      panel.find('h3').hide();
    });
    
    $('.tab-bar a').click(function(){
      activateTab($(this));
      return(false);
    });
    activateTab($('.tab-bar ul li a.button[rel=' + currentTab + ']'));
  }
  
  function activateTab(tab) {
    tab = $(tab);
    var panel = $('#'+tab.attr('rel'));
    
    tab.closest('.tab-bar').find('a.active').removeClass('active');
    tab.addClass('active');
    
    $('.panel').hide();
    panel.show();
  }
  
  function activateSelectableRows() {
    $('.selectable tr').click(function(event) {
      if(!_.include(['A', 'INPUT', 'BUTTON', 'TEXTAREA'], event.target.nodeName)) {
        var checkbox = $(this).find('input[name="problems[]"]');
        checkbox.attr('checked', !checkbox.is(':checked'));
      }
    });
  }
  
  init();
});