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();
});
projects / kivitendo-erp.git / blobdiff