X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=js%2Fkivi.ActionBar.js;h=17fd7f7bbcdf597f81bd379e04f3263b08d88d07;hb=72d64df189526f6b4c9bd24b0adc5c00b450ffe7;hp=2c28d9b4c34c8a3f8d3d9b3762d96c2e84fed152;hpb=3dc29e42a53f674d4a5b745663b1f85b54131de2;p=kivitendo-erp.git

diff --git a/js/kivi.ActionBar.js b/js/kivi.ActionBar.js
index 2c28d9b4c..17fd7f7bb 100644
--- a/js/kivi.ActionBar.js
+++ b/js/kivi.ActionBar.js
@@ -1,55 +1,146 @@
 namespace('kivi', function(k){
   'use strict';
 
-   k.ActionBarAction = function(e) {
-     var data = $(e).data('action');
-
-     if (data.disabled)
-       $(e).addClass('layout-actionbar-action-disabled');
-     // dispatch as needed
-     if (data.submit) {
-       var form   = data.submit[0];
-       var params = data.submit[1];
-       $(e).click(function(event) {
-         var $hidden, key, func;
-         if (data.disabled) return;
-         if (data.confirm && !confirm(data.confirm)) return;
-         if (data.checks) {
-           for (var check in data.check) {
-             func = kivi.get_function_by_name(check);
-             if (!func()) return;
-           }
-         }
-         for (key in params) {
-           $hidden = $('<input type=hidden>')
-           $hidden.attr('name', key)
-           $hidden.attr('value', params[key])
-           $(form).append($hidden)
-         }
-         $(form).submit()
-       })
-     } else if (data.function) {
-       // TODO: what to do with templated calls
-       console.log(data.function)
-       $(e).click(function(event) {
-         var func;
-         if (data.disabled) return;
-         if (data.confirm && !confirm(data.confirm)) return;
-         if (data.checks) {
-           for (var check in data.check) {
-             func = kivi.get_function_by_name(check);
-             if (!func()) return;
-           }
-         }
-         func = kivi.get_function_by_name(data.function[0]);
-         func.apply(document, data.function.slice(1))
-       });
-     }
-   }
+  var CLASSES = {
+    active:   'active',
+    actionbar: 'layout-actionbar',
+    disabled: 'layout-actionbar-action-disabled',
+    action:   'layout-actionbar-action',
+    combobox: 'layout-actionbar-combobox',
+  }
+
+  k.ActionBarCombobox = function(e) {
+    this.combobox = e;
+    this.head     = e.childNodes[0];
+    this.toggle   = this.head.childNodes[1];
+    this.list     = e.childNodes[0];
+    this.init();
+  }
+
+  k.ActionBarCombobox.prototype = {
+    init: function() {
+      var obj = this;
+      $(obj.toggle).on('click', function(event){
+        $('div.' + CLASSES.combobox + '[id!=' + obj.combobox.id + ']').removeClass(CLASSES.active);
+        $(obj.combobox).toggleClass(CLASSES.active);
+        event.stopPropagation();
+      });
+    }
+  };
+
+  k.ActionBarAccesskeys = {
+    known_keys: {
+     'enter': 13,
+     'esc': 27,
+    },
+    actions: {},
+    bound_targets: {},
+
+    add_accesskey: function (target, keystring, action) {
+      if (target === undefined) {
+        target = 'document';
+      }
+      if (!(target in this.actions))
+        this.actions[target] = {};
+      this.actions[target][keystring] = action;
+    },
+
+    bind_targets: function(){
+      for (var target in this.actions) {
+        if (target in this.bound_targets) continue;
+        $(target).on('keypress', null, { 'target': target }, this.handle_accesskey);
+        this.bound_targets[target] = 1;
+      }
+    },
+
+    handle_accesskey: function(e,t) {
+      var target = e.data.target;
+      var key = e.which;
+      var accesskey = '';
+      if (e.ctrlKey) accesskey += 'crtl+'
+      if (e.altKey)  accesskey += 'alt+'
+      accesskey += e.which;
+
+      // special case. HTML elements that make legitimate use of enter will also trigger the enter accesskey.
+      // so. if accesskey is '13' and the event source is one of these (currently only textarea) ignore it.
+      // higher level widgets will usually prevent their key events from bubbling if used.
+      if (accesskey == 13 && e.target.tagName == 'TEXTAREA') return true;
+
+      if ((target in k.ActionBarAccesskeys.actions) && (accesskey in k.ActionBarAccesskeys.actions[target])) {
+        e.stopPropagation();
+        k.ActionBarAccesskeys.actions[target][accesskey].click();
+
+        // and another special case.
+        // if the form contains submit buttons the default action will click them instead.
+        // prevent that
+        if (accesskey == 13) return false;
+      }
+      return true;
+    }
+  };
+
+  k.ActionBarAction = function(e) {
+    var data = $(e).data('action');
+    if (undefined === data) return;
+
+    if (data.disabled) {
+      $(e).addClass(CLASSES.disabled);
+    }
+
+    if (data.accesskey) {
+      if (data.submit) {
+        k.ActionBarAccesskeys.add_accesskey(data.submit[0], data.accesskey, $(e));
+      }
+      if (data.call) {
+        k.ActionBarAccesskeys.add_accesskey(undefined, data.accesskey, $(e));
+      }
+    }
+
+    if (data.call || data.submit) {
+      $(e).click(function(event) {
+        var $hidden, key, func, check;
+        if ($(e).hasClass(CLASSES.disabled)) {
+          event.stopPropagation();
+          return;
+        }
+        if (data.checks) {
+          for (var i=0; i < data.checks.length; i++) {
+            check = data.checks[i];
+            func = kivi.get_function_by_name(check);
+            if (!func) console.log('Cannot find check function: ' + check);
+            if (!func()) return;
+          }
+        }
+        if (data.confirm && !confirm(data.confirm)) return;
+        if (data.call) {
+          func = kivi.get_function_by_name(data.call[0]);
+          func.apply(document, data.call.slice(1))
+        }
+        if (data.submit) {
+          var form   = data.submit[0];
+          var params = data.submit[1];
+          for (key in params) {
+            $hidden = $('<input type=hidden>')
+            $hidden.attr('name', key)
+            $hidden.attr('value', params[key])
+            $(form).append($hidden)
+          }
+          $(form).submit();
+        }
+      });
+    }
+  }
 });
 
 $(function(){
   $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {
-    kivi.ActionBarAction(e);
+    kivi.ActionBarAction(e)
+  });
+  $('div.layout-actionbar-combobox').each(function(_, e) {
+    $(e).data('combobox', new kivi.ActionBarCombobox(e));
+  });
+  $(document).click(function() {
+    $('div.layout-actionbar-combobox').removeClass('active');
   });
+  kivi.ActionBarAccesskeys.bind_targets();
 });