' + EscapeHTML(Translate(content)).replaceAll('\n', '
\n') + '
'
728 | }
729 | ],
730 | submit: ['OK'],
731 | submitname: 'submit'
732 | }),
733 |
734 | onsubmit: function(dlgformvars, dlgformnode, e, lastactivelem) {
735 | if (timer) clearTimeout(timer);
736 |
737 | this.Destroy();
738 |
739 | lastactivelem.focus();
740 |
741 | if (typeof(closecallback) === 'function') closecallback();
742 | },
743 |
744 | onclose: function(lastactivelem) {
745 | if (timer) clearTimeout(timer);
746 |
747 | this.Destroy();
748 |
749 | lastactivelem.focus();
750 |
751 | if (typeof(closecallback) === 'function') closecallback();
752 | }
753 | };
754 |
755 | var dlg = FlexForms.Dialog(document.body, dlgoptions);
756 |
757 | if (timeout > 0) timer = setTimeout(function() { dlg.Close(); }, timeout);
758 |
759 | return dlg;
760 | };
761 |
762 | var ConfirmDialogInternal = function(title, content, yesbutton, nobutton, yescallback, nocallback, closecallback) {
763 | var dlgoptions = {
764 | title: title,
765 |
766 | content: (typeof(content) !== 'string' ? content : {
767 | fields: [
768 | {
769 | type: 'custom',
770 | value: '\n') + '
' + EscapeHTML(Translate(content)).replaceAll('\n', '
\n') + '
'
771 | }
772 | ],
773 | submit: [yesbutton, nobutton],
774 | submitname: 'submit'
775 | }),
776 |
777 | onsubmit: function(dlgformvars, dlgformnode, e, lastactivelem) {
778 | this.Destroy();
779 |
780 | lastactivelem.focus();
781 |
782 | if (dlgformvars.submit === Translate(yesbutton))
783 | {
784 | if (typeof(yescallback) === 'function') yescallback(1);
785 | }
786 | else
787 | {
788 | if (typeof(nocallback) === 'function') nocallback(0);
789 | }
790 | },
791 |
792 | onclose: function(lastactivelem) {
793 | this.Destroy();
794 |
795 | lastactivelem.focus();
796 |
797 | if (typeof(closecallback) === 'function') closecallback(-1);
798 | else if (typeof(nocallback) === 'function') nocallback(-1);
799 | }
800 | };
801 |
802 | var dlg = FlexForms.Dialog(document.body, dlgoptions);
803 |
804 | return dlg;
805 | };
806 |
807 | window.FlexForms.Dialog = DialogInternal;
808 | window.FlexForms.Dialog.Alert = AlertDialogInternal;
809 | window.FlexForms.Dialog.Confirm = ConfirmDialogInternal;
810 | })();
811 |
--------------------------------------------------------------------------------
/support/flex_forms.js:
--------------------------------------------------------------------------------
1 | // FlexForms Javascript base and Designer classes.
2 | // (C) 2022 CubicleSoft. All Rights Reserved.
3 |
4 | (function() {
5 | if (window.hasOwnProperty('FlexForms')) return;
6 |
7 | // FlexForms base class.
8 | var FlexFormsInternal = function() {
9 | if (!(this instanceof FlexFormsInternal)) return new FlexFormsInternal();
10 |
11 | var triggers = {}, version = '', cssoutput = {}, cssleft = 0, jsqueue = {}, ready = false, initialized = false;
12 | var $this = this;
13 |
14 | // Internal functions.
15 | var DispatchEvent = function(eventname, params) {
16 | if (!triggers[eventname]) return;
17 |
18 | triggers[eventname].forEach(function(callback) {
19 | if (Array.isArray(params)) callback.apply($this, params);
20 | else callback.call($this, params);
21 | });
22 | };
23 |
24 | // Public DOM-style functions.
25 | $this.addEventListener = function(eventname, callback) {
26 | if (!triggers[eventname]) triggers[eventname] = [];
27 |
28 | for (var x in triggers[eventname])
29 | {
30 | if (triggers[eventname][x] === callback) return;
31 | }
32 |
33 | triggers[eventname].push(callback);
34 | };
35 |
36 | $this.removeEventListener = function(eventname, callback) {
37 | if (!triggers[eventname]) return;
38 |
39 | for (var x in triggers[eventname])
40 | {
41 | if (triggers[eventname][x] === callback)
42 | {
43 | triggers[eventname].splice(x, 1);
44 |
45 | return;
46 | }
47 | }
48 | };
49 |
50 | $this.hasEventListener = function(eventname) {
51 | return (triggers[eventname] && triggers[eventname].length);
52 | };
53 |
54 | $this.modules = {};
55 |
56 | $this.SetVersion = function(newver) {
57 | version = newver;
58 | };
59 |
60 | $this.GetVersion = function() {
61 | return version;
62 | };
63 |
64 | $this.RegisterCSSOutput = function(info) {
65 | Object.assign(cssoutput, info);
66 | };
67 |
68 | var CheckEmptyAndNotify = function() {
69 | if (cssleft) return;
70 |
71 | for (var x in jsqueue)
72 | {
73 | if (jsqueue.hasOwnProperty(x)) return;
74 | }
75 |
76 | DispatchEvent('done');
77 | };
78 |
79 | $this.LoadCSS = function(name, url, cssmedia) {
80 | if (cssoutput[name] !== undefined)
81 | {
82 | CheckEmptyAndNotify();
83 |
84 | return cssoutput[name];
85 | }
86 |
87 | if (version !== '') url += (url.indexOf('?') > -1 ? '&' : '?') + version;
88 |
89 | var tag = document.createElement('link');
90 |
91 | tag._loaded = false;
92 | tag.onload = function(e) {
93 | tag._loaded = true;
94 |
95 | cssleft--;
96 | CheckEmptyAndNotify();
97 | };
98 |
99 | cssleft++;
100 |
101 | tag.rel = 'stylesheet';
102 | tag.type = 'text/css';
103 | tag.href = url;
104 | tag.media = (cssmedia != undefined ? cssmedia : 'all');
105 |
106 | document.getElementsByTagName('head')[0].appendChild(tag);
107 |
108 | cssoutput[name] = tag;
109 |
110 | return tag;
111 | };
112 |
113 | $this.AddCSS = function(name, css, cssmedia) {
114 | if (cssoutput[name] !== undefined)
115 | {
116 | CheckEmptyAndNotify();
117 |
118 | return cssoutput[name];
119 | }
120 |
121 | var tag = document.createElement('style');
122 | tag.type = 'text/css';
123 | tag.media = (cssmedia != undefined ? cssmedia : 'all');
124 |
125 | document.getElementsByTagName('head')[0].appendChild(tag);
126 |
127 | if (tag.styleSheet) tag.styleSheet.cssText = css;
128 | else tag.appendChild(document.createTextNode(css));
129 |
130 | tag._loaded = true;
131 |
132 | cssoutput[name] = tag;
133 |
134 | CheckEmptyAndNotify();
135 |
136 | return tag;
137 | };
138 |
139 | $this.AddJSQueueItem = function(name, info) {
140 | jsqueue[name] = info;
141 | };
142 |
143 | var LoadJSQueueItem = function(name) {
144 | var done = false;
145 | var s = document.createElement('script');
146 |
147 | jsqueue[name].loading = true;
148 | jsqueue[name].retriesleft = jsqueue[name].retriesleft || 3;
149 |
150 | s.onload = function() {
151 | if (!done) { done = true; delete jsqueue[name]; $this.ProcessJSQueue(); }
152 | };
153 |
154 | s.onreadystatechange = function() {
155 | if (!done && s.readyState === 'complete') { done = true; delete jsqueue[name]; $this.ProcessJSQueue(); }
156 | };
157 |
158 | s.onerror = function() {
159 | if (!done)
160 | {
161 | done = true;
162 |
163 | jsqueue[name].retriesleft--;
164 | if (jsqueue[name].retriesleft > 0)
165 | {
166 | jsqueue[name].loading = false;
167 |
168 | setTimeout($this.ProcessJSQueue, 250);
169 | }
170 | }
171 | };
172 |
173 | s.src = jsqueue[name].src + (version === '' ? '' : (jsqueue[name].src.indexOf('?') > -1 ? '&' : '?') + version);
174 |
175 | document.body.appendChild(s);
176 | };
177 |
178 | $this.GetObjectFromPath = function(path) {
179 | var obj = window;
180 | path = path.split('.');
181 | for (var x = 0; x < path.length; x++)
182 | {
183 | if (obj[path[x]] === undefined) return;
184 |
185 | obj = obj[path[x]];
186 | }
187 |
188 | return obj;
189 | };
190 |
191 | $this.ProcessJSQueue = function() {
192 | ready = true;
193 |
194 | for (var name in jsqueue) {
195 | if (jsqueue.hasOwnProperty(name))
196 | {
197 | if ((jsqueue[name].loading === undefined || jsqueue[name].loading === false) && (jsqueue[name].dependency === false || jsqueue[jsqueue[name].dependency] === undefined))
198 | {
199 | if (jsqueue[name].detect !== undefined && $this.GetObjectFromPath(jsqueue[name].detect) !== undefined) delete jsqueue[name];
200 | else if (jsqueue[name].mode === "src") LoadJSQueueItem(name);
201 | else if (jsqueue[name].mode === "inline")
202 | {
203 | jsqueue[name].src();
204 |
205 | delete jsqueue[name];
206 | }
207 | }
208 | }
209 | }
210 |
211 | CheckEmptyAndNotify();
212 | };
213 |
214 | $this.Init = function() {
215 | if (ready) $this.ProcessJSQueue();
216 | else if (!initialized)
217 | {
218 | if (document.addEventListener)
219 | {
220 | function regevent(event) {
221 | document.removeEventListener("DOMContentLoaded", regevent);
222 |
223 | $this.ProcessJSQueue();
224 | }
225 |
226 | document.addEventListener("DOMContentLoaded", regevent);
227 | }
228 | else
229 | {
230 | setTimeout($this.ProcessJSQueue(), 250);
231 | }
232 |
233 | initialized = true;
234 | }
235 | };
236 | };
237 |
238 | window.FlexForms = new FlexFormsInternal();
239 |
240 | window.FlexForms.Init();
241 | })();
242 |
243 | (function() {
244 | if (window.FlexForms.hasOwnProperty('Designer')) return;
245 |
246 | var EscapeHTML = function(text) {
247 | var map = {
248 | '&': '&',
249 | '<': '<',
250 | '>': '>',
251 | '"': '"',
252 | "'": '''
253 | };
254 |
255 | return String(text).replace(/[&<>"']/g, function(m) { return map[m]; });
256 | }
257 |
258 | var FormatStr = function(format) {
259 | var args = Array.prototype.slice.call(arguments, 1);
260 |
261 | return format.replace(/{(\d+)}/g, function(match, number) {
262 | return (typeof args[number] != 'undefined' ? args[number] : match);
263 | });
264 | };
265 |
266 | var CreateNode = function(tag, classes, attrs, styles) {
267 | var elem = document.createElement(tag);
268 |
269 | if (classes)
270 | {
271 | if (typeof classes === 'string') elem.className = classes;
272 | else elem.className = classes.join(' ');
273 | }
274 |
275 | if (attrs) Object.assign(elem, attrs);
276 |
277 | if (styles) Object.assign(elem.style, styles);
278 |
279 | return elem;
280 | };
281 |
282 | var DebounceAttributes = function(options) {
283 | if (!(this instanceof DebounceAttributes)) return new DebounceAttributes(options);
284 |
285 | var intervaltimer = null, numsame;
286 | var $this = this;
287 |
288 | var defaults = {
289 | watchers: [],
290 | interval: 50,
291 | stopsame: 1,
292 |
293 | callback: null,
294 | intervalcallback: null
295 | };
296 |
297 | $this.settings = Object.assign({}, defaults, options);
298 |
299 | var MainIntervalHandler = function() {
300 | var nummatches = 0;
301 |
302 | for (var x = 0; x < $this.settings.watchers.length; x++)
303 | {
304 | var watcher = $this.settings.watchers[x];
305 |
306 | if (watcher.val === watcher.elem[watcher.attr]) nummatches++;
307 | else watcher.val = watcher.elem[watcher.attr];
308 | }
309 |
310 | if (nummatches < $this.settings.watchers.length)
311 | {
312 | numsame = 0;
313 |
314 | if ($this.settings.intervalcallback) $this.settings.intervalcallback.call($this);
315 | }
316 | else
317 | {
318 | numsame++;
319 |
320 | if (numsame >= $this.settings.stopsame)
321 | {
322 | $this.Stop();
323 |
324 | if ($this.settings.intervalcallback) $this.settings.intervalcallback.call($this);
325 |
326 | if ($this.settings.callback) $this.settings.callback.call($this);
327 | }
328 | }
329 | };
330 |
331 |
332 | // Public functions.
333 |
334 | $this.Start = function() {
335 | if (!intervaltimer)
336 | {
337 | numsame = 0;
338 |
339 | intervaltimer = setInterval(MainIntervalHandler, $this.settings.interval);
340 | }
341 | };
342 |
343 | $this.Stop = function() {
344 | if (intervaltimer)
345 | {
346 | clearInterval(intervaltimer);
347 |
348 | intervaltimer = null;
349 | }
350 | };
351 |
352 | $this.Destroy = function() {
353 | $this.Stop();
354 |
355 | $this = null;
356 | }
357 | };
358 |
359 |
360 | // FlexForms Designer class. Tranforms objects into DOM nodes similar to what the PHP version generates.
361 | var nextform = 1;
362 | var DesignerInternal = function() {
363 | if (!(this instanceof DesignerInternal)) return new DesignerInternal();
364 |
365 | var triggers = {};
366 | var $this = this;
367 |
368 | $this.settings = {
369 | formidbase: 'ff_js_form_',
370 | responsive: true,
371 | formtables: true,
372 | formwidths: true,
373 | supporturl: (document.currentScript.src.lastIndexOf('/') > -1 ? document.currentScript.src.substring(0, document.currentScript.src.lastIndexOf('/')) : document.currentScript.src),
374 |
375 | langmap: {}
376 | };
377 |
378 | // Multilingual translation.
379 | $this.Translate = function(str) {
380 | return ($this.settings.langmap[str] ? $this.settings.langmap[str] : str);
381 | };
382 |
383 | // Internal functions.
384 | var DispatchEvent = function(eventname, params) {
385 | if (!triggers[eventname]) return;
386 |
387 | triggers[eventname].forEach(function(callback) {
388 | if (Array.isArray(params)) callback.apply($this, params);
389 | else callback.call($this, params);
390 | });
391 | };
392 |
393 | // Public DOM-style functions.
394 | $this.addEventListener = function(eventname, callback) {
395 | if (!triggers[eventname]) triggers[eventname] = [];
396 |
397 | for (var x in triggers[eventname])
398 | {
399 | if (triggers[eventname][x] === callback) return;
400 | }
401 |
402 | triggers[eventname].push(callback);
403 | };
404 |
405 | $this.removeEventListener = function(eventname, callback) {
406 | if (!triggers[eventname]) return;
407 |
408 | for (var x in triggers[eventname])
409 | {
410 | if (triggers[eventname][x] === callback)
411 | {
412 | triggers[eventname].splice(x, 1);
413 |
414 | return;
415 | }
416 | }
417 | };
418 |
419 | $this.hasEventListener = function(eventname) {
420 | return (triggers[eventname] && triggers[eventname].length);
421 | };
422 |
423 | $this.OutputFormCSS = function() {
424 | FlexForms.LoadCSS('formcss', $this.settings.supporturl + '/flex_forms.css');
425 | };
426 |
427 | // Creates a message for insertion into the DOM.
428 | $this.CreateMessage = function(type, message) {
429 | type = type.toLowerCase();
430 | if (type === 'warn') type = 'warning';
431 |
432 | var messagewrap = CreateNode('div', ['ff_formmessagewrap']);
433 | var messagewrapinner = CreateNode('div', ['ff_formmessagewrapinner']);
434 | var messagenode = CreateNode('div', ['message', 'message' + EscapeHTML(type)]);
435 |
436 | messagenode.innerHTML = $this.Translate(message);
437 |
438 | messagewrapinner.appendChild(messagenode);
439 | messagewrap.appendChild(messagewrapinner);
440 |
441 | return messagewrap;
442 | };
443 |
444 | // Creates a Javascript object from submitted form elements for client-side use (e.g. validation).
445 | $this.GetFormVars = function(formelem, e) {
446 | if (e && !e.isTrusted) return null;
447 |
448 | var result = {};
449 |
450 | for (var x = 0; x < formelem.elements.length; x++)
451 | {
452 | var elem = formelem.elements[x];
453 | var type = (elem.tagName === 'INPUT' || elem.tagName === 'BUTTON' ? elem.type.toLowerCase() : '');
454 |
455 | if (!elem.name || elem.disabled) continue;
456 | if (elem.tagName === 'INPUT' && (type === 'checkbox' || type === 'radio') && !elem.checked) continue;
457 | if ((elem.tagName === 'INPUT' || elem.tagName === 'BUTTON') && (type === 'reset' || type === 'button' || ((type === 'submit' || type === 'image' || elem.tagName === 'BUTTON') && (!e || !e.submitter || e.submitter !== elem)))) continue;
458 |
459 | var multi = elem.name.endsWith('[]');
460 | var name = (multi ? elem.name.substring(0, elem.name.length - 2) : elem.name);
461 | if (!multi && elem.multiple) multi = true;
462 |
463 | if (multi && (!result.hasOwnProperty(name) || !Array.isArray(result[name]))) result[name] = [];
464 |
465 | if (elem.tagName === 'INPUT' && type === 'file')
466 | {
467 | if (elem.files) result[name] = (multi ? elem.files : (elem.files.length ? elem.files[0] : null));
468 | }
469 | else if (elem.tagName === 'SELECT')
470 | {
471 | for (var x2 = 0; x2 < elem.options.length; x2++)
472 | {
473 | if (elem.options[x2].selected)
474 | {
475 | if (multi) result[name].push(elem.options[x2].value);
476 | else result[name] = elem.options[x2].value;
477 | }
478 | }
479 | }
480 | else if (multi) result[name].push(elem.value);
481 | else result[name] = elem.value;
482 | }
483 |
484 | return result;
485 | };
486 |
487 | // Generates and injects HTML, CSS, and Javascript into the DOM. Has feature parity with PHP FlexForms.
488 | $this.Generate = function(parentelem, options, errors, request) {
489 | var state = {
490 | formnum: nextform,
491 | formid: $this.settings.formidbase + nextform,
492 | customfieldtypes: {},
493 | hidden: {},
494 | insiderow: false,
495 | firstitem: false,
496 | html: '',
497 | css: {},
498 | js: {},
499 | request: {}
500 | };
501 |
502 | if (request) state.request = request;
503 |
504 | nextform++;
505 |
506 | // Deep clone the options.
507 | options = JSON.parse(JSON.stringify(options));
508 |
509 | // Let form handlers modify the options and state.
510 | DispatchEvent('init', [state, options]);
511 |
512 | $this.OutputFormCSS();
513 |
514 | if (options.submit || options.useform)
515 | {
516 | state.html += '';
587 | }
588 |
589 | var formwrap = CreateNode('div', ['ff_formwrap']);
590 | var formwrapinner = CreateNode('div', ['ff_formwrapinner']);
591 |
592 | formwrapinner.innerHTML = state.html;
593 | formwrap.appendChild(formwrapinner);
594 |
595 | parentelem.appendChild(formwrap);
596 |
597 | // Load CSS in dependency order.
598 | do
599 | {
600 | var found = false;
601 |
602 | for (var x in state.css)
603 | {
604 | if (state.css.hasOwnProperty(x) && state.css[x].mode === 'link' && (state.css[x].dependency === false || !state.css.hasOwnProperty(state.css[x].dependency)))
605 | {
606 | FlexForms.LoadCSS(x, state.css[x].src, (state.css[x].media ? state.css[x].media : null));
607 |
608 | delete state.css[x];
609 |
610 | found = true;
611 | }
612 | }
613 | } while (found);
614 |
615 | // Add inline CSS.
616 | for (var x in state.css)
617 | {
618 | if (state.css.hasOwnProperty(x) && state.css[x].mode === 'inline') FlexForms.AddCSS(x, state.css[x].src, (state.css[x].media ? state.css[x].media : null));
619 | }
620 |
621 | // Queue Javascript dependencies.
622 | for (var x in state.js)
623 | {
624 | if (state.js.hasOwnProperty(x)) FlexForms.AddJSQueueItem(x, state.js[x]);
625 | }
626 |
627 | // Let form handlers finalize other field types.
628 | DispatchEvent('finalize', state);
629 |
630 | // Focus on an autofocus element.
631 | var focusnode = formwrap.querySelector('[autofocus]');
632 | if (focusnode)
633 | {
634 | focusnode.focus();
635 | focusnode.select();
636 | }
637 |
638 | return formwrap;
639 | };
640 |
641 | $this.GetSelectValues = function(data) {
642 | var result = {};
643 | for (var x = 0; x < data.length; x++) result[data[x]] = true;
644 |
645 | return result;
646 | };
647 |
648 | $this.IsEmptyObject = function(obj) {
649 | for (var x in obj)
650 | {
651 | if (obj.hasOwnProperty(x)) return false;
652 | }
653 |
654 | return true;
655 | };
656 |
657 | var ProcessField = function(state, num, field, id) {
658 | if (typeof field === 'string')
659 | {
660 | if (field === 'split' && !state.insiderow) state.html += '\n') + '
'; 661 | else if (field === 'startrow') 662 | { 663 | if (state.insiderow) 664 | { 665 | if ($this.settings.responsive && state.insiderowwidth) state.html += '
| '; 680 | 681 | state.html += ' |
';
720 |
721 | state.firstitem = false;
722 |
723 | if (field.title)
724 | {
725 | if (typeof field.title === 'string') state.html += ' ';
734 | }
735 |
736 | if (field.hasOwnProperty('width') && !$this.settings.formwidths) delete field.width;
737 |
738 | if (field.hasOwnProperty('name') && field.hasOwnProperty('default'))
739 | {
740 | if (field.type === 'select')
741 | {
742 | if (!field.select)
743 | {
744 | field.select = (state.request[field.name] ? state.request[field.name] : field.default);
745 | if (Array.isArray(field.select)) field.select = $this.GetSelectValues(field.select);
746 | }
747 | }
748 | else if (field.type === 'checkbox')
749 | {
750 | if (!field.hasOwnProperty('check') && field.hasOwnProperty('value')) field.check = (state.request[field.name] === field.value ? true : ($this.IsEmptyObject(state.request) ? field.default : false));
751 | }
752 | else if (!field.hasOwnProperty('value'))
753 | {
754 | field.value = (state.request[field.name] ? state.request[field.name] : field.default);
755 | }
756 | }
757 |
758 | if (field.type === 'select' && field.hasOwnProperty('mode') && field.mode === 'formhandler') delete field.mode;
759 |
760 | // Let form handlers process fields.
761 | DispatchEvent('field_type', [state, num, field, id]);
762 |
763 | switch (field.type)
764 | {
765 | case 'static':
766 | {
767 | state.html += '
';
1102 | rownum++;
1103 | altrow = !altrow;
1104 | }
1105 | }
1106 |
1107 | state.html += '';
1108 | }
1109 |
1110 | state.html += '';
1111 |
1112 | break;
1113 | }
1114 | case 'file':
1115 | {
1116 | state.html += '' + EscapeHTML($this.Translate(field.title)) + '
';
726 | }
727 | else if (field.htmltitle)
728 | {
729 | state.html += '' + $this.Translate(field.htmltitle) + '
';
730 | }
731 | else if (field.type === 'checkbox' && state.insiderow)
732 | {
733 | state.html += '';
768 | state.html += '
';
770 |
771 | break;
772 | }
773 | case 'text':
774 | case 'password':
775 | {
776 | state.html += '' + EscapeHTML(field.value) + '
';
769 | state.html += '';
777 | state.html += '';
778 | state.html += '
';
779 |
780 | break;
781 | }
782 | case 'checkbox':
783 | {
784 | state.html += '';
785 | state.html += '
';
790 |
791 | break;
792 | }
793 | case 'select':
794 | {
795 | var mode, stylewidth, styleheight, idbase;
796 |
797 | if (!field.multiple) mode = (field.mode === 'radio' ? 'radio' : 'select');
798 | else if (!field.hasOwnProperty('mode') || (field.mode != 'formhandler' && field.mode != 'select')) mode = 'checkbox';
799 | else mode = field.mode;
800 |
801 | mode = EscapeHTML(mode);
802 |
803 | stylewidth = (field.hasOwnProperty('width') ? ' style="' + ($this.settings.responsive ? 'max-' : '') + 'width: ' + EscapeHTML(field.width) + ';"' : '');
804 | styleheight = (field.hasOwnProperty('height') ? ' style="height: ' + EscapeHTML(field.height) + ';"' : '');
805 |
806 | if (!field.hasOwnProperty('select')) field.select = {};
807 | else if (typeof field.select === 'string')
808 | {
809 | var tempselect = {};
810 |
811 | tempselect[field.select] = true;
812 |
813 | field.select = tempselect;
814 | }
815 |
816 | state.html += '';
786 | state.html += '';
787 | state.html += ' ';
788 | state.html += '
';
789 | state.html += '';
817 |
818 | idbase = EscapeHTML(id);
819 | if (mode === 'checkbox' || mode === 'radio')
820 | {
821 | var idnum = 0;
822 |
823 | for (var x = 0; x < field.options.length; x ++)
824 | {
825 | // Fix confusing legacy name/value keys.
826 | if (field.options[x].name && field.options[x].value)
827 | {
828 | if (Array.isArray(field.options[x].value))
829 | {
830 | field.options[x].display = field.options[x].key;
831 | field.options[x].values = field.options[x].value;
832 | }
833 | else
834 | {
835 | field.options[x].key = field.options[x].name;
836 | field.options[x].display = field.options[x].value;
837 | }
838 | }
839 |
840 | var display = field.options[x].display;
841 |
842 | if (field.options[x].values && Array.isArray(field.options[x].values))
843 | {
844 | for (var x2 = 0; x2 < field.options[x].values.length; x2++)
845 | {
846 | // Fix confusing legacy name/value keys.
847 | if (field.options[x].values[x2].name && field.options[x].values[x2].value)
848 | {
849 | field.options[x].values[x2].key = field.options[x].values[x2].name;
850 | field.options[x].values[x2].display = field.options[x].values[x2].value;
851 | }
852 |
853 | var key2 = field.options[x].values[x2].key;
854 | var display2 = field.options[x].values[x2].display;
855 | var id2 = EscapeHTML(idbase + (idnum ? '_' + idnum : ''));
856 |
857 | state.html += '
';
937 |
938 | break;
939 | }
940 | case 'textarea':
941 | {
942 | var stylewidth, styleheight;
943 |
944 | stylewidth = (field.hasOwnProperty('width') ? ' style="' + ($this.settings.responsive ? 'max-' : '') + 'width: ' + EscapeHTML(field.width) + ';"' : '');
945 | styleheight = (field.hasOwnProperty('height') ? ' style="height: ' + EscapeHTML(field.height) + ';"' : '');
946 |
947 | state.html += '';
858 | state.html += '';
859 | state.html += ' ';
860 | state.html += '
';
861 |
862 | idnum++;
863 | }
864 | }
865 | else
866 | {
867 | var key = field.options[x].key;
868 | var id2 = EscapeHTML(idbase + (idnum ? '_' + idnum : ''));
869 |
870 | state.html += '';
871 | state.html += '';
872 | state.html += ' ';
873 | state.html += '
';
874 |
875 | idnum++;
876 | }
877 | }
878 | }
879 | else
880 | {
881 | state.html += '';
882 | state.html += '';
933 | state.html += '
';
934 | }
935 |
936 | state.html += '';
948 | state.html += '';
949 | state.html += '
';
950 |
951 | break;
952 | }
953 | case 'table':
954 | {
955 | idbase = id + '_table';
956 |
957 | state.html += '';
958 |
959 | if ($this.settings.formtables)
960 | {
961 | state.html += '';
962 | state.html += '';
963 |
964 | var trattrs = { class: 'head' }, colattrs = [];
965 | if (!field.hasOwnProperty('cols')) field.cols = [];
966 | for (var x = 0; x < field.cols.length; x++) colattrs.push({});
967 |
968 | // Let form handlers process the columns.
969 | DispatchEvent('table_row', [state, num, field, idbase, 'head', -1, trattrs, colattrs, field.cols]);
970 |
971 | state.html += '
';
1042 | }
1043 | else
1044 | {
1045 | state.html += ' num2)
1090 | {
1091 | for (var x2 in colattrs2[num2])
1092 | {
1093 | if (colattrs2[num2].hasOwnProperty(x2)) state.html += ' ' + EscapeHTML(x2) + '="' + EscapeHTML(colattrs2[num2][x2]) + '"';
1094 | }
1095 | }
1096 | state.html += '>' + field.rows[y][x] + '
';
1097 |
1098 | num2++;
1099 | }
1100 |
1101 | state.html += '';
1046 |
1047 | var trattrs = { class: 'head' }, headcolattrs = [], colattrs = [];
1048 | if (!field.hasOwnProperty('cols')) field.cols = [];
1049 | for (var x = 0; x < field.cols.length; x++) headcolattrs.push({ class: 'nontable_th' + (x ? '' : ' firstcol') });
1050 |
1051 | // Let form handlers process the columns.
1052 | DispatchEvent('table_row', [state, num, field, idbase, 'head', -1, trattrs, headcolattrs, field.cols]);
1053 |
1054 | for (var x = 0; x < field.cols.length; x++) headcolattrs.push({ class: 'nontable_td' });
1055 |
1056 | var rownum = 0, altrow = false, colattrs2, num2;
1057 | if (field.callback) field.rows = field.callback.call($this, field);
1058 | while (field.rows.length)
1059 | {
1060 | for (var y = 0; y < field.rows.length; y++)
1061 | {
1062 | trattrs = { class: 'nontable_row' + (altrow ? ' altrow' : '') + (rownum ? '' : ' firstrow') };
1063 | colattrs2 = colattrs.slice();
1064 |
1065 | // Let form handlers process the current row.
1066 | DispatchEvent('table_row', [state, num, field, idbase, 'body', rownum, trattrs, colattrs2, field.rows[y]]);
1067 |
1068 | state.html += ' num2)
1080 | {
1081 | for (var x2 in headcolattrs[num2])
1082 | {
1083 | if (headcolattrs[num2].hasOwnProperty(x2)) state.html += ' ' + EscapeHTML(x2) + '="' + EscapeHTML(headcolattrs[num2][x2]) + '"';
1084 | }
1085 | }
1086 | state.html += '>' + (field.cols.length > x ? (field.htmlcols ? field.cols[x] : EscapeHTML(field.cols[x])) : '') + '
';
1087 |
1088 | state.html += '';
1117 | state.html += '';
1118 | state.html += '
';
1119 |
1120 | break;
1121 | }
1122 | case 'custom':
1123 | {
1124 | state.html += '';
1125 | state.html += '
';
1129 |
1130 | break;
1131 | }
1132 | }
1133 |
1134 | if (field.hasOwnProperty('desc') && field.desc != '')
1135 | {
1136 | state.html += '';
1126 | state.html += field.value;
1127 | state.html += '
';
1128 | state.html += '' + EscapeHTML($this.Translate(field.desc)) + '
';
1137 | }
1138 | else if (field.hasOwnProperty('htmldesc') && field.htmldesc != '')
1139 | {
1140 | state.html += '' + $this.Translate(field.htmldesc) + '
';
1141 | }
1142 |
1143 | if (field.hasOwnProperty('error') && field.error != '')
1144 | {
1145 | state.html += '';
1146 | state.html += '
';
1148 | }
1149 |
1150 | state.html += '';
1151 |
1152 | if (state.insiderow) state.html += '' + EscapeHTML($this.Translate(field.error)) + '
';
1147 | state.html += '
1608 | 
1609 |
1610 |
1611 |
1612 |
--------------------------------------------------------------------------------
1609 |