.net server control is almost feature complete and functional. All .net examples...
[infodrom/rico3] / minsrc / ricoLiveGridForms.js
1 /*
2  *  (c) 2005-2009 Richard Cowin (http://openrico.org)
3  *  (c) 2005-2009 Matt Brown (http://dowdybrown.com)
4  *
5  *  Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6  *  file except in compliance with the License. You may obtain a copy of the License at
7  *
8  *         http://www.apache.org/licenses/LICENSE-2.0
9  *
10  *  Unless required by applicable law or agreed to in writing, software distributed under the
11  *  License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
12  *  either express or implied. See the License for the specific language governing permissions
13  *  and limitations under the License.
14  */
15
16 if(typeof Rico=='undefined') throw("LiveGridForms requires the Rico JavaScript framework");
17
18
19 Rico.TableEdit = function(liveGrid) {
20   this.initialize(liveGrid);
21 }
22
23 Rico.TableEdit.prototype = {
24 /**
25  * @class Supports editing LiveGrid data.
26  * @constructs
27  */
28   initialize: function(liveGrid) {
29     Rico.log('Rico.TableEdit initialize: '+liveGrid.tableId);
30     this.grid=liveGrid;
31     this.options = {
32       maxDisplayLen    : 20,    // max displayed text field length
33       panelHeight      : 200,   // size of tabbed panels
34       panelWidth       : 500,
35       compact          : false,    // compact corners
36       RecordName       : Rico.getPhraseById("record"),
37       updateURL        : window.location.href, // default is that updates post back to the generating page
38       showSaveMsg      : 'errors'  // disposition of database update responses (full - show full response, errors - show full response for errors and short response otherwise)
39     };
40     Rico.extend(this.options, liveGrid.options);
41     var self=this;
42     this.menu=liveGrid.menu;
43     this.menu.options.dataMenuHandler=function(grid,r,c,onBlankRow) { return self.editMenu(grid,r,c,onBlankRow); };
44     this.menu.ignoreClicks();
45     this.editText=Rico.getPhraseById("editRecord",this.options.RecordName);
46     this.cloneText=Rico.getPhraseById("cloneRecord",this.options.RecordName);
47     this.delText=Rico.getPhraseById("deleteRecord",this.options.RecordName);
48     this.addText=Rico.getPhraseById("addRecord",this.options.RecordName);
49     this.buttonHover=new Rico.HoverSet();
50     this.dateRegExp=/^\s*(\w+)(\W)(\w+)(\W)(\w+)/i;
51     Rico.EditControls.atLoad();
52     this.createKeyArray();
53     this.createEditDiv();
54     this.saveMsg=Rico.$(liveGrid.tableId+'_savemsg');
55     Rico.eventBind(document,"click", Rico.eventHandle(this,'clearSaveMsg'));
56     this.extraMenuItems=[];
57     this.responseHandler=function() { self.processResponse(); };
58     Rico.log("Rico.TableEdit.initialize complete");
59   },
60
61   createKeyArray: function() {
62     this.keys=[];
63     for (var i=0; i<this.grid.columns.length; i++) {
64       if (this.grid.columns[i].format && this.grid.columns[i].format.isKey)
65         this.keys.push({colidx:i});
66     }
67   },
68
69   createEditDiv: function() {
70
71     // create popup form
72
73     this.requestCount=1;
74     this.formPopup=this.createWindow();
75     Rico.addClass(this.formPopup.content.parentNode,'ricoLG_editDiv');
76     if (this.options.canEdit || this.options.canAdd) {
77       this.startForm();
78       this.createForm(this.form);
79     } else {
80       var buttonClose=this.createButton(Rico.getPhraseById("close"));
81       Rico.eventBind(buttonClose,"click", Rico.eventHandle(this,'cancelEdit'), false);
82       this.createForm(this.formPopup.contentDiv);
83     }
84     this.editDivCreated=true;
85
86     // create responseDialog
87
88     this.responseDialog = this.grid.createDiv('editResponse',document.body);
89     this.responseDialog.style.display='none';
90
91     var buttonOK = document.createElement('button');
92     buttonOK.appendChild(document.createTextNode('OK'));
93     Rico.eventBind(buttonOK,"click", Rico.eventHandle(this,'ackResponse'));
94     this.responseDialog.appendChild(buttonOK);
95
96     this.responseDiv = this.grid.createDiv('editResponseText',this.responseDialog);
97
98     if (this.panelGroup) {
99       Rico.log("createEditDiv complete, requestCount="+this.requestCount);
100       Rico.runLater(50,this,'initPanelGroup');
101     }
102   },
103   
104   createWindow: function() {
105     var self=this;
106     return new Rico.Window('', {closeFunc: function() { self.makeFormInvisible(); }, overflow: this.options.panels ? 'hidden' : 'auto'});
107   },
108
109   initPanelGroup: function() {
110     this.requestCount--;
111     Rico.log("initPanelGroup: "+this.requestCount);
112     if (this.requestCount>0) return;
113     var wi=parseInt(this.options.panelWidth,10);
114     if (this.form) {
115       //this.form.style.width=(wi+10)+'px';
116       if (Rico.isWebKit) this.formPopup.container.style.display='block';  // this causes display to flash briefly
117       this.options.bgColor = Rico.Color.createColorFromBackground(this.form).toString();
118     }
119     this.formPopup.container.style.display='none';
120     //this.options.panelHdrWidth=(Math.floor(wi / this.options.panels.length)-20)+'px';
121     this.formPanels=new Rico.TabbedPanel(this.panelGroup, this.options);
122   },
123
124   notEmpty: function(v) {
125     return typeof(v)!='undefined';
126   },
127
128   startForm: function() {
129     this.form = document.createElement('form');
130     /** @ignore */
131     this.form.onsubmit=function() {return false;};
132     this.form.autocomplete="off"; // seems to fix "Permission denied..." errors in FF
133     this.formPopup.contentDiv.appendChild(this.form);
134
135     var tab = document.createElement('div');
136     tab.className='ButtonBar';
137     var button=tab.appendChild(this.createButton(Rico.getPhraseById("saveRecord",this.options.RecordName)));
138     Rico.eventBind(button,"click", Rico.eventHandle(this,'TESubmit'), false);
139     button=tab.appendChild(this.createButton(Rico.getPhraseById("cancel")));
140     Rico.eventBind(button,"click", Rico.eventHandle(this,'cancelEdit'), false);
141     this.form.appendChild(tab);
142
143     // hidden fields
144     this.hiddenFields = document.createElement('div');
145     this.hiddenFields.style.display='none';
146     this.action = this.appendHiddenField(this.grid.actionId,'');
147     var i,fldSpec;
148     for (i=0; i<this.grid.columns.length; i++) {
149       fldSpec=this.grid.columns[i].format;
150       if (fldSpec && fldSpec.FormView && fldSpec.FormView=="hidden")
151         this.appendHiddenField(fldSpec.FieldName,fldSpec.ColData);
152     }
153     for (var k=0; k<this.keys.length; k++) {
154       this.keys[k].keyField = this.appendHiddenField('_k'+this.keys[k].colidx,'');
155     }
156     this.form.appendChild(this.hiddenFields);
157   },
158
159   createButton: function(buttonLabel) {
160     var button = document.createElement('a');
161     button.href='javascript:void(0)';
162     button.innerHTML=buttonLabel;
163     button.className='RicoButton';
164     if (Rico.theme.button) Rico.addClass(button,Rico.theme.button);
165     this.buttonHover.add(button);
166     return button;
167   },
168
169   createPanel: function(i) {
170     var hasFields=false;
171     for (var j=0; j<this.grid.columns.length; j++) {
172       var fldSpec=this.grid.columns[j].format;
173       if (!fldSpec) continue;
174       if (!fldSpec.EntryType) continue;
175       if (fldSpec.EntryType=='H') continue;
176       if (fldSpec.FormView && fldSpec.FormView=="hidden") continue;
177       var panelIdx=fldSpec.panelIdx || 0;
178       if (panelIdx==i) {
179         hasFields=true;
180         break;
181       }
182     }
183     if (!hasFields) return null;
184     this.panelHdr[i] = document.createElement('li');
185     this.panelHdr[i].innerHTML=this.options.panels[i];
186     this.panelHdrs.appendChild(this.panelHdr[i]);
187     this.panelContent[i] = document.createElement('div');
188     this.panelContents.appendChild(this.panelContent[i]);
189     this.panelActualIdx[i]=this.panelCnt++;
190     return this.createFormTable(this.panelContent[i],'tabContent');
191   },
192
193   createForm: function(parentDiv) {
194     var i,div,fldSpec,panelIdx,tables=[];
195     this.panelCnt=0;
196     this.panelHdr=[];
197     this.panelContent=[];
198     if (this.options.panels) {
199       this.panelGroup = document.createElement('div');
200       this.panelGroup.className='tabPanelGroup';
201       this.panelHdrs = document.createElement('ul');
202       this.panelGroup.appendChild(this.panelHdrs);
203       this.panelContents = document.createElement('div');
204       this.panelContents.className='tabContentContainer';
205       this.panelGroup.appendChild(this.panelContents);
206       this.panelActualIdx=[];
207       parentDiv.appendChild(this.panelGroup);
208       if (this.grid.direction=='rtl') {
209         for (i=this.options.panels.length-1; i>=0; i--) {
210           tables[i]=this.createPanel(i);
211         }
212       } else {
213         for (i=0; i<this.options.panels.length; i++) {
214           tables[i]=this.createPanel(i);
215         }
216       }
217       parentDiv.appendChild(this.panelGroup);
218     } else {
219       div=document.createElement('div');
220       div.className='noTabContent';
221       tables[0]=this.createFormTable(div);
222       parentDiv.appendChild(div);
223     }
224     for (i=0; i<this.grid.columns.length; i++) {
225       fldSpec=this.grid.columns[i].format;
226       if (!fldSpec) continue;
227       panelIdx=fldSpec.panelIdx || 0;
228       if (tables[panelIdx]) this.appendFormField(this.grid.columns[i],tables[panelIdx]);
229       if (typeof fldSpec.pattern=='string') {
230         switch (fldSpec.pattern) {
231           case 'email':
232             fldSpec.regexp=/^[_a-zA-Z0-9-]+(\.[_a-zA-Z0-9-]+)*@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.(([0-9]{1,3})|([a-zA-Z]{2,3})|(aero|coop|info|museum|name))$/;
233             break;
234           case 'float-unsigned':
235             fldSpec.regexp=/^\d+(\.\d+)?$/;
236             break;
237           case 'float-signed':
238             fldSpec.regexp=/^[-+]?\d+(\.\d+)?$/;
239             break;
240           case 'int-unsigned':
241             fldSpec.regexp=/^\d+$/;
242             break;
243           case 'int-signed':
244             fldSpec.regexp=/^[-+]?\d+$/;
245             break;
246           default:
247             fldSpec.regexp=new RegExp(fldSpec.pattern);
248             break;
249         }
250       }
251     }
252   },
253
254   createFormTable: function(div) {
255     var tab=document.createElement('table');
256     tab.border=0;
257     div.appendChild(tab);
258     return tab;
259   },
260
261   appendHiddenField: function(name,value) {
262     var field=Rico.createFormField(this.hiddenFields,'input','hidden',name,name);
263     field.value=value;
264     return field;
265   },
266
267   appendFormField: function(column, table) {
268     var fmt=column.format;
269     if (!fmt.EntryType) return;
270     if (fmt.EntryType=="H") return;
271     if (fmt.FormView) return;
272     Rico.log('appendFormField: '+column.displayName+' - '+fmt.EntryType);
273     var row = fmt.noFormBreak && table.rows.length > 0 ? table.rows[table.rows.length-1] : table.insertRow(-1);
274     var hdr = row.insertCell(-1);
275     column.formLabel=hdr;
276     if (hdr.noWrap) hdr.noWrap=true;
277     var entry = row.insertCell(-1);
278     if (entry.noWrap) entry.noWrap=true;
279     hdr.id='lbl_'+fmt.FieldName;
280     var field, name=fmt.FieldName;
281     switch (fmt.EntryType) {
282       case 'TA':
283       case 'tinyMCE':
284         field=Rico.createFormField(entry,'textarea',null,name);
285         field.cols=fmt.TxtAreaCols;
286         field.rows=fmt.TxtAreaRows;
287         field.innerHTML=fmt.ColData;
288         hdr.style.verticalAlign='top';
289         break;
290       case 'R':
291       case 'RL':
292         field=Rico.createFormField(entry,'div',null,name);
293         if (fmt.DescriptionField) field.RicoUpdate=fmt.DescriptionField;
294         if (fmt.MultiSelect) Rico.addClass(field, 'MultiSelect');
295         if (fmt.isNullable && !fmt.MultiSelect) this.addSelectNone(field);
296         this.selectValuesRequest(field,column);
297         break;
298       case 'N':
299         field=Rico.createFormField(entry,'select',null,name);
300         if (fmt.isNullable) this.addSelectNone(field);
301         Rico.eventBind(field,"change", Rico.eventHandle(this,'checkSelectNew'));
302         this.selectValuesRequest(field,column);
303         field=document.createElement('span');
304         field.className='ricoEditLabel';
305         field.id='labelnew__'+fmt.FieldName;
306         field.innerHTML='&nbsp;&nbsp;&nbsp;'+Rico.getPhraseById('formNewValue').replace(' ','&nbsp;');
307         entry.appendChild(field);
308         name='textnew__'+fmt.FieldName;
309         field=Rico.createFormField(entry,'input','text',name,name);
310         break;
311       case 'S':
312       case 'SL':
313         if (fmt.ReadOnly) {
314           field=Rico.createFormField(entry,'input','text',name,name);
315           this.initField(field,fmt);
316         } else {
317           field=Rico.createFormField(entry,'select',null,name);
318           if (fmt.MultiSelect) field.multiple=true;
319           if (fmt.SelectRows) field.size=parseInt(fmt.SelectRows,10);
320           if (fmt.isNullable && !fmt.MultiSelect) this.addSelectNone(field);
321           if (fmt.DescriptionField) {
322             field.RicoUpdate=fmt.DescriptionField;
323             Rico.eventBind(field,"change", Rico.eventHandle(this,'selectClick'), false);
324           }
325           this.selectValuesRequest(field,column);
326         }
327         break;
328       case 'D':
329         if (!fmt.isNullable) fmt.required=true;
330         if (!fmt.dateFmt) fmt.dateFmt=Rico.dateFmt;
331         if (!fmt.Help) fmt.Help=fmt.dateFmt;
332         if (typeof fmt.min=='string') fmt.min=Rico.setISO8601(fmt.min) || new Date(fmt.min);
333         if (typeof fmt.max=='string') fmt.max=Rico.setISO8601(fmt.max) || new Date(fmt.max);
334         if (Rico.inputtypes.date) {
335           field=Rico.createFormField(entry,'input','date',name,name);
336           field.required=fmt.required;
337           if (fmt.min) field.min=Rico.toISO8601String(fmt.min,3);
338           if (fmt.max) field.max=Rico.toISO8601String(fmt.max,3);
339           field.required=fmt.required;
340           fmt.SelectCtl=null;  // use the WebForms calendar instead of the Rico calendar
341         } else {
342           field=Rico.createFormField(entry,'input','text',name,name);
343         }
344         this.initField(field,fmt);
345         break;
346       case 'I':
347         if (!fmt.isNullable) fmt.required=true;
348         if (!fmt.pattern) fmt.pattern='int-signed';
349         if (Rico.inputtypes.number) {
350           field=Rico.createFormField(entry,'input','number',name,name);
351           field.required=fmt.required;
352           field.min=fmt.min;
353           field.max=fmt.max;
354           field.step=1;
355         } else {
356           field=Rico.createFormField(entry,'input','text',name,name);
357         }
358         if (typeof fmt.min=='string') fmt.min=parseInt(fmt.min,10);
359         if (typeof fmt.max=='string') fmt.max=parseInt(fmt.max,10);
360         this.initField(field,fmt);
361         break;
362       case 'F':
363         if (!fmt.isNullable) fmt.required=true;
364         if (!fmt.pattern) fmt.pattern='float-signed';
365         field=Rico.createFormField(entry,'input','text',name,name);
366         this.initField(field,fmt);
367         if (typeof fmt.min=='string') fmt.min=parseFloat(fmt.min);
368         if (typeof fmt.max=='string') fmt.max=parseFloat(fmt.max);
369         break;
370       default:
371         field=Rico.createFormField(entry,'input','text',name,name);
372         if (!fmt.isNullable && fmt.EntryType!='T') fmt.required=true;
373         this.initField(field,fmt);
374         break;
375     }
376     if (field && fmt.SelectCtl) {
377       Rico.EditControls.applyTo(column,field);
378     }
379     var hdrSuffix='';
380     hdr.className='ricoEditLabel';
381     if (fmt.Help) {
382       hdr.title=fmt.Help;
383       hdrSuffix="&nbsp;<span class='rico-icon rico-info'></span>";
384     }
385     var hdrText=fmt.EntryType.length>1 && fmt.EntryType.charAt(1)=='L' ? column.next.displayName : column.displayName;
386     hdr.innerHTML=hdrText+hdrSuffix;
387   },
388
389   addSelectNone: function(field) {
390     this.addSelectOption(field,this.options.TableSelectNone,Rico.getPhraseById("selectNone"));
391   },
392
393   initField: function(field,fmt) {
394     if (fmt.Length) {
395       field.maxLength=fmt.Length;
396       field.size=Math.min(fmt.Length, this.options.maxDisplayLen);
397     }
398     field.value=fmt.ColData;
399   },
400   
401   selectClick: function(e) {
402     var SelObj=Rico.eventElement(e);
403     if (SelObj.readOnly) {
404       Rico.eventStop(e);
405       return false;
406     }
407     if (SelObj.RicoUpdate) {
408       var opt=SelObj.options[SelObj.selectedIndex];
409       Rico.$(SelObj.RicoUpdate).value=opt.innerHTML;
410     }
411   },
412   
413   radioClick: function(e) {
414     var ChkBoxObj=Rico.eventElement(e);
415     if (ChkBoxObj.readOnly) {
416       Rico.eventStop(e);
417       return false;
418     }
419     var container=Rico.getParentByTagName(ChkBoxObj,'div');
420     if (container.RicoUpdate) {
421       Rico.$(container.RicoUpdate).value=ChkBoxObj.nextSibling.innerHTML;
422     }
423   },
424
425   checkSelectNew: function(e) {
426     this.updateSelectNew(Rico.eventElement(e));
427   },
428
429   updateSelectNew: function(SelObj) {
430     var vis=(SelObj.value==this.options.TableSelectNew) ? "" : "hidden";
431     Rico.$("labelnew__" + SelObj.id).style.visibility=vis;
432     Rico.$("textnew__" + SelObj.id).style.visibility=vis;
433   },
434
435   selectValuesRequest: function(elem,column) {
436     var fldSpec=column.format;
437     if (fldSpec.SelectValues) {
438       var valueList=fldSpec.SelectValues.split(',');
439       for (var i=0; i<valueList.length; i++)
440         this.addSelectOption(elem,valueList[i],valueList[i],i);
441     } else {
442       this.requestCount++;
443       var options={}, self=this;
444       Rico.extend(options, this.grid.buffer.ajaxOptions);
445       options.parameters = {id: this.grid.tableId, offset: '0', page_size: '-1', edit: column.index};
446       options.parameters[this.grid.actionId]="query";
447       options.onComplete = function(request) { self.selectValuesUpdate(elem,request); };
448       new Rico.ajaxRequest(this.grid.buffer.dataSource, options);
449       Rico.log("selectValuesRequest: "+fldSpec.FieldName);
450     }
451   },
452
453   selectValuesUpdate: function(elem,request) {
454     var response = request.responseXML.getElementsByTagName("ajax-response");
455     Rico.log("selectValuesUpdate: "+request.status);
456     if (response == null || response.length != 1) return;
457     response=response[0];
458     var error = response.getElementsByTagName('error');
459     if (error.length > 0) {
460       var errmsg=Rico.getContentAsString(error[0],this.grid.buffer.isEncoded);
461       Rico.log("Data provider returned an error:\n"+errmsg);
462       alert(Rico.getPhraseById("requestError",errmsg));
463       return;
464     }
465     response=response.getElementsByTagName('response')[0];
466     var rowsElement = response.getElementsByTagName('rows')[0];
467     var rows = this.grid.buffer.dom2jstable(rowsElement);
468     Rico.log("selectValuesUpdate: id="+elem.id+' rows='+rows.length);
469     for (var i=0; i<rows.length; i++) {
470       if (rows[i].length>0) {
471         var c0=rows[i][0];
472         var c1=(rows[i].length>1) ? rows[i][1] : c0;
473         this.addSelectOption(elem,c0,c1,i);
474       }
475     }
476     if (Rico.$('textnew__'+elem.id))
477       this.addSelectOption(elem,this.options.TableSelectNew,Rico.getPhraseById("selectNewVal"));
478     if (this.panelGroup)
479       Rico.runLater(50,this,'initPanelGroup');
480   },
481
482   addSelectOption: function(elem,value,text,idx) {
483     switch (elem.tagName.toLowerCase()) {
484       case 'div':
485         var opt=Rico.createFormField(elem,'input', Rico.hasClass(elem, 'MultiSelect') ? 'checkbox' : 'radio', elem.id+'_'+idx, elem.id);
486         opt.value=value;
487         var lbl=document.createElement('label');
488         lbl.innerHTML=text;
489         lbl.htmlFor=opt.id;
490         elem.appendChild(lbl);
491         Rico.eventBind(opt,"click", Rico.eventHandle(this,'radioClick'), false);
492         break;
493       case 'select':
494         Rico.addSelectOption(elem,value,text);
495         break;
496     }
497   },
498
499   clearSaveMsg: function() {
500     if (this.saveMsg) this.saveMsg.innerHTML="";
501   },
502
503   addMenuItem: function(menuText,menuAction,enabled) {
504     this.extraMenuItems.push({menuText:menuText,menuAction:menuAction,enabled:enabled});
505   },
506
507   editMenu: function(grid,r,c,onBlankRow) {
508     this.clearSaveMsg();
509     if (this.grid.buffer.sessionExpired==true || this.grid.buffer.startPos<0) return false;
510     this.rowIdx=r;
511     var elemTitle=Rico.$('pageTitle');
512     var pageTitle=elemTitle ? elemTitle.innerHTML : document.title;
513     this.menu.addMenuHeading(pageTitle);
514     var self=this;
515     if (onBlankRow==false) {
516       for (var i=0; i<this.extraMenuItems.length; i++) {
517         this.menu.addMenuItem(this.extraMenuItems[i].menuText,this.extraMenuItems[i].menuAction,this.extraMenuItems[i].enabled);
518       }
519       this.menu.addMenuItem(this.editText, function() { self.editRecord(); },this.canEdit(r));
520       this.menu.addMenuItem(this.delText, function() { self.deleteRecord(); },this.canDelete(r));
521       if (this.options.canClone) {
522         this.menu.addMenuItem(this.cloneText, function() { self.cloneRecord(); },this.canAdd(r) && this.canEdit(r));
523       }
524     }
525     this.menu.addMenuItem(this.addText, function() { self.addRecord(); },this.canAdd(r));
526     return true;
527   },
528   
529   canAdd: function(r) {
530     return (typeof this.options.canAdd=='function') ? this.options.canAdd(r) : this.options.canAdd;
531   },
532
533   canEdit: function(r) {
534     return (typeof this.options.canEdit=='function') ? this.options.canEdit(r) : this.options.canEdit;
535   },
536
537   canDelete: function(r) {
538     return (typeof this.options.canDelete=='function') ? this.options.canDelete(r) : this.options.canDelete;
539   },
540
541   cancelEdit: function(e) {
542     Rico.eventStop(e);
543     this.makeFormInvisible();
544     this.grid.highlightEnabled=true;
545     this.menu.cancelmenu();
546     return false;
547   },
548
549   setField: function(fldnum,fldvalue) {
550     var fldSpec=this.grid.columns[fldnum].format;
551     var e=Rico.$(fldSpec.FieldName);
552     var a,i,o,elems,opts,txt;
553     if (!e) return;
554     Rico.log('setField: '+fldSpec.FieldName+'='+fldvalue);
555     switch (e.tagName.toUpperCase()) {
556       case 'DIV':
557         elems=e.getElementsByTagName('INPUT');
558         o={}
559         if (fldSpec.MultiSelect && fldvalue) {
560           a=fldvalue.split(',');
561           for (var i=0; i<a.length; i++) o[a[i]]=1;
562         } else {
563           o[fldvalue]=1;
564         }
565         for (i=0; i<elems.length; i++)
566           elems[i].checked=o[elems[i].value]==1;
567         break;
568       case 'INPUT':
569         if (fldSpec.EntryType=='D' && fldvalue!=fldSpec.ColData) {
570           // remove time data if it exists
571           a=fldvalue.split(/\s|T/);
572           fldvalue=a[0];
573           if (this.isTextInput(e)) {
574             var d=Rico.setISO8601(fldvalue);
575             if (d) fldvalue=Rico.formatDate(d,fldSpec.dateFmt);
576           }
577         }
578         e.value=fldvalue;
579         break;
580       case 'SELECT':
581         opts=e.options;
582         //alert('setField SELECT: id='+e.id+'\nvalue='+fldvalue+'\nopt cnt='+opts.length)
583         o={}
584         if (fldSpec.MultiSelect && fldvalue) {
585           a=fldvalue.split(',');
586           for (var i=0; i<a.length; i++) o[a[i]]=1;
587           for (i=0; i<opts.length; i++)
588             opts[i].selected=o[opts[i].value]==1;
589         } else {
590           for (i=0; i<opts.length; i++) {
591             if (opts[i].value==fldvalue) {
592               e.selectedIndex=i;
593               break;
594             }
595           }
596         }
597         if (fldSpec.EntryType=='N') {
598           txt=Rico.$('textnew__'+e.id);
599           if (!txt) alert('Warning: unable to find id "textnew__'+e.id+'"');
600           txt.value=fldvalue;
601           if (e.selectedIndex!=i) e.selectedIndex=opts.length-1;
602           this.updateSelectNew(e);
603         }
604         return;
605       case 'TEXTAREA':
606         e.value=fldvalue;
607         if (fldSpec.EntryType=='tinyMCE' && typeof(tinyMCE)!='undefined' && this.initialized) {
608           if (tinyMCE.updateContent) {
609             tinyMCE.updateContent(e.id);  // version 2.x
610           } else {
611             tinyMCE.execInstanceCommand(e.id, 'mceSetContent', false, fldvalue);  // version 3.x
612           }
613         }
614         return;
615     }
616   },
617
618   setReadOnly: function(action) {
619     for (var ro,i=0; i<this.grid.columns.length; i++) {
620       var fldSpec=this.grid.columns[i].format;
621       if (!fldSpec) continue;
622       var e=Rico.$(fldSpec.FieldName);
623       if (!e) continue;
624       switch (action) {
625         case 'ins': ro=!fldSpec.Writeable || fldSpec.ReadOnly || fldSpec.UpdateOnly; break;
626         case 'upd': ro=!fldSpec.Writeable || fldSpec.ReadOnly || fldSpec.InsertOnly; break;
627         default:    ro=false; break;
628       }
629       switch (e.tagName.toUpperCase()) {
630         case 'DIV':
631           var elems=e.getElementsByTagName('INPUT');
632           for (var j=0; j<elems.length; j++) {
633             elems[j].disabled=ro;
634           }
635           break;
636         case 'SELECT':
637           if (fldSpec.EntryType=='N') {
638             var txt=Rico.$('textnew__'+e.id);
639             txt.disabled=ro;
640           }
641           e.disabled=ro;
642           break;
643         case 'TEXTAREA':
644         case 'INPUT':
645           e.disabled=ro;
646           if (fldSpec.selectIcon) fldSpec.selectIcon.style.display=ro ? 'none' : '';
647           break;
648       }
649     }
650   },
651
652   hideResponse: function(msg) {
653     this.responseDiv.innerHTML=msg;
654     this.responseDialog.style.display='none';
655   },
656
657   showResponse: function() {
658     var offset=Rico.cumulativeOffset(this.grid.outerDiv);
659     offset.top+=Rico.docScrollTop();
660     this.responseDialog.style.top=offset.top+"px";
661     this.responseDialog.style.left=offset.left+"px";
662     this.responseDialog.style.display='';
663   },
664
665   processResponse: function(xhr) {
666     var responseText,success=true;
667     Rico.log('Processing response from form submittal');
668     this.responseDiv.innerHTML=xhr.responseText;
669     var respNodes=Rico.select('.ricoFormResponse',this.responseDiv);
670     if (respNodes) {
671       // generate a translated response
672       var phraseId=Rico.trim(respNodes[0].className).split(/\s+/)[1];
673       responseText=Rico.getPhraseById(phraseId,this.options.RecordName);
674     } else {
675       // present the response as sent from the server (untranslated)
676       var ch=this.responseDiv.childNodes;
677       for (var i=ch.length-1; i>=0; i--) {
678         if (ch[i].nodeType==1 && ch[i].nodeName!='P' && ch[i].nodeName!='DIV' && ch[i].nodeName!='BR')
679           this.responseDiv.removeChild(ch[i]);
680       }
681       responseText=Rico.stripTags(this.responseDiv.innerHTML);
682       success=(responseText.toLowerCase().indexOf('error')==-1);
683     }
684     if (success && this.options.showSaveMsg!='full') {
685       this.hideResponse('');
686       this.grid.resetContents();
687       this.grid.buffer.foundRowCount = false;
688       this.grid.buffer.fetch(this.grid.lastRowPos || 0);
689       if (this.saveMsg) this.saveMsg.innerHTML='&nbsp;'+responseText+'&nbsp;';
690     }
691     this.processCallback(this.options.onSubmitResponse);
692     Rico.log('Processing response completed');
693   },
694
695   processCallback: function(callback) {
696     switch (typeof callback) {
697       case 'string': return eval(callback);
698       case 'function': return callback();
699     }
700   },
701
702   // called when ok pressed on error response message
703   ackResponse: function(e) {
704     this.hideResponse('');
705     this.grid.highlightEnabled=true;
706   },
707
708   cloneRecord: function() {
709     this.formPopup.setTitle(this.cloneText);
710     this.displayEditForm("ins");
711   },
712
713   editRecord: function() {
714     this.formPopup.setTitle(this.editText);
715     this.displayEditForm("upd");
716   },
717
718   displayEditForm: function(action) {
719     this.grid.highlightEnabled=false;
720     this.menu.cancelmenu();
721     this.hideResponse(Rico.getPhraseById('saving'));
722     this.grid.outerDiv.style.cursor = 'auto';
723     this.action.value=action;
724     for (var i=0; i<this.grid.columns.length; i++) {
725       var c=this.grid.columns[i];
726       if (c.format) {
727         var v=c.getValue(this.rowIdx);
728         this.setField(i,v);
729         if (c.format.selectDesc) {
730           if (c.format.EntryType.length>1 && c.format.EntryType.charAt(1)=='L')
731             v=this.grid.columns[i+1].getValue(this.rowIdx);
732           v=c._format(v);
733           if (v==='') v='&nbsp;';
734           c.format.selectDesc.innerHTML=v;
735         }
736         if (c.format.SelectCtl)
737           Rico.EditControls.displayClrImg(c, !c.format.InsertOnly);
738       }
739     }
740     this.setReadOnly(action);
741     for (var k=0; k<this.keys.length; k++) {
742       this.keys[k].keyField.value = this.grid.buffer.getWindowValue(this.rowIdx,this.keys[k].colidx);
743     }
744     this.makeFormVisible(this.rowIdx);
745   },
746   
747   addPrepare: function() {
748     this.hideResponse(Rico.getPhraseById('saving'));
749     this.form.reset();
750     this.setReadOnly("ins");
751     this.action.value="ins";
752     for (var i=0; i<this.grid.columns.length; i++) {
753       var c=this.grid.columns[i];
754       if (c.format) {
755         this.setField(i,c.format.ColData);
756         if (c.format.SelectCtl) {
757           Rico.EditControls.resetValue(c);
758           Rico.EditControls.displayClrImg(c, !c.format.UpdateOnly);
759         }
760       }
761     }
762   },
763
764   addRecord: function() {
765     this.menu.cancelmenu();
766     this.formPopup.setTitle(this.addText);
767     this.addPrepare();
768     this.makeFormVisible(-1);
769     if (this.formPanels) this.formPanels.select(0);
770   },
771
772   drillDown: function(e,masterColNum,detailColNum) {
773     return this.grid.drillDown.apply(this.grid, arguments);
774   },
775
776   // set filter on a detail grid that is in a master-detail relationship
777   setDetailFilter: function(colNumber,filterValue) {
778     this.grid.setDetailFilter(colNumber,filterValue);
779   },
780
781   makeFormVisible: function(row) {
782     this.formPopup.container.style.display='block';
783
784     // set left position
785     var editWi=this.formPopup.container.offsetWidth;
786     var odOffset=Rico.cumulativeOffset(this.grid.outerDiv);
787     var winWi=Rico.windowWidth();
788     this.formPopup.container.style.left=editWi+odOffset.left > winWi ? (winWi-editWi)+'px' : (odOffset.left+1)+'px';
789
790     // set top position
791     var scrTop=Rico.docScrollTop();
792     var editHt=this.formPopup.container.offsetHeight;
793     var newTop=odOffset.top+this.grid.hdrHt+scrTop;
794     var bottom=Rico.windowHeight()+scrTop;
795     if (row >= 0) {
796       newTop+=(row+1)*this.grid.rowHeight;
797       if (newTop+editHt>bottom) newTop-=(editHt+this.grid.rowHeight);
798     } else {
799       if (newTop+editHt>bottom) newTop=bottom-editHt-2;
800     }
801
802     if (this.processCallback(this.options.formOpen) === false) return;
803     this.formPopup.openPopup(null,Math.max(newTop,scrTop));
804     this.formPopup.container.style.visibility='visible';
805     Rico.EditControls.setZ(Rico.getStyle(this.formPopup.container,'zIndex'));
806     if (this.initialized) return;
807
808     var i, spec;
809     for (i = 0; i < this.grid.columns.length; i++) {
810       spec=this.grid.columns[i].format;
811       if (!spec || !spec.EntryType || !spec.FieldName) continue;
812       switch (spec.EntryType) {
813         case 'tinyMCE':
814           if (typeof tinyMCE!='undefined') tinyMCE.execCommand('mceAddControl', true, spec.FieldName);
815           break;
816       }
817     }
818     this.initialized=true;
819   },
820
821   makeFormInvisible: function() {
822     for (var i=0; i<this.grid.columns.length; i++) {
823       if (this.grid.columns[i].format && this.grid.columns[i].format.SelectCtl)
824         Rico.EditControls.close(this.grid.columns[i].format.SelectCtl);
825     }
826     this.formPopup.container.style.visibility='hidden';
827     this.formPopup.closePopup();
828     this.processCallback(this.options.formClose);
829   },
830
831   getConfirmDesc: function(rowIdx) {
832     return Rico.stripTags(this.grid.cell(rowIdx,this.options.ConfirmDeleteCol).innerHTML).replace('&nbsp;',' '); //.unescapeHTML();
833   },
834
835   deleteRecord: function() {
836     this.menu.cancelmenu();
837     var desc;
838     switch(this.options.ConfirmDeleteCol){
839       case -1 :
840         desc=Rico.getPhraseById("thisRecord",this.options.RecordName);
841         break;
842       case -2 : // Use key/column header to identify the row
843         for (var k=0; k<this.keys.length; k++) {
844           var i=this.keys[k].colidx;
845           var fmt=this.grid.columns[i].format;
846           if (fmt.EntryType.length>1 && fmt.EntryType.charAt(1)=='L') i++;
847           var value=Rico.stripTags(this.grid.cell(rowIdx,i).innerHTML).replace(/&nbsp;/g,' ');
848           if (desc) desc+=', ';
849           desc+=this.grid.columns[i].displayName+" "+value;
850         }
851         break;
852       default   :
853         desc='\"' + Rico.truncate(this.getConfirmDesc(this.rowIdx),50) + '\"';
854         break;
855     }
856     if (!this.options.ConfirmDelete.valueOf || confirm(Rico.getPhraseById("confirmDelete",desc))) {
857       this.hideResponse(Rico.getPhraseById('deleting'));
858       this.showResponse();
859       var parms={};
860       parms[this.grid.actionId]="del";
861       for (var k=0; k<this.keys.length; k++) {
862         var i=this.keys[k].colidx;
863         var value=this.grid.columns[i].getValue(this.rowIdx);
864         parms['_k'+i]=value;  // prototype does the encoding automatically
865         //parms['_k'+i]=encodeURIComponent(value);
866       }
867       new Rico.ajaxRequest(this.options.updateURL, {parameters:parms,method:'post',onComplete:this.responseHandler});
868     }
869     this.menu.cancelmenu();
870   },
871
872   validationMsg: function(elem,colnum,phraseId) {
873     var col=this.grid.columns[colnum];
874     if (this.formPanels) this.formPanels.select(this.panelActualIdx[col.format.panelIdx]);
875     var label=Rico.stripTags(col.formLabel.innerHTML).replace(/&nbsp;/g,' ');
876     var msg=Rico.getPhraseById(phraseId," \"" + label + "\"");
877     Rico.log(' Validation error: '+msg);
878     if (col.format.Help) msg+="\n\n"+col.format.Help;
879     alert(msg);
880     setTimeout(function() { try { elem.focus(); elem.select(); } catch(e) {}; }, 10);
881     return false;
882   },
883   
884   isTextInput: function(elem) {
885     if (!elem) return false;
886     if (elem.tagName.toLowerCase()!='input') return false;
887     if (elem.type.toLowerCase()!='text') return false;
888     if (elem.readOnly) return false;
889     if (!Rico.visible(elem)) return false;
890     return true;
891   },
892   
893   parseDate: function(v, dateFmt) {
894     dateParts={};
895     if (!this.dateRegExp.exec(dateFmt)) return NaN;
896     dateParts[RegExp.$1]=0;
897     dateParts[RegExp.$3]=1;
898     dateParts[RegExp.$5]=2;
899     var aDate = v.split(/\D/);
900     var d=new Date();
901     var curyr=d.getFullYear();
902     if (aDate.length==2 && dateParts.yyyy==2) aDate.push(curyr);
903     if (aDate.length!=3) return NaN;
904     var dd=parseInt(aDate[dateParts.dd], 10);
905     if (dd==0 || dd>31) return NaN;
906     var mm=parseInt(aDate[dateParts.mm], 10) - 1;
907     if (mm > 11) return NaN;
908     var yy=parseInt(aDate[dateParts.yyyy], 10);
909     if (yy < 100) {
910       // apply a century to 2-digit years
911       yy+=curyr - (curyr % 100);
912     }
913     d.setFullYear(yy,mm,dd);
914     return d;
915   },
916
917   TESubmit: function(e) {
918     var i,ro,lbl,spec,elem,n,dateValues=[];
919
920     Rico.eventStop(e);
921     Rico.log('Event: TESubmit called to validate input');
922
923     // check fields that are supposed to be non-blank
924
925     for (i = 0; i < this.grid.columns.length; i++) {
926       spec=this.grid.columns[i].format;
927       if (!spec || !spec.EntryType || !spec.FieldName) continue;
928       elem=Rico.$(spec.FieldName);
929       if (!this.isTextInput(elem)) continue;
930       switch (this.action.value) {
931         case 'ins': ro=!spec.Writeable || spec.ReadOnly || spec.UpdateOnly; break;
932         case 'upd': ro=!spec.Writeable || spec.ReadOnly || spec.InsertOnly; break;
933         default:    ro=false; break;
934       }
935       if (ro) continue;  // readonly, so don't validate
936       Rico.log(' Validating field #'+i+' EntryType='+spec.EntryType+' ('+spec.FieldName+')');
937
938       // check for blanks
939       if (elem.value.length == 0) {
940         if (spec.required)
941           return this.validationMsg(elem,i,"formPleaseEnter");
942         else
943           continue;
944       }
945
946       // check pattern
947       if (elem.value.length > 0 && spec.regexp && !spec.regexp.test(elem.value))
948         return this.validationMsg(elem,i,"formInvalidFmt");
949
950       // check min/max and date values
951       switch (spec.EntryType.charAt(0)) {
952         case 'I': n=parseInt(elem.value,10); break;
953         case 'F': n=parseFloat(elem.value); break;
954         case 'D': 
955           n=this.parseDate(elem.value,spec.dateFmt);
956           if (isNaN(n)) return this.validationMsg(elem,i,"formInvalidFmt");
957           dateValues.push({e:elem,v:n});
958           break;
959         default:  n=NaN; break;
960       }
961       if (typeof spec.min!='undefined' && !isNaN(n) && n < spec.min)
962         return this.validationMsg(elem,i,"formOutOfRange");
963       if (typeof spec.max!='undefined' && !isNaN(n) && n > spec.max)
964         return this.validationMsg(elem,i,"formOutOfRange");
965     }
966     if (this.processCallback(this.options.formSubmit) === false) return false;
967
968     // update drop-down for any columns with entry type of N
969
970     for (i = 0; i < this.grid.columns.length; i++) {
971       spec=this.grid.columns[i].format;
972       if (!spec || !spec.EntryType || !spec.FieldName) continue;
973       if (spec.EntryType.charAt(0) != 'N') continue;
974       var SelObj=Rico.$(spec.FieldName);
975       if (!SelObj || SelObj.value!=this.options.TableSelectNew) continue;
976       var newtext=Rico.$("textnew__" + SelObj.id).value;
977       this.addSelectOption(SelObj,newtext,newtext);
978     }
979     
980     // set date values to ISO format
981     for (i = 0; i < dateValues.length; i++) {
982       dateValues[i].e.value = Rico.formatDate(dateValues[i].v,'yyyy-mm-dd');
983     }
984
985     if (typeof tinyMCE!='undefined') tinyMCE.triggerSave();
986     this.makeFormInvisible();
987     this.sendForm();
988     this.menu.cancelmenu();
989     return false;
990   },
991   
992   sendForm: function() {
993     this.setReadOnly("reset");  // reset disabled flag so that all fields are sent to server
994     this.showResponse();
995     Rico.log("sendForm: "+this.grid.tableId);
996     Rico.ajaxSubmit(this.form, this.options.updateURL, {method:'post',onComplete:this.responseHandler});
997   }
998 };
999
1000
1001 /**
1002  * @namespace Registers custom popup widgets to fill in a text box (e.g. ricoCalendar and ricoTree)
1003  * <pre>
1004  * Custom widget must implement:
1005  *   open() method (make control visible)
1006  *   close() method (hide control)
1007  *   container property (div element that contains the control)
1008  *   id property (uniquely identifies the widget class)
1009  *
1010  * widget calls returnValue method to return a value to the caller
1011  *
1012  * this object handles clicks on the control's icon and positions the control appropriately.
1013  * </pre>
1014  */
1015 Rico.EditControls = {
1016   widgetList : {},
1017   elemList   : {},
1018   zIndex     : 0,
1019
1020   register: function(widget, imgsrc) {
1021     this.widgetList[widget.id] = {imgsrc:imgsrc, widget:widget, currentEl:''};
1022     var self=this;
1023     widget.returnValue=function(newVal,newDesc) { self.setValue(widget,newVal,newDesc); };
1024     Rico.log("Rico.EditControls.register:"+widget.id);
1025   },
1026   
1027   setZ: function(z) {
1028     this.zIndex=Math.max(this.zIndex,z+10);
1029   },
1030
1031   atLoad: function() {
1032     for (var id in this.widgetList) {
1033       var widget=this.widgetList[id].widget;
1034       if (widget.atLoad && !widget.atLoadComplete) {
1035         Rico.log("Rico.EditControls.atLoad: "+id);
1036         widget.atLoad();
1037         widget.atLoadComplete=true;
1038       }
1039     }
1040   },
1041
1042   applyTo: function(column,inputCtl) {
1043     var wInfo=this.widgetList[column.format.SelectCtl];
1044     if (!wInfo) return;
1045     Rico.log('Rico.EditControls.applyTo: '+column.displayName+' : '+column.format.SelectCtl);
1046     var newimg, descSpan = document.createElement('span');
1047     if (wInfo.imgsrc.indexOf('.')==-1 && wInfo.imgsrc.indexOf('/')==-1) {
1048       // treat imgsrc as a class name
1049       newimg = document.createElement('span');
1050       newimg.className=wInfo.imgsrc;
1051     } else {
1052       // treat imgsrc as an image uri
1053       newimg = document.createElement('img');
1054       newimg.src=wInfo.imgsrc;
1055     }
1056     newimg.style.verticalAlign='top';
1057     newimg.style.marginLeft='4px';
1058     newimg.style.cursor='pointer';
1059     newimg.id=this.imgId(column.format.FieldName);
1060     Rico.eventBind(newimg,"click", Rico.eventHandle(this,'processClick'));
1061     inputCtl.parentNode.appendChild(descSpan);
1062     inputCtl.parentNode.appendChild(newimg);
1063     inputCtl.style.display='none';    // comment out this line for debugging
1064     var clr;
1065     if (column.format.isNullable) {
1066       clr=Rico.clearButton(Rico.eventHandle(this,'processClear'));
1067       clr.id=newimg.id+'_clear';
1068       inputCtl.parentNode.appendChild(clr);
1069     }
1070     this.elemList[newimg.id] = {descSpan:descSpan, inputCtl:inputCtl, widget:wInfo.widget, listObj:wInfo, column:column, clrimg:clr};
1071     column.format.selectIcon=newimg;
1072     column.format.selectDesc=descSpan;
1073   },
1074
1075   displayClrImg: function(column,bShow) {
1076     var el=this.elemList[this.imgId(column.format.FieldName)];
1077     //alert(column.format.FieldName+': '+bShow+' '+el.clrimg.id);
1078     if (el && el.clrimg) el.clrimg.style.display=bShow ? 'inline-block' : 'none';
1079   },
1080
1081   processClear: function(e) {
1082     var elem=Rico.eventElement(e);
1083     var el=this.elemList[elem.id.slice(0,-6)];
1084     if (!el) return;
1085     el.inputCtl.value='';
1086     el.descSpan.innerHTML=el.column._format('');
1087   },
1088
1089   processClick: function(e) {
1090     var elem=Rico.eventElement(e);
1091     var el=this.elemList[elem.id];
1092     if (!el) return;
1093     if (el.listObj.currentEl==elem.id && el.widget.container.style.display!='none') {
1094       el.widget.close();
1095       el.listObj.currentEl='';
1096     } else {
1097       el.listObj.currentEl=elem.id;
1098       Rico.log('Rico.EditControls.processClick: '+el.widget.id+' : '+el.inputCtl.value);
1099       el.widget.container.style.zIndex=this.zIndex;
1100       el.widget.open(el.inputCtl.value,el.column);     // this may change the size of the widget
1101       Rico.positionCtlOverIcon(el.widget.container,elem);
1102     }
1103   },
1104
1105   imgId: function(fieldname) {
1106     return 'icon_'+fieldname;
1107   },
1108
1109   resetValue: function(column) {
1110     var el=this.elemList[this.imgId(column.format.FieldName)];
1111     if (!el) return;
1112     el.inputCtl.value=column.format.ColData;
1113     var v=column._format(column.format.ColData);
1114     if (v==='') v='&nbsp;';
1115     el.descSpan.innerHTML=v;
1116   },
1117
1118   setValue: function(widget,newVal,newDesc) {
1119     var wInfo=this.widgetList[widget.id];
1120     if (!wInfo) return null;
1121     var id=wInfo.currentEl;
1122     if (!id) return null;
1123     var el=this.elemList[id];
1124     if (!el) return null;
1125     el.inputCtl.value=newVal;
1126     if (!newDesc) newDesc=el.column._format(newVal);
1127     el.descSpan.innerHTML=newDesc;
1128     if (el.column.format.DescriptionField)
1129       Rico.$(el.column.format.DescriptionField).value = newDesc;
1130     //alert(widget.id+':'+id+':'+el.inputCtl.id+':'+el.inputCtl.value+':'+newDesc);
1131   },
1132
1133   close: function(id) {
1134     var wInfo=this.widgetList[id];
1135     if (!wInfo) return;
1136     if (wInfo.widget.container.style.display!='none')
1137       wInfo.widget.close();
1138   }
1139 };