js/kivi.ActionBar.js

   1 namespace('kivi.ActionBar', function(k){
   2   'use strict';
   3
   4   var CLASSES = {
   5     active:   'active',
   6     actionbar: 'layout-actionbar',
   7     disabled: 'layout-actionbar-action-disabled',
   8     action:   'layout-actionbar-action',
   9     combobox: 'layout-actionbar-combobox',
  10   };
  11
  12   k.Combobox = function(e) {
  13     this.combobox  = e;
  14     this.head      = e.childNodes[0];
  15     this.topAction = this.head.childNodes[0];
  16     this.toggle    = this.head.childNodes[1];
  17     this.list      = e.childNodes[0];
  18     this.init();
  19   };
  20
  21   k.Combobox.prototype = {
  22     init: function() {
  23       var obj     = this;
  24       var toggler = function(event){
  25         $('div.' + CLASSES.combobox + '[id!=' + obj.combobox.id + ']').removeClass(CLASSES.active);
  26         $(obj.combobox).toggleClass(CLASSES.active);
  27         event.stopPropagation();
  28       };
  29
  30       $(obj.toggle).on('click', toggler);
  31
  32       var data = $(this.topAction).data('action') || {};
  33       if (!data.call && !data.submit)
  34         $(this.topAction).on('click', toggler);
  35     }
  36   };
  37
  38   k.Accesskeys = {
  39     known_keys: {
  40      'enter': 13,
  41      'esc': 27,
  42     },
  43     actions: {},
  44     bound_targets: {},
  45
  46     add_accesskey: function (target, keystring, action) {
  47       if (target === undefined) {
  48         target = 'document';
  49       }
  50
  51       var normalized = $.map(String.prototype.split.call(keystring, '+'), function(val, i) {
  52         switch (val) {
  53           case 'ctrl':
  54           case 'alt':  return val;
  55           case 'enter': return 13;
  56           default:
  57             if (val.length == 1) {
  58               return val.charChodeAt(0);
  59             } else if (val % 1 === 0) {
  60               return val;
  61             } else {
  62               console.log('can not normalize access key token: ' + val);
  63             }
  64         }
  65       }).join('+');
  66
  67       if (!(target in this.actions))
  68         this.actions[target] = {};
  69       this.actions[target][normalized] = action;
  70     },
  71
  72     bind_targets: function(){
  73       for (var target in this.actions) {
  74         if (target in this.bound_targets) continue;
  75         $(target).on('keypress', null, { 'target': target }, this.handle_accesskey);
  76         this.bound_targets[target] = 1;
  77       }
  78     },
  79
  80     handle_accesskey: function(e,t) {
  81       var target = e.data.target;
  82       var key = e.which;
  83       var accesskey = '';
  84       if (e.ctrlKey) accesskey += 'crtl+'
  85       if (e.altKey)  accesskey += 'alt+'
  86       accesskey += e.which;
  87
  88       // special case. HTML elements that make legitimate use of enter will also trigger the enter accesskey.
  89       // so. if accesskey is '13' and the event source is one of these (currently only textareas & combo boxes) ignore it.
  90       // higher level widgets will usually prevent their key events from bubbling if used.
  91       if (   (accesskey == 13)
  92           && (   (e.target.tagName == 'TEXTAREA')
  93               || (e.target.tagName == 'SELECT')))
  94         return true;
  95
  96       if ((target in kivi.ActionBar.Accesskeys.actions) && (accesskey in kivi.ActionBar.Accesskeys.actions[target])) {
  97         e.stopPropagation();
  98         kivi.ActionBar.Accesskeys.actions[target][accesskey].click();
  99
 100         // and another special case.
 101         // if the form contains submit buttons the default action will click them instead.
 102         // prevent that
 103         if (accesskey == 13) return false;
 104       }
 105       return true;
 106     }
 107   };
 108
 109   k.removeTooltip = function($e) {
 110     if ($e.hasClass('tooltipstered'))
 111       $e.tooltipster('destroy');
 112     $e.prop('title', '');
 113   };
 114
 115   k.setTooltip = function($e, tooltip) {
 116     if ($e.hasClass('tooltipstered'))
 117       $e.tooltipster('content', tooltip);
 118     else
 119       $e.tooltipster({ content: tooltip, theme: 'tooltipster-light' });
 120   };
 121
 122   k.setDisabled = function($e, tooltip) {
 123     var data = $e.data('action');
 124
 125     $e.addClass(CLASSES.disabled);
 126
 127     if (tooltip && (tooltip != '1'))
 128       kivi.ActionBar.setTooltip($e, tooltip);
 129     else
 130       kivi.ActionBar.removeTooltip($e);
 131   };
 132
 133   k.setEnabled = function($e) {
 134     var data = $e.data('action');
 135
 136     $e.removeClass(CLASSES.disabled);
 137
 138     if (data.tooltip)
 139       kivi.ActionBar.setTooltip($e, data.tooltip);
 140     else
 141       kivi.ActionBar.removeTooltip($e);
 142   };
 143
 144   k.Action = function(e) {
 145     var $e       = $(e);
 146     var instance = $e.data('instance');
 147     if (instance)
 148       return instance;
 149
 150     var data = $e.data('action');
 151     if (undefined === data) return;
 152
 153     data.originalTooltip = data.tooltip;
 154
 155     if (data.disabled && (data.disabled != '0'))
 156       kivi.ActionBar.setDisabled($e, data.disabled);
 157
 158     else if (data.tooltip)
 159       kivi.ActionBar.setTooltip($e, data.tooltip);
 160
 161     if (data.accesskey) {
 162       if (data.submit) {
 163         kivi.ActionBar.Accesskeys.add_accesskey(data.submit[0], data.accesskey, $e);
 164       }
 165       if (data.call) {
 166         kivi.ActionBar.Accesskeys.add_accesskey(undefined, data.accesskey, $e);
 167       }
 168     }
 169
 170     if (data.call || data.submit || data.link) {
 171       $e.click(function(event) {
 172         var $hidden, key, func, check;
 173         if ($e.hasClass(CLASSES.disabled)) {
 174           event.stopPropagation();
 175           return;
 176         }
 177         if (data.checks) {
 178           for (var i=0; i < data.checks.length; i++) {
 179             check = data.checks[i];
 180             if (check.constructor !== Array)
 181               check = [ check ];
 182             func = kivi.get_function_by_name(check[0]);
 183             if (!func)
 184               console.log('Cannot find check function: ' + check);
 185             if (!func.apply(document, check.slice(1)))
 186               return;
 187           }
 188         }
 189         if (data.confirm && !confirm(data.confirm)) return;
 190         if (data.call) {
 191           func = kivi.get_function_by_name(data.call[0]);
 192           func.apply(document, data.call.slice(1));
 193         }
 194         if (data.submit) {
 195           var form   = data.submit[0];
 196           var params = data.submit[1];
 197           for (key in params) {
 198             $('[name=' + key + ']').remove();
 199             $hidden = $('<input type=hidden>');
 200             $hidden.attr('name', key);
 201             $hidden.attr('value', params[key]);
 202             $(form).append($hidden);
 203           }
 204           $(form).submit();
 205         }
 206         if (data.link) {
 207           window.location.href = data.link;
 208         }
 209         if ((data.only_once !== undefined) && (data.only_once !== 0)) {
 210           $e.addClass(CLASSES.disabled);
 211           $e.tooltipster({ content: kivi.t8("The action can only be executed once."), theme: 'tooltipster-light' });
 212         }
 213       });
 214     }
 215
 216     instance = {
 217       removeTooltip: function()        { kivi.ActionBar.removeTooltip($e); },
 218       setTooltip:    function(tooltip) { kivi.ActionBar.setTooltip($e, tooltip); },
 219       disable:       function(tooltip) { kivi.ActionBar.setDisabled($e, tooltip); },
 220       enable:        function()        { kivi.ActionBar.setEnabled($e, $e.data('action').tooltip); },
 221     };
 222
 223     $e.data('instance', instance);
 224
 225     return instance;
 226   };
 227 });
 228
 229 $(function(){
 230   $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {
 231     kivi.ActionBar.Action(e);
 232   });
 233   $('div.layout-actionbar-combobox').each(function(_, e) {
 234     $(e).data('combobox', new kivi.ActionBar.Combobox(e));
 235   });
 236   $(document).click(function() {
 237     $('div.layout-actionbar-combobox').removeClass('active');
 238   });
 239   kivi.ActionBar.Accesskeys.bind_targets();
 240 });