. Implement save, insert and delete for records
[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             alert("Error in AJAX backend:\n" + data.error);
11             error('Fehler im AJAX-Backend');
12         } else if (req.oncomplete)
13             req.oncomplete(data);
14     }
15 }
16
17 function ajax_request(func,params,oncomplete)
18 {
19     var req = new XMLHttpRequest();
20     if (!req) return;
21
22     var params = 'func=' + func + '&' + params;
23     req.open ("POST", 'ajax/ajax.php');
24     req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
25     req.setRequestHeader("Content-length", params.length);
26     req.setRequestHeader("Connection", "close");
27     if (typeof oncomplete == 'function') {
28         req.onreadystatechange = function() { ajax_request_callback(req); }
29         req.oncomplete = oncomplete;
30     }
31     req.send(params);
32 }
33
34 function info(msg)
35 {
36     var status = document.getElementById('status');
37     if (!status) return;
38
39     status.innerHTML = msg;
40     status.className = 'status_ok';
41 }
42
43 function error(msg)
44 {
45     var status = document.getElementById('status');
46     if (!status) return;
47
48     status.innerHTML = msg;
49     status.className = 'status_error';
50 }
51
52 function set_value(id, value)
53 {
54     var obj = document.getElementById(id);
55     if (!obj) return;
56
57     if (obj.nodeName.toLowerCase() == 'input'
58         && obj.type.toLowerCase() == 'checkbox')
59         if (value) obj.checked = true;
60         else obj.checked = false;
61     else if (obj.nodeName.toLowerCase() == 'input'
62         || obj.nodeName.toLowerCase() == 'textarea')
63         obj.value = value;
64     else if (obj.nodeName.toLowerCase() == 'span')
65         obj.innerHTML = value;
66     else if (obj.nodeName.toLowerCase() == 'select')
67         for (var i=0; i < obj.options.length; i++)
68             if (obj.options[i].value == value)
69                 obj.selectedIndex = i;
70 }
71
72 /*
73  * Form functions
74  */
75 function save_callback(data)
76 {
77     info('Datensatz gespeichert');
78     grid_update(grid);
79 }
80
81 function delete_callback(data)
82 {
83     info('Datensatz gelöscht');
84     grid_update(grid);
85 }
86
87 function form_save(obj)
88 {
89     info('');
90     ajax_request('save', Form.serialize(obj.form), save_callback);
91     return false;
92 }
93
94 function form_insert(obj)
95 {
96     info('');
97     ajax_request('insert', Form.serialize(obj.form), save_callback);
98     return false;
99 }
100
101 function form_delete(obj)
102 {
103     var id = document.getElementById('edit_id');
104     var source = document.getElementById('edit_source');
105     info('');
106     var params = 'id='+id.value + '&source='+source.value;
107     ajax_request('delete', params, delete_callback);
108     return false;
109 }
110
111 /*
112  * Table functions
113  */
114 function details_callback(data)
115 {
116     for (var id in data)
117         set_value('detail_'+id, data[id]);
118 }
119
120 function fetch_callback(data)
121 {
122     for (var id in data)
123         set_value('edit_'+id, data[id]);
124 }
125
126 /*
127  * Rico functions
128  */
129 function gridDrillDown(e)
130 {
131     if (e.originalTarget && e.originalTarget.target && e.originalTarget.target == '_top')
132         return;
133
134     var id = 0; // Column 0 contains ID
135     var row = grid.edit.drillDown(e,0,0);
136     var cell = grid.columns[id].cell(row);
137     if (!cell) return;
138     var value = cell.innerHTML;
139
140     if (document.getElementById('details')) {
141         var params = 'source=' + grid.tableId.substr(5) + '&id=' + value;
142         ajax_request('details', params, details_callback);
143     }
144
145     if (document.getElementById('form_edit')) {
146         var params = 'source=' + grid.tableId.substr(5) + '&id=' + value;
147         ajax_request('fetch', params, fetch_callback);
148     }
149 }
150
151 /* Update an existing grid
152  *
153  * grid is a live grid
154  * filter is the array index of the $table_filters array in mskdef
155  * value is the value applied to the filter
156  */
157 function grid_update(grid, filter, value)
158 {
159     if (grid === undefined)
160         return;
161
162     if (filter !== undefined && filter !== false)
163                 grid.buffer.options.requestParameters = ['w'+filter+'=' + value];
164     grid.buffer.clear();
165     grid.buffer.setTotalRows(0);
166     grid.buffer.foundRowCount = false;
167     grid.cancelMenu();
168     grid.ClearSelection();
169     grid.setImages();
170     if (grid.bookmark) grid.bookmark.innerHTML="&nbsp;";
171     grid.clearRows();
172     grid.buffer.fetch(-1);
173 }
174