1 namespace('kivi.ActionBar', function(k){
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',
13 k.Combobox = function(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];
22 k.Combobox.prototype = {
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();
31 $(obj.toggle).on('click', toggler);
33 var data = $(this.topAction).data('action') || {};
34 if (!data.call && !data.submit)
35 $(this.topAction).on('click', toggler);
47 add_accesskey: function (target, keystring, action) {
48 if (target === undefined) {
52 var normalized = $.map(String.prototype.split.call(keystring, '+'), function(val, i) {
55 case 'alt': return val;
56 case 'enter': return 13;
58 if (val.length == 1) {
59 return val.charChodeAt(0);
60 } else if (val % 1 === 0) {
63 console.log('can not normalize access key token: ' + val);
68 if (!(target in this.actions))
69 this.actions[target] = {};
70 this.actions[target][normalized] = action;
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;
81 handle_accesskey: function(e,t) {
82 var target = e.data.target;
85 if (e.ctrlKey) accesskey += 'crtl+'
86 if (e.altKey) accesskey += 'alt+'
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')))
97 if ((target in kivi.ActionBar.Accesskeys.actions) && (accesskey in kivi.ActionBar.Accesskeys.actions[target])) {
99 kivi.ActionBar.Accesskeys.actions[target][accesskey].click();
101 // and another special case.
102 // if the form contains submit buttons the default action will click them instead.
104 if (accesskey == 13) return false;
110 k.removeTooltip = function($e) {
111 if ($e.hasClass('tooltipstered'))
112 $e.tooltipster('destroy');
113 $e.prop('title', '');
116 k.setTooltip = function($e, tooltip) {
117 if ($e.hasClass('tooltipstered'))
118 $e.tooltipster('content', tooltip);
120 $e.tooltipster({ content: tooltip, theme: 'tooltipster-light' });
123 k.setDisabled = function($e, tooltip) {
124 var data = $e.data('action');
126 $e.addClass(CLASSES.disabled);
128 if (tooltip && (tooltip != '1'))
129 kivi.ActionBar.setTooltip($e, tooltip);
131 kivi.ActionBar.removeTooltip($e);
134 k.setEnabled = function($e) {
135 var data = $e.data('action');
137 $e.removeClass(CLASSES.disabled);
140 kivi.ActionBar.setTooltip($e, data.tooltip);
142 kivi.ActionBar.removeTooltip($e);
145 k.Action = function(e) {
147 var instance = $e.data('instance');
151 var data = $e.data('action');
152 if (undefined === data) return;
154 data.originalTooltip = data.tooltip;
156 if (data.disabled && (data.disabled != '0'))
157 kivi.ActionBar.setDisabled($e, data.disabled);
159 else if (data.tooltip)
160 kivi.ActionBar.setTooltip($e, data.tooltip);
162 if (data.accesskey) {
164 kivi.ActionBar.Accesskeys.add_accesskey(data.submit[0], data.accesskey, $e);
167 kivi.ActionBar.Accesskeys.add_accesskey('body', data.accesskey, $e);
169 if (data.accesskey == 'enter') {
170 $e.addClass(CLASSES.default);
174 if (data.call || data.submit || data.link) {
175 $e.click(function(event) {
176 var $hidden, key, func, check;
177 if ($e.hasClass(CLASSES.disabled)) {
178 event.stopPropagation();
182 for (var i=0; i < data.checks.length; i++) {
183 check = data.checks[i];
184 if (check.constructor !== Array)
186 func = kivi.get_function_by_name(check[0]);
188 console.log('Cannot find check function: ' + check);
189 if (!func.apply(document, check.slice(1)))
193 if (data.confirm && !confirm(data.confirm)) return;
195 func = kivi.get_function_by_name(data.call[0]);
196 func.apply(document, data.call.slice(1));
199 var form = data.submit[0];
200 var params = data.submit[1];
201 for (key in params) {
202 $('[name=' + key + ']').remove();
203 $hidden = $('<input type=hidden>');
204 $hidden.attr('name', key);
205 $hidden.attr('value', params[key]);
206 $(form).append($hidden);
211 window.location.href = data.link;
213 if ((data.only_once !== undefined) && (data.only_once !== 0)) {
214 $e.addClass(CLASSES.disabled);
215 $e.tooltipster({ content: kivi.t8("The action can only be executed once."), theme: 'tooltipster-light' });
221 removeTooltip: function() { kivi.ActionBar.removeTooltip($e); },
222 setTooltip: function(tooltip) { kivi.ActionBar.setTooltip($e, tooltip); },
223 disable: function(tooltip) { kivi.ActionBar.setDisabled($e, tooltip); },
224 enable: function() { kivi.ActionBar.setEnabled($e, $e.data('action').tooltip); },
227 $e.data('instance', instance);
234 $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {
235 kivi.ActionBar.Action(e);
237 $('div.layout-actionbar-combobox').each(function(_, e) {
238 $(e).data('combobox', new kivi.ActionBar.Combobox(e));
240 $(document).click(function() {
241 $('div.layout-actionbar-combobox').removeClass('active');
243 kivi.ActionBar.Accesskeys.bind_targets();