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