kivi.js: Helfsfunktion zum Formatieren eines JS-Calls als CURL-Aufruf

[mfinanz.git] / js / kivi.ActionBar.js

diff --git a/js/kivi.ActionBar.js b/js/kivi.ActionBar.js
index 1bfe6fd135b70fb7c5a8d4b2a3f3d0996dedc234..dc1d35f2cd5911be137478a140b54082f9e05b47 100644 (file)
--- a/js/kivi.ActionBar.js
+++ b/js/kivi.ActionBar.js
@@ -1,4 +1,4 @@
-namespace('kivi', function(k){
+namespace('kivi.ActionBar', function(k){

   'use strict';
 
   var CLASSES = {
   'use strict';
 
   var CLASSES = {


@@ -7,28 +7,36 @@ namespace('kivi', function(k){
     disabled: 'layout-actionbar-action-disabled',
     action:   'layout-actionbar-action',
     combobox: 'layout-actionbar-combobox',
     disabled: 'layout-actionbar-action-disabled',
     action:   'layout-actionbar-action',
     combobox: 'layout-actionbar-combobox',

+    default:  'layout-actionbar-default-action',

   };
 
   };
 

-  k.ActionBarCombobox = function(e) {
-    this.combobox = e;
-    this.head     = e.childNodes[0];
-    this.toggle   = this.head.childNodes[1];
-    this.list     = e.childNodes[0];
+  k.Combobox = function(e) {
+    this.combobox  = e;
+    this.head      = e.childNodes[0];
+    this.topAction = this.head.childNodes[0];
+    this.toggle    = this.head.childNodes[1];
+    this.list      = e.childNodes[0];

     this.init();
   };
 
     this.init();
   };
 

-  k.ActionBarCombobox.prototype = {
+  k.Combobox.prototype = {

     init: function() {
     init: function() {

-      var obj = this;
-      $(obj.toggle).on('click', function(event){
+      var obj     = this;
+      var toggler = function(event){

         $('div.' + CLASSES.combobox + '[id!=' + obj.combobox.id + ']').removeClass(CLASSES.active);
         $(obj.combobox).toggleClass(CLASSES.active);
         event.stopPropagation();
         $('div.' + CLASSES.combobox + '[id!=' + obj.combobox.id + ']').removeClass(CLASSES.active);
         $(obj.combobox).toggleClass(CLASSES.active);
         event.stopPropagation();

-      });
+      };
+
+      $(obj.toggle).on('click', toggler);
+
+      var data = $(this.topAction).data('action') || {};
+      if (!data.call && !data.submit)
+        $(this.topAction).on('click', toggler);

     }
   };
 
     }
   };
 

-  k.ActionBarAccesskeys = {
+  k.Accesskeys = {

     known_keys: {
      'enter': 13,
      'esc': 27,
     known_keys: {
      'enter': 13,
      'esc': 27,


@@ -42,14 +50,13 @@ namespace('kivi', function(k){
       }
 
       var normalized = $.map(String.prototype.split.call(keystring, '+'), function(val, i) {
       }
 
       var normalized = $.map(String.prototype.split.call(keystring, '+'), function(val, i) {

-        console.log(keystring)

         switch (val) {
           case 'ctrl':
           case 'alt':  return val;
           case 'enter': return 13;
           default:
             if (val.length == 1) {
         switch (val) {
           case 'ctrl':
           case 'alt':  return val;
           case 'enter': return 13;
           default:
             if (val.length == 1) {

-              return val.charChodeAt(0)
+              return val.charCodeAt(0);

             } else if (val % 1 === 0) {
               return val;
             } else {
             } else if (val % 1 === 0) {
               return val;
             } else {


@@ -87,9 +94,9 @@ namespace('kivi', function(k){
               || (e.target.tagName == 'SELECT')))
         return true;
 
               || (e.target.tagName == 'SELECT')))
         return true;
 

-      if ((target in k.ActionBarAccesskeys.actions) && (accesskey in k.ActionBarAccesskeys.actions[target])) {
+      if ((target in kivi.ActionBar.Accesskeys.actions) && (accesskey in kivi.ActionBar.Accesskeys.actions[target])) {

         e.stopPropagation();
         e.stopPropagation();

-        k.ActionBarAccesskeys.actions[target][accesskey].click();
+        kivi.ActionBar.Accesskeys.actions[target][accesskey].click();

 
         // and another special case.
         // if the form contains submit buttons the default action will click them instead.
 
         // and another special case.
         // if the form contains submit buttons the default action will click them instead.


@@ -100,74 +107,141 @@ namespace('kivi', function(k){
     }
   };
 
     }
   };
 

-  k.ActionBarAction = function(e) {
-    var data = $(e).data('action');
+  k.removeTooltip = function(e) {
+    var $e = $(e);
+    if ($e.hasClass('tooltipstered'))
+      $e.tooltipster('destroy');
+    $e.prop('title', '');
+  };
+
+  k.setTooltip = function(e, tooltip) {
+    var $e = $(e);
+    if ($e.hasClass('tooltipstered'))
+      $e.tooltipster('content', tooltip);
+    else
+      $e.tooltipster({ content: tooltip, theme: 'tooltipster-light' });
+  };
+
+  k.setDisabled = function(e, tooltip) {
+    var $e = $(e);
+
+    $e.addClass(CLASSES.disabled);
+
+    if (tooltip && (tooltip != '1'))
+      kivi.ActionBar.setTooltip($e, tooltip);
+    else
+      kivi.ActionBar.removeTooltip($e);
+  };
+
+  k.setEnabled = function(e) {
+    var $e   = $(e);
+    var data = $e.data('action');
+
+    $e.removeClass(CLASSES.disabled);
+
+    if (data.tooltip)
+      kivi.ActionBar.setTooltip($e, data.tooltip);
+    else
+      kivi.ActionBar.removeTooltip($e);
+  };
+
+  k.Action = function(e) {
+    var $e       = $(e);
+    var instance = $e.data('instance');
+    if (instance)
+      return instance;
+
+    var data = $e.data('action');

     if (undefined === data) return;
 
     if (undefined === data) return;
 

-    if (data.disabled) {
-      $(e).addClass(CLASSES.disabled);
-      if (!data.tooltip && (data.disabled != '1'))
-        data.tooltip = data.disabled;
-    }
+    data.originalTooltip = data.tooltip;
+
+    if (data.disabled && (data.disabled != '0'))
+      kivi.ActionBar.setDisabled($e, data.disabled);
+
+    else if (data.tooltip)
+      kivi.ActionBar.setTooltip($e, data.tooltip);

 
     if (data.accesskey) {
       if (data.submit) {
 
     if (data.accesskey) {
       if (data.submit) {

-        k.ActionBarAccesskeys.add_accesskey(data.submit[0], data.accesskey, $(e));
+        kivi.ActionBar.Accesskeys.add_accesskey(data.submit[0], data.accesskey, $e);

       }
       if (data.call) {
       }
       if (data.call) {

-        k.ActionBarAccesskeys.add_accesskey(undefined, data.accesskey, $(e));
+        kivi.ActionBar.Accesskeys.add_accesskey('body', data.accesskey, $e);
+      }
+      if (data.accesskey == 'enter') {
+        $e.addClass(CLASSES.default);

       }
     }
 
       }
     }
 

-    if (data.tooltip) {
-      $(e).tooltipster({ content: data.tooltip, theme: 'tooltipster-light' });
-    }
-
-    if (data.call || data.submit) {
-      $(e).click(function(event) {
+    if (data.call || data.submit || data.link) {
+      $e.click(function(event) {

         var $hidden, key, func, check;
         var $hidden, key, func, check;

-        if ($(e).hasClass(CLASSES.disabled)) {
+        if ($e.hasClass(CLASSES.disabled)) {

           event.stopPropagation();
           return;
         }
         if (data.checks) {
           for (var i=0; i < data.checks.length; i++) {
             check = data.checks[i];
           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 (check.constructor !== Array)
+              check = [ check ];
+            func = kivi.get_function_by_name(check[0]);
+            if (!func)
+              console.log('Cannot find check function: ' + check);
+            if (!func.apply(document, check.slice(1)))
+              return;

           }
         }
         if (data.confirm && !confirm(data.confirm)) return;
         if (data.call) {
           func = kivi.get_function_by_name(data.call[0]);
           }
         }
         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))
+          func.apply(document, data.call.slice(1));

         }
         if (data.submit) {
           var form   = data.submit[0];
           var params = data.submit[1];
           for (key in params) {
         }
         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)
+            $('[name=' + key + ']').remove();
+            $hidden = $('<input type=hidden>');
+            $hidden.attr('name', key);
+            $hidden.attr('value', params[key]);
+            $(form).append($hidden);

           }
           $(form).submit();
         }
           }
           $(form).submit();
         }

+        if (data.link) {
+          window.location.href = data.link;
+        }
+        if ((data.only_once !== undefined) && (data.only_once !== 0)) {
+          $e.addClass(CLASSES.disabled);
+          $e.tooltipster({ content: kivi.t8("The action can only be executed once."), theme: 'tooltipster-light' });
+        }

       });
     }
       });
     }

+
+    instance = {
+      removeTooltip: function()        { kivi.ActionBar.removeTooltip($e); },
+      setTooltip:    function(tooltip) { kivi.ActionBar.setTooltip($e, tooltip); },
+      disable:       function(tooltip) { kivi.ActionBar.setDisabled($e, tooltip); },
+      enable:        function()        { kivi.ActionBar.setEnabled($e, $e.data('action').tooltip); },
+    };
+
+    $e.data('instance', instance);
+
+    return instance;

   };
 });
 
 $(function(){
   $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {
   };
 });
 
 $(function(){
   $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {

-    kivi.ActionBarAction(e)
+    kivi.ActionBar.Action(e);

   });
   $('div.layout-actionbar-combobox').each(function(_, e) {
   });
   $('div.layout-actionbar-combobox').each(function(_, e) {

-    $(e).data('combobox', new kivi.ActionBarCombobox(e));
+    $(e).data('combobox', new kivi.ActionBar.Combobox(e));

   });
   $(document).click(function() {
     $('div.layout-actionbar-combobox').removeClass('active');
   });
   });
   $(document).click(function() {
     $('div.layout-actionbar-combobox').removeClass('active');
   });

-  kivi.ActionBarAccesskeys.bind_targets();
+  kivi.ActionBar.Accesskeys.bind_targets();

 });
 });