Add function to update select options
[misc/kostenrechnung] / lib / functions.js
1 /*
2  * Small AJAX framework
3  */
4 function ajax_request_callback(req)
5 {
6     if (req.readyState == 4 && req.status == 200) {
7         var data = json_parse(req.responseText);
8
9         if (typeof data.error == 'string') {
10             if (typeof data.errormsg == 'string')
11                 error(data.errormsg);
12             else
13                 error('Fehler im AJAX-Backend');
14             alert("Fehler im AJAX-Backend:\n" + data.error);
15         } else if (req.oncomplete)
16             req.oncomplete(data);
17     }
18 }
19
20 function ajax_request(func,params,oncomplete)
21 {
22     var req = new XMLHttpRequest();
23     if (!req) return;
24
25     var params = 'func=' + func + '&' + params;
26     req.open ("POST", 'ajax/ajax.php');
27     req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
28     req.setRequestHeader("Content-length", params.length);
29     req.setRequestHeader("Connection", "close");
30     req.onreadystatechange = function() { ajax_request_callback(req); }
31     if (typeof oncomplete == 'function')
32         req.oncomplete = oncomplete;
33     req.send(params);
34     info('');
35 }
36
37 function info(msg)
38 {
39     var status = document.getElementById('status');
40     if (!status) return;
41
42     status.innerHTML = msg;
43     status.className = 'status_ok';
44 }
45
46 function error(msg)
47 {
48     var status = document.getElementById('status');
49     if (!status) return;
50
51     status.innerHTML = msg;
52     status.className = 'status_error';
53 }
54
55 function set_value(id, value)
56 {
57     var obj = document.getElementById(id);
58     if (!obj) return;
59
60     if (obj.nodeName.toLowerCase() == 'input'
61         && obj.type.toLowerCase() == 'checkbox')
62         if (value) obj.checked = true;
63         else obj.checked = false;
64     else if (obj.nodeName.toLowerCase() == 'input'
65         || obj.nodeName.toLowerCase() == 'textarea')
66         obj.value = value;
67     else if (obj.nodeName.toLowerCase() == 'span')
68         obj.innerHTML = value;
69     else if (obj.nodeName.toLowerCase() == 'select') {
70         for (var i=0; i < obj.options.length; i++)
71             if (obj.options[i].value == value)
72                 obj.selectedIndex = i;
73     } else
74         obj.innerHTML = value;
75 }
76
77 function setvar(obj, name, callback, status)
78 {
79     if (!obj.options[obj.selectedIndex].value.length)
80         value = -1;
81     else
82         value = obj.options[obj.selectedIndex].value;
83
84     var source = document.getElementById('source');
85
86     if (!source) return false;
87
88     var parms = 'source=' + source.innerHTML + '&name=' + name + '&value=' + value;
89
90     ajax_request('setvar', parms, callback);
91
92     if (typeof status == 'function')
93         status(obj,value,obj.options[obj.selectedIndex].innerHTML);
94 }
95
96 function get_info(name, values, callback)
97 {
98     var source = document.getElementById('source');
99
100     if (!source) return false;
101
102     var parms = 'source=' + source.innerHTML + '&name=' + name;
103     for (key in values)
104         parms += '&' + key + '=' + values[key];
105
106     ajax_request('info', parms, callback);
107 }
108
109 /*
110  * Form functions
111  */
112 function form_init()
113 {
114     var form = document.getElementById('form_edit');
115
116     if (!form) return;
117
118     for (var i=0; i<form.children.length; i++)
119         if (form.children[i].tagName.toLowerCase() == 'input'
120             && form.children[i].type.toLowerCase() == 'password')
121             form.children[i].value = '';
122 }
123
124 function select_update(id, options, empty)
125 {
126     var obj = document.getElementById(id);
127     if (!obj) return;
128
129     if (typeof empty == 'undefined') empty = 0;
130
131     obj.options.length = empty;
132
133     for (var i=0; i < options.length; i++)
134       obj.options[empty+i] = new Option(options[i].text,options[i].id,false,false);
135 }
136
137 var post_save = function() { grid_update(grid); }
138 var post_delete = function() { grid_update(grid); }
139
140 function save_callback(data)
141 {
142     info('Datensatz gespeichert');
143
144     if (typeof post_save == 'function')
145         post_save();
146 }
147
148 function delete_callback(data)
149 {
150     info('Datensatz gelöscht');
151
152     if (typeof post_delete == 'function')
153         post_delete();
154 }
155
156 function form_save(obj)
157 {
158     var id = document.getElementById('edit_id');
159
160     if (!id.value.length)
161         return form_insert(obj);
162
163     info('');
164     ajax_request('save', Form.serialize(obj.form), save_callback);
165     return false;
166 }
167
168 function form_insert(obj)
169 {
170     info('');
171     ajax_request('insert', Form.serialize(obj.form), save_callback);
172     return false;
173 }
174
175 function form_delete(obj)
176 {
177     var id = document.getElementById('edit_id');
178
179     if (!id.value.length) return;
180
181     var source = document.getElementById('edit_source');
182     info('');
183     var params = 'id='+id.value + '&source='+source.value;
184     ajax_request('delete', params, delete_callback);
185     return false;
186 }
187
188 /*
189  * Table functions
190  */
191 function details_callback(data)
192 {
193     for (var id in data)
194         set_value('detail_'+id, data[id]);
195 }
196
197 function fetch_callback(data)
198 {
199     for (var id in data)
200         set_value('edit_'+id, data[id]);
201
202     var status = document.getElementById('form_status');
203     status.innerHTML = 'Geändert: ' + data.sys_edit + ' von ' + data.sys_user;
204 }
205
206 /*
207  * Rico functions
208  */
209 function gridDrillDown(e)
210 {
211     if (e.originalTarget && e.originalTarget.target && e.originalTarget.target == '_top')
212         return;
213
214     var id = 0; // Column 0 contains ID
215     var row = grid.edit.drillDown(e,0,0);
216     var cell = grid.columns[id].cell(row);
217     if (!cell) return;
218     var value = cell.innerHTML;
219
220     if (document.getElementById('details')) {
221         var params = 'source=' + grid.tableId.substr(5) + '&id=' + value;
222         ajax_request('details', params, details_callback);
223     }
224
225     if (document.getElementById('form_edit')) {
226         var params = 'source=' + grid.tableId.substr(5) + '&id=' + value;
227         ajax_request('fetch', params, fetch_callback);
228     }
229 }
230
231 /* Update an existing grid
232  *
233  * grid is a live grid
234  * filter is the array index of the $table_filters array in mskdef
235  * value is the value applied to the filter
236  */
237 function grid_update(grid, filter, value)
238 {
239     if (grid === undefined)
240         return;
241
242     if (filter !== undefined && filter !== false)
243                 grid.buffer.options.requestParameters = ['w'+filter+'=' + value];
244     grid.buffer.clear();
245     grid.buffer.setTotalRows(0);
246     grid.buffer.foundRowCount = false;
247     grid.cancelMenu();
248     grid.ClearSelection();
249     grid.setImages();
250     if (grid.bookmark) grid.bookmark.innerHTML="&nbsp;";
251     grid.clearRows();
252     grid.buffer.fetch(-1);
253 }
254
255 function grid_update_filters(grid)
256 {
257     var todo = false;
258     for (var c=0; c < grid.headerColCnt; c++) {
259         var fmt = grid.columns[c].format;
260         if (typeof fmt.filterUI != 'string') continue;
261         if (fmt.filterUI != 's') continue;
262         $(grid.filterId(c)).options.length = 1;
263
264         var options = {};
265         Object.extend(options, grid.buffer.ajaxOptions);
266         var colnum = typeof(fmt.filterCol)=='number' ? fmt.filterCol : c;
267
268         options.parameters = 'id='+grid.tableId+'&distinct='+colnum;
269         options.onComplete = grid.filterValuesUpdate.bind(grid,c);
270         new Ajax.Request(grid.buffer.dataSource, options);
271     }
272 }
273
274 var calendars = new Array();
275 function calendar_callback(value)
276 {
277     this.input.value = value;
278 }
279
280 function calendar(name,event)
281 {
282     var input = document.getElementById(name);
283     if (!input) return;
284
285     if (calendars[name] == undefined) {
286         calendars[name] = new Rico.CalendarControl('calendar_'+name,
287                                                    {startAt: 1,
288                                                     dateFmt: 'dd.mm.yyyy',
289                                                     showWeekNumber: 1});
290         calendars[name].atLoad();
291         calendars[name].returnValue = calendar_callback;
292         RicoUtil.positionCtlOverIcon(calendars[name].container,input);
293         calendars[name].open(input.value);
294         calendars[name].input = input;
295     } else {
296         if (Element.visible(calendars[name].container))
297             calendars[name].close();
298         else
299             calendars[name].open(input.value);
300     }
301     Event.stop(event);
302 }