js/kivi.ActionBar.js

   1 namespace('kivi', 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.ActionBarCombobox = function(e) {
  13     this.combobox = e;
  14     this.head     = e.childNodes[0];
  15     this.toggle   = this.head.childNodes[1];
  16     this.list     = e.childNodes[0];
  17     this.init();
  18   };
  19
  20   k.ActionBarCombobox.prototype = {
  21     init: function() {
  22       var obj = this;
  23       $(obj.toggle).on('click', function(event){
  24         $('div.' + CLASSES.combobox + '[id!=' + obj.combobox.id + ']').removeClass(CLASSES.active);
  25         $(obj.combobox).toggleClass(CLASSES.active);
  26         event.stopPropagation();
  27       });
  28     }
  29   };
  30
  31   k.ActionBarAccesskeys = {
  32     known_keys: {
  33      'enter': 13,
  34      'esc': 27,
  35     },
  36     actions: {},
  37     bound_targets: {},
  38
  39     add_accesskey: function (target, keystring, action) {
  40       if (target === undefined) {
  41         target = 'document';
  42       }
  43
  44       var normalized = $.map(String.prototype.split.call(keystring, '+'), function(val, i) {
  45         console.log(keystring)
  46         switch (val) {
  47           case 'ctrl':
  48           case 'alt':  return val;
  49           case 'enter': return 13;
  50           default:
  51             if (val.length == 1) {
  52               return val.charChodeAt(0)
  53             } else if (val % 1 === 0) {
  54               return val;
  55             } else {
  56               console.log('can not normalize access key token: ' + val);
  57             }
  58         }
  59       }).join('+');
  60
  61       if (!(target in this.actions))
  62         this.actions[target] = {};
  63       this.actions[target][normalized] = action;
  64     },
  65
  66     bind_targets: function(){
  67       for (var target in this.actions) {
  68         if (target in this.bound_targets) continue;
  69         $(target).on('keypress', null, { 'target': target }, this.handle_accesskey);
  70         this.bound_targets[target] = 1;
  71       }
  72     },
  73
  74     handle_accesskey: function(e,t) {
  75       var target = e.data.target;
  76       var key = e.which;
  77       var accesskey = '';
  78       if (e.ctrlKey) accesskey += 'crtl+'
  79       if (e.altKey)  accesskey += 'alt+'
  80       accesskey += e.which;
  81
  82       // special case. HTML elements that make legitimate use of enter will also trigger the enter accesskey.
  83       // so. if accesskey is '13' and the event source is one of these (currently only textareas & combo boxes) ignore it.
  84       // higher level widgets will usually prevent their key events from bubbling if used.
  85       if (   (accesskey == 13)
  86           && (   (e.target.tagName == 'TEXTAREA')
  87               || (e.target.tagName == 'SELECT')))
  88         return true;
  89
  90       if ((target in k.ActionBarAccesskeys.actions) && (accesskey in k.ActionBarAccesskeys.actions[target])) {
  91         e.stopPropagation();
  92         k.ActionBarAccesskeys.actions[target][accesskey].click();
  93
  94         // and another special case.
  95         // if the form contains submit buttons the default action will click them instead.
  96         // prevent that
  97         if (accesskey == 13) return false;
  98       }
  99       return true;
 100     }
 101   };
 102
 103   k.ActionBarAction = function(e) {
 104     var data = $(e).data('action');
 105     if (undefined === data) return;
 106
 107     if (data.disabled) {
 108       $(e).addClass(CLASSES.disabled);
 109       if (!data.tooltip && (data.disabled != '1'))
 110         data.tooltip = data.disabled;
 111     }
 112
 113     if (data.accesskey) {
 114       if (data.submit) {
 115         k.ActionBarAccesskeys.add_accesskey(data.submit[0], data.accesskey, $(e));
 116       }
 117       if (data.call) {
 118         k.ActionBarAccesskeys.add_accesskey(undefined, data.accesskey, $(e));
 119       }
 120     }
 121
 122     if (data.tooltip) {
 123       $(e).tooltipster({ content: data.tooltip, theme: 'tooltipster-light' });
 124     }
 125
 126     if (data.call || data.submit) {
 127       $(e).click(function(event) {
 128         var $hidden, key, func, check;
 129         if ($(e).hasClass(CLASSES.disabled)) {
 130           event.stopPropagation();
 131           return;
 132         }
 133         if (data.checks) {
 134           for (var i=0; i < data.checks.length; i++) {
 135             check = data.checks[i];
 136             func = kivi.get_function_by_name(check);
 137             if (!func) console.log('Cannot find check function: ' + check);
 138             if (!func()) return;
 139           }
 140         }
 141         if (data.confirm && !confirm(data.confirm)) return;
 142         if (data.call) {
 143           func = kivi.get_function_by_name(data.call[0]);
 144           func.apply(document, data.call.slice(1))
 145         }
 146         if (data.submit) {
 147           var form   = data.submit[0];
 148           var params = data.submit[1];
 149           for (key in params) {
 150             $hidden = $('<input type=hidden>')
 151             $hidden.attr('name', key)
 152             $hidden.attr('value', params[key])
 153             $(form).append($hidden)
 154           }
 155           $(form).submit();
 156         }
 157       });
 158     }
 159   };
 160 });
 161
 162 $(function(){
 163   $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {
 164     kivi.ActionBarAction(e)
 165   });
 166   $('div.layout-actionbar-combobox').each(function(_, e) {
 167     $(e).data('combobox', new kivi.ActionBarCombobox(e));
 168   });
 169   $(document).click(function() {
 170     $('div.layout-actionbar-combobox').removeClass('active');
 171   });
 172   kivi.ActionBarAccesskeys.bind_targets();
 173 });