CSS: Unix-style newlines für kivitendo DHTML-Menü
[kivitendo-erp.git] / js / kivi.ActionBar.js
1 namespace('kivi', function(k){
2   'use strict';
3
4   var CLASSES = {
5     active:   'active',
6     actionbar: 'layout-actionbar',
7     disabled: 'layout-actionbar-action-disabled',
8     action:   'layout-actionbar-action',
9     combobox: 'layout-actionbar-combobox',
10   }
11
12   k.ActionBarCombobox = function(e) {
13     this.combobox = e;
14     this.head     = e.childNodes[0];
15     this.toggle   = this.head.childNodes[1];
16     this.list     = e.childNodes[0];
17     this.init();
18   }
19
20   k.ActionBarCombobox.prototype = {
21     init: function() {
22       var obj = this;
23       $(obj.toggle).on('click', function(event){
24         $('div.' + CLASSES.combobox + '[id!=' + obj.combobox.id + ']').removeClass(CLASSES.active);
25         $(obj.combobox).toggleClass(CLASSES.active);
26         event.stopPropagation();
27       });
28     }
29   };
30
31   k.ActionBarAccesskeys = {
32     known_keys: {
33      'enter': 13,
34      'esc': 27,
35     },
36     actions: {},
37     bound_targets: {},
38
39     add_accesskey: function (target, keystring, action) {
40       if (target === undefined) {
41         target = 'document';
42       }
43
44       var normalized = $.map(String.prototype.split.call(keystring, '+'), function(val, i) {
45         console.log(keystring)
46         switch (val) {
47           case 'ctrl':
48           case 'alt':  return val;
49           case 'enter': return 13;
50           default:
51             if (val.length == 1) {
52               return val.charChodeAt(0)
53             } else if (val % 1 === 0) {
54               return val;
55             } else {
56               console.log('can not normalize access key token: ' + val);
57             }
58         }
59       }).join('+');
60
61       if (!(target in this.actions))
62         this.actions[target] = {};
63       this.actions[target][normalized] = action;
64     },
65
66     bind_targets: function(){
67       for (var target in this.actions) {
68         if (target in this.bound_targets) continue;
69         $(target).on('keypress', null, { 'target': target }, this.handle_accesskey);
70         this.bound_targets[target] = 1;
71       }
72     },
73
74     handle_accesskey: function(e,t) {
75       var target = e.data.target;
76       var key = e.which;
77       var accesskey = '';
78       if (e.ctrlKey) accesskey += 'crtl+'
79       if (e.altKey)  accesskey += 'alt+'
80       accesskey += e.which;
81
82       // special case. HTML elements that make legitimate use of enter will also trigger the enter accesskey.
83       // so. if accesskey is '13' and the event source is one of these (currently only textarea) ignore it.
84       // higher level widgets will usually prevent their key events from bubbling if used.
85       if (accesskey == 13 && e.target.tagName == 'TEXTAREA') return true;
86
87       if ((target in k.ActionBarAccesskeys.actions) && (accesskey in k.ActionBarAccesskeys.actions[target])) {
88         e.stopPropagation();
89         k.ActionBarAccesskeys.actions[target][accesskey].click();
90
91         // and another special case.
92         // if the form contains submit buttons the default action will click them instead.
93         // prevent that
94         if (accesskey == 13) return false;
95       }
96       return true;
97     }
98   };
99
100   k.ActionBarAction = function(e) {
101     var data = $(e).data('action');
102     if (undefined === data) return;
103
104     if (data.disabled) {
105       $(e).addClass(CLASSES.disabled);
106     }
107
108     if (data.accesskey) {
109       if (data.submit) {
110         k.ActionBarAccesskeys.add_accesskey(data.submit[0], data.accesskey, $(e));
111       }
112       if (data.call) {
113         k.ActionBarAccesskeys.add_accesskey(undefined, data.accesskey, $(e));
114       }
115     }
116
117     if (data.tooltip) {
118       $(e).tooltipster({ content: data.tooltip, theme: 'tooltipster-light' });
119     }
120
121     if (data.call || data.submit) {
122       $(e).click(function(event) {
123         var $hidden, key, func, check;
124         if ($(e).hasClass(CLASSES.disabled)) {
125           event.stopPropagation();
126           return;
127         }
128         if (data.checks) {
129           for (var i=0; i < data.checks.length; i++) {
130             check = data.checks[i];
131             func = kivi.get_function_by_name(check);
132             if (!func) console.log('Cannot find check function: ' + check);
133             if (!func()) return;
134           }
135         }
136         if (data.confirm && !confirm(data.confirm)) return;
137         if (data.call) {
138           func = kivi.get_function_by_name(data.call[0]);
139           func.apply(document, data.call.slice(1))
140         }
141         if (data.submit) {
142           var form   = data.submit[0];
143           var params = data.submit[1];
144           for (key in params) {
145             $hidden = $('<input type=hidden>')
146             $hidden.attr('name', key)
147             $hidden.attr('value', params[key])
148             $(form).append($hidden)
149           }
150           $(form).submit();
151         }
152       });
153     }
154   }
155 });
156
157 $(function(){
158   $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {
159     kivi.ActionBarAction(e)
160   });
161   $('div.layout-actionbar-combobox').each(function(_, e) {
162     $(e).data('combobox', new kivi.ActionBarCombobox(e));
163   });
164   $(document).click(function() {
165     $('div.layout-actionbar-combobox').removeClass('active');
166   });
167   kivi.ActionBarAccesskeys.bind_targets();
168 });