Merge pull request #2291 from colemanw/resources

[civicrm-core.git] / templates / CRM / common / TabHeader.js

// https://civicrm.org/licensing
/**
 * By default this simply loads tabs via ajax CRM.loadPage method
 * Tabs with class 'ajaxForm' will use CRM.loadForm instead, suitable for most forms
 * Tabs with class 'livePage' will get popup action links, suitable for crud tables
 */
cj(function($) {
  var tabSettings = CRM.tabSettings || {};
  tabSettings.active = tabSettings.active ? $('#tab_' + tabSettings.active).prevAll().length : 0;
  $("#mainTabContainer")
    .on('tabsbeforeactivate', function(e, ui) {
      // Warn of unsaved changes - requires formNavigate.tpl to be included in each tab
      if (!global_formNavigate) {
        CRM.alert(ts('Your changes in the <em>%1</em> tab have not been saved.', {1: ui.oldTab.text()}), ts('Unsaved Changes'), 'warning');
        global_formNavigate = true;
      }
    })
    .on('tabsbeforeload', function(e, ui) {
      // Use civicrm ajax wrappers rather than the default $.load
      if (!ui.panel.data("civiCrmSnippet")) {
        var method = ui.tab.hasClass('ajaxForm') ? 'loadForm' : 'loadPage';
        var params = {target: ui.panel};
        if (method === 'loadForm') {
          params.autoClose = params.openInline = params.cancelButton = params.refreshAction = false;
          ui.panel.on('crmFormLoad', function() {
            // Hack: "Save and done" and "Cancel" buttons submit without ajax
            $('.cancel.form-submit, input[name$=upload_done]', this).on('click', function(e) {
              $(this).closest('form').ajaxFormUnbind();
            })
          });
        }
        if (ui.tab.hasClass('livePage')) {
          ui.panel
            .off('click.crmLivePage')
            .on('click.crmLivePage', 'a.button, a.action-item', function() {
              // only follow real links not javascript buttons
              if ($(this).attr('href') === '#' || $(this).attr('onclick') || $(this).hasClass('no-popup')) {
                return;
              }
              CRM.loadForm($(this).attr('href'), {
                openInline: 'a:not("[href=#], .no-popup")'
              }).on('crmFormSuccess', function(e, data) {
                  // Refresh when form completes
                  ui.panel.crmSnippet('refresh');
                });
              return false;
            });
        }
        ui.panel
          .off('.tabInfo')
          .on('crmLoad.tabInfo crmFormSuccess.tabInfo', function(e, data) {
            if (typeof(data.tabCount) !== 'undefined') {
              CRM.tabHeader.updateCount(ui.tab, data.tabCount);
            }
            if (typeof(data.tabValid) !== 'undefined') {
              var method = data.tabValid ? 'removeClass' : 'addClass';
              ui.tab[method]('disabled');
            }
          });
        CRM[method]($('a', ui.tab).attr('href'), params);
      }
      e.preventDefault();
    })
    .tabs(tabSettings);
});
(function($) {
  // Utility functions
  CRM.tabHeader = CRM.tabHeader || {};
  CRM.tabHeader.updateCount = function(tab, count) {
    $(tab)
      .removeClass($(tab).attr('class').match(/(crm-count-\d+)/)[0] || 'null')
      .addClass('crm-count-' + count)
      .find('a em').html('' + count);
  }
})(cj);