X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=js%2Fkivi.ActionBar.js;h=dc1d35f2cd5911be137478a140b54082f9e05b47;hb=958b82d600cebec78ff208257b1fd348ee0439bf;hp=9f48d2e063a86c1bae6c91b7d2da06bdb2149f6d;hpb=ef26fcdecd49177fd52a0741aa76c0621b1af38e;p=kivitendo-erp.git diff --git a/js/kivi.ActionBar.js b/js/kivi.ActionBar.js index 9f48d2e06..dc1d35f2c 100644 --- 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 = { @@ -7,9 +7,10 @@ namespace('kivi', function(k){ disabled: 'layout-actionbar-action-disabled', action: 'layout-actionbar-action', combobox: 'layout-actionbar-combobox', + default: 'layout-actionbar-default-action', }; - k.ActionBarCombobox = function(e) { + k.Combobox = function(e) { this.combobox = e; this.head = e.childNodes[0]; this.topAction = this.head.childNodes[0]; @@ -18,7 +19,7 @@ namespace('kivi', function(k){ this.init(); }; - k.ActionBarCombobox.prototype = { + k.Combobox.prototype = { init: function() { var obj = this; var toggler = function(event){ @@ -35,7 +36,7 @@ namespace('kivi', function(k){ } }; - k.ActionBarAccesskeys = { + k.Accesskeys = { known_keys: { 'enter': 13, 'esc': 27, @@ -55,7 +56,7 @@ namespace('kivi', function(k){ 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 { @@ -93,9 +94,9 @@ namespace('kivi', function(k){ || (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(); - 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. @@ -106,33 +107,77 @@ 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 (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) { - k.ActionBarAccesskeys.add_accesskey(data.submit[0], data.accesskey, $(e)); + kivi.ActionBar.Accesskeys.add_accesskey(data.submit[0], data.accesskey, $e); } 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 || data.link) { - $(e).click(function(event) { + $e.click(function(event) { var $hidden, key, func, check; - if ($(e).hasClass(CLASSES.disabled)) { + if ($e.hasClass(CLASSES.disabled)) { event.stopPropagation(); return; } @@ -168,20 +213,35 @@ namespace('kivi', function(k){ 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) { - kivi.ActionBarAction(e) + kivi.ActionBar.Action(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'); }); - kivi.ActionBarAccesskeys.bind_targets(); + kivi.ActionBar.Accesskeys.bind_targets(); });