projects / oweals / luci.git / blob
? search:


258b4897c1896f533f9329fa331cd4f1f7f65f03
[oweals/luci.git] / docs / jsapi / form.js.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <meta charset="utf-8">
5     <title>Source: form.js</title>
6     
7     
8     <script src="scripts/prettify/prettify.js"></script>
9     <script src="scripts/prettify/lang-css.js"></script>
10     <script src="scripts/jquery.min.js"></script>
11     <!--[if lt IE 9]>
12       <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
13     <![endif]-->
14     <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
15     <link type="text/css" rel="stylesheet" href="styles/bootstrap.min.css">
16     <link type="text/css" rel="stylesheet" href="styles/jaguar.css">
17     
18     
19     <script>
20     var config = {"monospaceLinks":true,"cleverLinks":true,"default":{"outputSourceFiles":true}};
21     </script>
22     
23
24     
25 </head>
26 <body>
27 <div id="wrap" class="clearfix">
28     
29 <div class="navigation">
30     <h3 class="applicationName"><a href="index.html"></a></h3>
31
32     <div class="search">
33         <input id="search" type="text" class="form-control input-sm" placeholder="Search Documentations">
34     </div>
35     <ul class="list">
36     
37         <li class="item" data-name="LuCI">
38             <span class="title">
39                 <a href="LuCI.html">LuCI</a>
40                 
41             </span>
42             <ul class="members itemMembers">
43             
44             <span class="subtitle">Members</span>
45             
46                 <li data-name="LuCI#Class"><a href="LuCI.html#Class">Class</a></li>
47             
48                 <li data-name="LuCI#dom"><a href="LuCI.html#dom">dom</a></li>
49             
50                 <li data-name="LuCI#env"><a href="LuCI.html#env">env</a></li>
51             
52                 <li data-name="LuCI#Poll"><a href="LuCI.html#Poll">Poll</a></li>
53             
54                 <li data-name="LuCI#Request"><a href="LuCI.html#Request">Request</a></li>
55             
56                 <li data-name="LuCI#view"><a href="LuCI.html#view">view</a></li>
57             
58             </ul>
59             <ul class="typedefs itemMembers">
60             
61             <span class="subtitle">Typedefs</span>
62             
63                 <li data-name="LuCI.requestCallbackFn"><a href="LuCI.html#.requestCallbackFn">requestCallbackFn</a></li>
64             
65             </ul>
66             <ul class="typedefs itemMembers">
67             
68             </ul>
69             <ul class="methods itemMembers">
70             
71             <span class="subtitle">Methods</span>
72             
73                 <li data-name="LuCI#bind"><a href="LuCI.html#bind">bind</a></li>
74             
75                 <li data-name="LuCI#error"><a href="LuCI.html#error">error</a></li>
76             
77                 <li data-name="LuCI#get"><a href="LuCI.html#get">get</a></li>
78             
79                 <li data-name="LuCI#halt"><a href="LuCI.html#halt">halt</a></li>
80             
81                 <li data-name="LuCI#hasSystemFeature"><a href="LuCI.html#hasSystemFeature">hasSystemFeature</a></li>
82             
83                 <li data-name="LuCI#isObject"><a href="LuCI.html#isObject">isObject</a></li>
84             
85                 <li data-name="LuCI#location"><a href="LuCI.html#location">location</a></li>
86             
87                 <li data-name="LuCI#media"><a href="LuCI.html#media">media</a></li>
88             
89                 <li data-name="LuCI#path"><a href="LuCI.html#path">path</a></li>
90             
91                 <li data-name="LuCI#poll"><a href="LuCI.html#poll">poll</a></li>
92             
93                 <li data-name="LuCI#post"><a href="LuCI.html#post">post</a></li>
94             
95                 <li data-name="LuCI#raise"><a href="LuCI.html#raise">raise</a></li>
96             
97                 <li data-name="LuCI#require"><a href="LuCI.html#require">require</a></li>
98             
99                 <li data-name="LuCI#resolveDefault"><a href="LuCI.html#resolveDefault">resolveDefault</a></li>
100             
101                 <li data-name="LuCI#resource"><a href="LuCI.html#resource">resource</a></li>
102             
103                 <li data-name="LuCI#run"><a href="LuCI.html#run">run</a></li>
104             
105                 <li data-name="LuCI#sortedKeys"><a href="LuCI.html#sortedKeys">sortedKeys</a></li>
106             
107                 <li data-name="LuCI#stop"><a href="LuCI.html#stop">stop</a></li>
108             
109                 <li data-name="LuCI#toArray"><a href="LuCI.html#toArray">toArray</a></li>
110             
111                 <li data-name="LuCI#url"><a href="LuCI.html#url">url</a></li>
112             
113             </ul>
114             <ul class="events itemMembers">
115             
116             </ul>
117         </li>
118     
119         <li class="item" data-name="LuCI.baseclass">
120             <span class="title">
121                 <a href="LuCI.baseclass.html">LuCI.baseclass</a>
122                 
123             </span>
124             <ul class="members itemMembers">
125             
126             </ul>
127             <ul class="typedefs itemMembers">
128             
129             </ul>
130             <ul class="typedefs itemMembers">
131             
132             </ul>
133             <ul class="methods itemMembers">
134             
135             <span class="subtitle">Methods</span>
136             
137                 <li data-name="LuCI.baseclass.extend"><a href="LuCI.baseclass.html#.extend">extend</a></li>
138             
139                 <li data-name="LuCI.baseclass.instantiate"><a href="LuCI.baseclass.html#.instantiate">instantiate</a></li>
140             
141                 <li data-name="LuCI.baseclass.isSubclass"><a href="LuCI.baseclass.html#.isSubclass">isSubclass</a></li>
142             
143                 <li data-name="LuCI.baseclass.singleton"><a href="LuCI.baseclass.html#.singleton">singleton</a></li>
144             
145                 <li data-name="LuCI.baseclass#super"><a href="LuCI.baseclass.html#super">super</a></li>
146             
147                 <li data-name="LuCI.baseclass#varargs"><a href="LuCI.baseclass.html#varargs">varargs</a></li>
148             
149             </ul>
150             <ul class="events itemMembers">
151             
152             </ul>
153         </li>
154     
155         <li class="item" data-name="LuCI.dom">
156             <span class="title">
157                 <a href="LuCI.dom.html">LuCI.dom</a>
158                 
159             </span>
160             <ul class="members itemMembers">
161             
162             </ul>
163             <ul class="typedefs itemMembers">
164             
165             <span class="subtitle">Typedefs</span>
166             
167                 <li data-name="LuCI.dom~ignoreCallbackFn"><a href="LuCI.dom.html#~ignoreCallbackFn">ignoreCallbackFn</a></li>
168             
169             </ul>
170             <ul class="typedefs itemMembers">
171             
172             </ul>
173             <ul class="methods itemMembers">
174             
175             <span class="subtitle">Methods</span>
176             
177                 <li data-name="LuCI.dom#append"><a href="LuCI.dom.html#append">append</a></li>
178             
179                 <li data-name="LuCI.dom#attr"><a href="LuCI.dom.html#attr">attr</a></li>
180             
181                 <li data-name="LuCI.dom#bindClassInstance"><a href="LuCI.dom.html#bindClassInstance">bindClassInstance</a></li>
182             
183                 <li data-name="LuCI.dom#callClassMethod"><a href="LuCI.dom.html#callClassMethod">callClassMethod</a></li>
184             
185                 <li data-name="LuCI.dom#content"><a href="LuCI.dom.html#content">content</a></li>
186             
187                 <li data-name="LuCI.dom#create"><a href="LuCI.dom.html#create">create</a></li>
188             
189                 <li data-name="LuCI.dom#data"><a href="LuCI.dom.html#data">data</a></li>
190             
191                 <li data-name="LuCI.dom#elem"><a href="LuCI.dom.html#elem">elem</a></li>
192             
193                 <li data-name="LuCI.dom#findClassInstance"><a href="LuCI.dom.html#findClassInstance">findClassInstance</a></li>
194             
195                 <li data-name="LuCI.dom#isEmpty"><a href="LuCI.dom.html#isEmpty">isEmpty</a></li>
196             
197                 <li data-name="LuCI.dom#matches"><a href="LuCI.dom.html#matches">matches</a></li>
198             
199                 <li data-name="LuCI.dom#parent"><a href="LuCI.dom.html#parent">parent</a></li>
200             
201                 <li data-name="LuCI.dom#parse"><a href="LuCI.dom.html#parse">parse</a></li>
202             
203             </ul>
204             <ul class="events itemMembers">
205             
206             </ul>
207         </li>
208     
209         <li class="item" data-name="LuCI.form">
210             <span class="title">
211                 <a href="LuCI.form.html">LuCI.form</a>
212                 
213             </span>
214             <ul class="members itemMembers">
215             
216             </ul>
217             <ul class="typedefs itemMembers">
218             
219             </ul>
220             <ul class="typedefs itemMembers">
221             
222             </ul>
223             <ul class="methods itemMembers">
224             
225             </ul>
226             <ul class="events itemMembers">
227             
228             </ul>
229         </li>
230     
231         <li class="item" data-name="LuCI.form.AbstractElement">
232             <span class="title">
233                 <a href="LuCI.form.AbstractElement.html">LuCI.form.AbstractElement</a>
234                 
235             </span>
236             <ul class="members itemMembers">
237             
238             </ul>
239             <ul class="typedefs itemMembers">
240             
241             </ul>
242             <ul class="typedefs itemMembers">
243             
244             </ul>
245             <ul class="methods itemMembers">
246             
247             <span class="subtitle">Methods</span>
248             
249                 <li data-name="LuCI.form.AbstractElement#append"><a href="LuCI.form.AbstractElement.html#append">append</a></li>
250             
251                 <li data-name="LuCI.form.AbstractElement#parse"><a href="LuCI.form.AbstractElement.html#parse">parse</a></li>
252             
253                 <li data-name="LuCI.form.AbstractElement#render"><a href="LuCI.form.AbstractElement.html#render">render</a></li>
254             
255                 <li data-name="LuCI.form.AbstractElement#stripTags"><a href="LuCI.form.AbstractElement.html#stripTags">stripTags</a></li>
256             
257                 <li data-name="LuCI.form.AbstractElement#titleFn"><a href="LuCI.form.AbstractElement.html#titleFn">titleFn</a></li>
258             
259             </ul>
260             <ul class="events itemMembers">
261             
262             </ul>
263         </li>
264     
265         <li class="item" data-name="LuCI.form.AbstractSection">
266             <span class="title">
267                 <a href="LuCI.form.AbstractSection.html">LuCI.form.AbstractSection</a>
268                 
269             </span>
270             <ul class="members itemMembers">
271             
272             <span class="subtitle">Members</span>
273             
274                 <li data-name="LuCI.form.AbstractSection##parentoption"><a href="LuCI.form.AbstractSection.html#parentoption">parentoption</a></li>
275             
276             </ul>
277             <ul class="typedefs itemMembers">
278             
279             </ul>
280             <ul class="typedefs itemMembers">
281             
282             </ul>
283             <ul class="methods itemMembers">
284             
285             <span class="subtitle">Methods</span>
286             
287                 <li data-name="LuCI.form.AbstractSection#append"><a href="LuCI.form.AbstractSection.html#append">append</a></li>
288             
289                 <li data-name="LuCI.form.AbstractSection#cfgsections"><a href="LuCI.form.AbstractSection.html#cfgsections">cfgsections</a></li>
290             
291                 <li data-name="LuCI.form.AbstractSection#filter"><a href="LuCI.form.AbstractSection.html#filter">filter</a></li>
292             
293                 <li data-name="LuCI.form.AbstractSection#load"><a href="LuCI.form.AbstractSection.html#load">load</a></li>
294             
295                 <li data-name="LuCI.form.AbstractSection#option"><a href="LuCI.form.AbstractSection.html#option">option</a></li>
296             
297                 <li data-name="LuCI.form.AbstractSection#parse"><a href="LuCI.form.AbstractSection.html#parse">parse</a></li>
298             
299                 <li data-name="LuCI.form.AbstractSection#render"><a href="LuCI.form.AbstractSection.html#render">render</a></li>
300             
301                 <li data-name="LuCI.form.AbstractSection#stripTags"><a href="LuCI.form.AbstractSection.html#stripTags">stripTags</a></li>
302             
303                 <li data-name="LuCI.form.AbstractSection#tab"><a href="LuCI.form.AbstractSection.html#tab">tab</a></li>
304             
305                 <li data-name="LuCI.form.AbstractSection#taboption"><a href="LuCI.form.AbstractSection.html#taboption">taboption</a></li>
306             
307                 <li data-name="LuCI.form.AbstractSection#titleFn"><a href="LuCI.form.AbstractSection.html#titleFn">titleFn</a></li>
308             
309             </ul>
310             <ul class="events itemMembers">
311             
312             </ul>
313         </li>
314     
315         <li class="item" data-name="LuCI.form.AbstractValue">
316             <span class="title">
317                 <a href="LuCI.form.AbstractValue.html">LuCI.form.AbstractValue</a>
318                 
319             </span>
320             <ul class="members itemMembers">
321             
322             <span class="subtitle">Members</span>
323             
324                 <li data-name="LuCI.form.AbstractValue##datatype"><a href="LuCI.form.AbstractValue.html#datatype">datatype</a></li>
325             
326                 <li data-name="LuCI.form.AbstractValue##default"><a href="LuCI.form.AbstractValue.html#default">default</a></li>
327             
328                 <li data-name="LuCI.form.AbstractValue##editable"><a href="LuCI.form.AbstractValue.html#editable">editable</a></li>
329             
330                 <li data-name="LuCI.form.AbstractValue##modalonly"><a href="LuCI.form.AbstractValue.html#modalonly">modalonly</a></li>
331             
332                 <li data-name="LuCI.form.AbstractValue##optional"><a href="LuCI.form.AbstractValue.html#optional">optional</a></li>
333             
334                 <li data-name="LuCI.form.AbstractValue##rmempty"><a href="LuCI.form.AbstractValue.html#rmempty">rmempty</a></li>
335             
336                 <li data-name="LuCI.form.AbstractValue##uciconfig"><a href="LuCI.form.AbstractValue.html#uciconfig">uciconfig</a></li>
337             
338                 <li data-name="LuCI.form.AbstractValue##ucioption"><a href="LuCI.form.AbstractValue.html#ucioption">ucioption</a></li>
339             
340                 <li data-name="LuCI.form.AbstractValue##ucisection"><a href="LuCI.form.AbstractValue.html#ucisection">ucisection</a></li>
341             
342                 <li data-name="LuCI.form.AbstractValue##validate"><a href="LuCI.form.AbstractValue.html#validate">validate</a></li>
343             
344                 <li data-name="LuCI.form.AbstractValue##width"><a href="LuCI.form.AbstractValue.html#width">width</a></li>
345             
346             </ul>
347             <ul class="typedefs itemMembers">
348             
349             </ul>
350             <ul class="typedefs itemMembers">
351             
352             </ul>
353             <ul class="methods itemMembers">
354             
355             <span class="subtitle">Methods</span>
356             
357                 <li data-name="LuCI.form.AbstractValue#append"><a href="LuCI.form.AbstractValue.html#append">append</a></li>
358             
359                 <li data-name="LuCI.form.AbstractValue#cbid"><a href="LuCI.form.AbstractValue.html#cbid">cbid</a></li>
360             
361                 <li data-name="LuCI.form.AbstractValue#cfgvalue"><a href="LuCI.form.AbstractValue.html#cfgvalue">cfgvalue</a></li>
362             
363                 <li data-name="LuCI.form.AbstractValue#depends"><a href="LuCI.form.AbstractValue.html#depends">depends</a></li>
364             
365                 <li data-name="LuCI.form.AbstractValue#formvalue"><a href="LuCI.form.AbstractValue.html#formvalue">formvalue</a></li>
366             
367                 <li data-name="LuCI.form.AbstractValue#getUIElement"><a href="LuCI.form.AbstractValue.html#getUIElement">getUIElement</a></li>
368             
369                 <li data-name="LuCI.form.AbstractValue#isActive"><a href="LuCI.form.AbstractValue.html#isActive">isActive</a></li>
370             
371                 <li data-name="LuCI.form.AbstractValue#isValid"><a href="LuCI.form.AbstractValue.html#isValid">isValid</a></li>
372             
373                 <li data-name="LuCI.form.AbstractValue#load"><a href="LuCI.form.AbstractValue.html#load">load</a></li>
374             
375                 <li data-name="LuCI.form.AbstractValue#parse"><a href="LuCI.form.AbstractValue.html#parse">parse</a></li>
376             
377                 <li data-name="LuCI.form.AbstractValue#remove"><a href="LuCI.form.AbstractValue.html#remove">remove</a></li>
378             
379                 <li data-name="LuCI.form.AbstractValue#render"><a href="LuCI.form.AbstractValue.html#render">render</a></li>
380             
381                 <li data-name="LuCI.form.AbstractValue#stripTags"><a href="LuCI.form.AbstractValue.html#stripTags">stripTags</a></li>
382             
383                 <li data-name="LuCI.form.AbstractValue#textvalue"><a href="LuCI.form.AbstractValue.html#textvalue">textvalue</a></li>
384             
385                 <li data-name="LuCI.form.AbstractValue#titleFn"><a href="LuCI.form.AbstractValue.html#titleFn">titleFn</a></li>
386             
387                 <li data-name="LuCI.form.AbstractValue#validate"><a href="LuCI.form.AbstractValue.html#validate">validate</a></li>
388             
389                 <li data-name="LuCI.form.AbstractValue#write"><a href="LuCI.form.AbstractValue.html#write">write</a></li>
390             
391             </ul>
392             <ul class="events itemMembers">
393             
394             </ul>
395         </li>
396     
397         <li class="item" data-name="LuCI.form.ButtonValue">
398             <span class="title">
399                 <a href="LuCI.form.ButtonValue.html">LuCI.form.ButtonValue</a>
400                 
401             </span>
402             <ul class="members itemMembers">
403             
404             <span class="subtitle">Members</span>
405             
406                 <li data-name="LuCI.form.ButtonValue##inputstyle"><a href="LuCI.form.ButtonValue.html#inputstyle">inputstyle</a></li>
407             
408                 <li data-name="LuCI.form.ButtonValue##inputtitle"><a href="LuCI.form.ButtonValue.html#inputtitle">inputtitle</a></li>
409             
410                 <li data-name="LuCI.form.ButtonValue##onclick"><a href="LuCI.form.ButtonValue.html#onclick">onclick</a></li>
411             
412                 <li data-name="LuCI.form.ButtonValue#datatype"><a href="LuCI.form.ButtonValue.html#datatype">datatype</a></li>
413             
414                 <li data-name="LuCI.form.ButtonValue#default"><a href="LuCI.form.ButtonValue.html#default">default</a></li>
415             
416                 <li data-name="LuCI.form.ButtonValue#editable"><a href="LuCI.form.ButtonValue.html#editable">editable</a></li>
417             
418                 <li data-name="LuCI.form.ButtonValue#modalonly"><a href="LuCI.form.ButtonValue.html#modalonly">modalonly</a></li>
419             
420                 <li data-name="LuCI.form.ButtonValue#optional"><a href="LuCI.form.ButtonValue.html#optional">optional</a></li>
421             
422                 <li data-name="LuCI.form.ButtonValue#password"><a href="LuCI.form.ButtonValue.html#password">password</a></li>
423             
424                 <li data-name="LuCI.form.ButtonValue#placeholder"><a href="LuCI.form.ButtonValue.html#placeholder">placeholder</a></li>
425             
426                 <li data-name="LuCI.form.ButtonValue#rmempty"><a href="LuCI.form.ButtonValue.html#rmempty">rmempty</a></li>
427             
428                 <li data-name="LuCI.form.ButtonValue#uciconfig"><a href="LuCI.form.ButtonValue.html#uciconfig">uciconfig</a></li>
429             
430                 <li data-name="LuCI.form.ButtonValue#ucioption"><a href="LuCI.form.ButtonValue.html#ucioption">ucioption</a></li>
431             
432                 <li data-name="LuCI.form.ButtonValue#ucisection"><a href="LuCI.form.ButtonValue.html#ucisection">ucisection</a></li>
433             
434                 <li data-name="LuCI.form.ButtonValue#validate"><a href="LuCI.form.ButtonValue.html#validate">validate</a></li>
435             
436                 <li data-name="LuCI.form.ButtonValue#width"><a href="LuCI.form.ButtonValue.html#width">width</a></li>
437             
438             </ul>
439             <ul class="typedefs itemMembers">
440             
441             </ul>
442             <ul class="typedefs itemMembers">
443             
444             </ul>
445             <ul class="methods itemMembers">
446             
447             <span class="subtitle">Methods</span>
448             
449                 <li data-name="LuCI.form.ButtonValue#append"><a href="LuCI.form.ButtonValue.html#append">append</a></li>
450             
451                 <li data-name="LuCI.form.ButtonValue#cbid"><a href="LuCI.form.ButtonValue.html#cbid">cbid</a></li>
452             
453                 <li data-name="LuCI.form.ButtonValue#cfgvalue"><a href="LuCI.form.ButtonValue.html#cfgvalue">cfgvalue</a></li>
454             
455                 <li data-name="LuCI.form.ButtonValue#depends"><a href="LuCI.form.ButtonValue.html#depends">depends</a></li>
456             
457                 <li data-name="LuCI.form.ButtonValue#formvalue"><a href="LuCI.form.ButtonValue.html#formvalue">formvalue</a></li>
458             
459                 <li data-name="LuCI.form.ButtonValue#getUIElement"><a href="LuCI.form.ButtonValue.html#getUIElement">getUIElement</a></li>
460             
461                 <li data-name="LuCI.form.ButtonValue#isActive"><a href="LuCI.form.ButtonValue.html#isActive">isActive</a></li>
462             
463                 <li data-name="LuCI.form.ButtonValue#isValid"><a href="LuCI.form.ButtonValue.html#isValid">isValid</a></li>
464             
465                 <li data-name="LuCI.form.ButtonValue#load"><a href="LuCI.form.ButtonValue.html#load">load</a></li>
466             
467                 <li data-name="LuCI.form.ButtonValue#parse"><a href="LuCI.form.ButtonValue.html#parse">parse</a></li>
468             
469                 <li data-name="LuCI.form.ButtonValue#remove"><a href="LuCI.form.ButtonValue.html#remove">remove</a></li>
470             
471                 <li data-name="LuCI.form.ButtonValue#stripTags"><a href="LuCI.form.ButtonValue.html#stripTags">stripTags</a></li>
472             
473                 <li data-name="LuCI.form.ButtonValue#textvalue"><a href="LuCI.form.ButtonValue.html#textvalue">textvalue</a></li>
474             
475                 <li data-name="LuCI.form.ButtonValue#titleFn"><a href="LuCI.form.ButtonValue.html#titleFn">titleFn</a></li>
476             
477                 <li data-name="LuCI.form.ButtonValue#value"><a href="LuCI.form.ButtonValue.html#value">value</a></li>
478             
479                 <li data-name="LuCI.form.ButtonValue#write"><a href="LuCI.form.ButtonValue.html#write">write</a></li>
480             
481             </ul>
482             <ul class="events itemMembers">
483             
484             </ul>
485         </li>
486     
487         <li class="item" data-name="LuCI.form.DummyValue">
488             <span class="title">
489                 <a href="LuCI.form.DummyValue.html">LuCI.form.DummyValue</a>
490                 
491             </span>
492             <ul class="members itemMembers">
493             
494             <span class="subtitle">Members</span>
495             
496                 <li data-name="LuCI.form.DummyValue##href"><a href="LuCI.form.DummyValue.html#href">href</a></li>
497             
498                 <li data-name="LuCI.form.DummyValue##rawhtml"><a href="LuCI.form.DummyValue.html#rawhtml">rawhtml</a></li>
499             
500                 <li data-name="LuCI.form.DummyValue#datatype"><a href="LuCI.form.DummyValue.html#datatype">datatype</a></li>
501             
502                 <li data-name="LuCI.form.DummyValue#default"><a href="LuCI.form.DummyValue.html#default">default</a></li>
503             
504                 <li data-name="LuCI.form.DummyValue#editable"><a href="LuCI.form.DummyValue.html#editable">editable</a></li>
505             
506                 <li data-name="LuCI.form.DummyValue#modalonly"><a href="LuCI.form.DummyValue.html#modalonly">modalonly</a></li>
507             
508                 <li data-name="LuCI.form.DummyValue#optional"><a href="LuCI.form.DummyValue.html#optional">optional</a></li>
509             
510                 <li data-name="LuCI.form.DummyValue#password"><a href="LuCI.form.DummyValue.html#password">password</a></li>
511             
512                 <li data-name="LuCI.form.DummyValue#placeholder"><a href="LuCI.form.DummyValue.html#placeholder">placeholder</a></li>
513             
514                 <li data-name="LuCI.form.DummyValue#rmempty"><a href="LuCI.form.DummyValue.html#rmempty">rmempty</a></li>
515             
516                 <li data-name="LuCI.form.DummyValue#uciconfig"><a href="LuCI.form.DummyValue.html#uciconfig">uciconfig</a></li>
517             
518                 <li data-name="LuCI.form.DummyValue#ucioption"><a href="LuCI.form.DummyValue.html#ucioption">ucioption</a></li>
519             
520                 <li data-name="LuCI.form.DummyValue#ucisection"><a href="LuCI.form.DummyValue.html#ucisection">ucisection</a></li>
521             
522                 <li data-name="LuCI.form.DummyValue#validate"><a href="LuCI.form.DummyValue.html#validate">validate</a></li>
523             
524                 <li data-name="LuCI.form.DummyValue#width"><a href="LuCI.form.DummyValue.html#width">width</a></li>
525             
526             </ul>
527             <ul class="typedefs itemMembers">
528             
529             </ul>
530             <ul class="typedefs itemMembers">
531             
532             </ul>
533             <ul class="methods itemMembers">
534             
535             <span class="subtitle">Methods</span>
536             
537                 <li data-name="LuCI.form.DummyValue#append"><a href="LuCI.form.DummyValue.html#append">append</a></li>
538             
539                 <li data-name="LuCI.form.DummyValue#cbid"><a href="LuCI.form.DummyValue.html#cbid">cbid</a></li>
540             
541                 <li data-name="LuCI.form.DummyValue#cfgvalue"><a href="LuCI.form.DummyValue.html#cfgvalue">cfgvalue</a></li>
542             
543                 <li data-name="LuCI.form.DummyValue#depends"><a href="LuCI.form.DummyValue.html#depends">depends</a></li>
544             
545                 <li data-name="LuCI.form.DummyValue#formvalue"><a href="LuCI.form.DummyValue.html#formvalue">formvalue</a></li>
546             
547                 <li data-name="LuCI.form.DummyValue#getUIElement"><a href="LuCI.form.DummyValue.html#getUIElement">getUIElement</a></li>
548             
549                 <li data-name="LuCI.form.DummyValue#isActive"><a href="LuCI.form.DummyValue.html#isActive">isActive</a></li>
550             
551                 <li data-name="LuCI.form.DummyValue#isValid"><a href="LuCI.form.DummyValue.html#isValid">isValid</a></li>
552             
553                 <li data-name="LuCI.form.DummyValue#load"><a href="LuCI.form.DummyValue.html#load">load</a></li>
554             
555                 <li data-name="LuCI.form.DummyValue#parse"><a href="LuCI.form.DummyValue.html#parse">parse</a></li>
556             
557                 <li data-name="LuCI.form.DummyValue#remove"><a href="LuCI.form.DummyValue.html#remove">remove</a></li>
558             
559                 <li data-name="LuCI.form.DummyValue#stripTags"><a href="LuCI.form.DummyValue.html#stripTags">stripTags</a></li>
560             
561                 <li data-name="LuCI.form.DummyValue#textvalue"><a href="LuCI.form.DummyValue.html#textvalue">textvalue</a></li>
562             
563                 <li data-name="LuCI.form.DummyValue#titleFn"><a href="LuCI.form.DummyValue.html#titleFn">titleFn</a></li>
564             
565                 <li data-name="LuCI.form.DummyValue#value"><a href="LuCI.form.DummyValue.html#value">value</a></li>
566             
567                 <li data-name="LuCI.form.DummyValue#write"><a href="LuCI.form.DummyValue.html#write">write</a></li>
568             
569             </ul>
570             <ul class="events itemMembers">
571             
572             </ul>
573         </li>
574     
575         <li class="item" data-name="LuCI.form.DynamicList">
576             <span class="title">
577                 <a href="LuCI.form.DynamicList.html">LuCI.form.DynamicList</a>
578                 
579             </span>
580             <ul class="members itemMembers">
581             
582             <span class="subtitle">Members</span>
583             
584                 <li data-name="LuCI.form.DynamicList#datatype"><a href="LuCI.form.DynamicList.html#datatype">datatype</a></li>
585             
586                 <li data-name="LuCI.form.DynamicList#default"><a href="LuCI.form.DynamicList.html#default">default</a></li>
587             
588                 <li data-name="LuCI.form.DynamicList#editable"><a href="LuCI.form.DynamicList.html#editable">editable</a></li>
589             
590                 <li data-name="LuCI.form.DynamicList#modalonly"><a href="LuCI.form.DynamicList.html#modalonly">modalonly</a></li>
591             
592                 <li data-name="LuCI.form.DynamicList#optional"><a href="LuCI.form.DynamicList.html#optional">optional</a></li>
593             
594                 <li data-name="LuCI.form.DynamicList#password"><a href="LuCI.form.DynamicList.html#password">password</a></li>
595             
596                 <li data-name="LuCI.form.DynamicList#placeholder"><a href="LuCI.form.DynamicList.html#placeholder">placeholder</a></li>
597             
598                 <li data-name="LuCI.form.DynamicList#rmempty"><a href="LuCI.form.DynamicList.html#rmempty">rmempty</a></li>
599             
600                 <li data-name="LuCI.form.DynamicList#uciconfig"><a href="LuCI.form.DynamicList.html#uciconfig">uciconfig</a></li>
601             
602                 <li data-name="LuCI.form.DynamicList#ucioption"><a href="LuCI.form.DynamicList.html#ucioption">ucioption</a></li>
603             
604                 <li data-name="LuCI.form.DynamicList#ucisection"><a href="LuCI.form.DynamicList.html#ucisection">ucisection</a></li>
605             
606                 <li data-name="LuCI.form.DynamicList#validate"><a href="LuCI.form.DynamicList.html#validate">validate</a></li>
607             
608                 <li data-name="LuCI.form.DynamicList#width"><a href="LuCI.form.DynamicList.html#width">width</a></li>
609             
610             </ul>
611             <ul class="typedefs itemMembers">
612             
613             </ul>
614             <ul class="typedefs itemMembers">
615             
616             </ul>
617             <ul class="methods itemMembers">
618             
619             <span class="subtitle">Methods</span>
620             
621                 <li data-name="LuCI.form.DynamicList#append"><a href="LuCI.form.DynamicList.html#append">append</a></li>
622             
623                 <li data-name="LuCI.form.DynamicList#cbid"><a href="LuCI.form.DynamicList.html#cbid">cbid</a></li>
624             
625                 <li data-name="LuCI.form.DynamicList#cfgvalue"><a href="LuCI.form.DynamicList.html#cfgvalue">cfgvalue</a></li>
626             
627                 <li data-name="LuCI.form.DynamicList#depends"><a href="LuCI.form.DynamicList.html#depends">depends</a></li>
628             
629                 <li data-name="LuCI.form.DynamicList#formvalue"><a href="LuCI.form.DynamicList.html#formvalue">formvalue</a></li>
630             
631                 <li data-name="LuCI.form.DynamicList#getUIElement"><a href="LuCI.form.DynamicList.html#getUIElement">getUIElement</a></li>
632             
633                 <li data-name="LuCI.form.DynamicList#isActive"><a href="LuCI.form.DynamicList.html#isActive">isActive</a></li>
634             
635                 <li data-name="LuCI.form.DynamicList#isValid"><a href="LuCI.form.DynamicList.html#isValid">isValid</a></li>
636             
637                 <li data-name="LuCI.form.DynamicList#load"><a href="LuCI.form.DynamicList.html#load">load</a></li>
638             
639                 <li data-name="LuCI.form.DynamicList#parse"><a href="LuCI.form.DynamicList.html#parse">parse</a></li>
640             
641                 <li data-name="LuCI.form.DynamicList#remove"><a href="LuCI.form.DynamicList.html#remove">remove</a></li>
642             
643                 <li data-name="LuCI.form.DynamicList#stripTags"><a href="LuCI.form.DynamicList.html#stripTags">stripTags</a></li>
644             
645                 <li data-name="LuCI.form.DynamicList#textvalue"><a href="LuCI.form.DynamicList.html#textvalue">textvalue</a></li>
646             
647                 <li data-name="LuCI.form.DynamicList#titleFn"><a href="LuCI.form.DynamicList.html#titleFn">titleFn</a></li>
648             
649                 <li data-name="LuCI.form.DynamicList#value"><a href="LuCI.form.DynamicList.html#value">value</a></li>
650             
651                 <li data-name="LuCI.form.DynamicList#write"><a href="LuCI.form.DynamicList.html#write">write</a></li>
652             
653             </ul>
654             <ul class="events itemMembers">
655             
656             </ul>
657         </li>
658     
659         <li class="item" data-name="LuCI.form.FileUpload">
660             <span class="title">
661                 <a href="LuCI.form.FileUpload.html">LuCI.form.FileUpload</a>
662                 
663             </span>
664             <ul class="members itemMembers">
665             
666             <span class="subtitle">Members</span>
667             
668                 <li data-name="LuCI.form.FileUpload##enable_remove"><a href="LuCI.form.FileUpload.html#enable_remove">enable_remove</a></li>
669             
670                 <li data-name="LuCI.form.FileUpload##enable_upload"><a href="LuCI.form.FileUpload.html#enable_upload">enable_upload</a></li>
671             
672                 <li data-name="LuCI.form.FileUpload##root_directory"><a href="LuCI.form.FileUpload.html#root_directory">root_directory</a></li>
673             
674                 <li data-name="LuCI.form.FileUpload##show_hidden"><a href="LuCI.form.FileUpload.html#show_hidden">show_hidden</a></li>
675             
676                 <li data-name="LuCI.form.FileUpload#datatype"><a href="LuCI.form.FileUpload.html#datatype">datatype</a></li>
677             
678                 <li data-name="LuCI.form.FileUpload#default"><a href="LuCI.form.FileUpload.html#default">default</a></li>
679             
680                 <li data-name="LuCI.form.FileUpload#editable"><a href="LuCI.form.FileUpload.html#editable">editable</a></li>
681             
682                 <li data-name="LuCI.form.FileUpload#modalonly"><a href="LuCI.form.FileUpload.html#modalonly">modalonly</a></li>
683             
684                 <li data-name="LuCI.form.FileUpload#optional"><a href="LuCI.form.FileUpload.html#optional">optional</a></li>
685             
686                 <li data-name="LuCI.form.FileUpload#password"><a href="LuCI.form.FileUpload.html#password">password</a></li>
687             
688                 <li data-name="LuCI.form.FileUpload#placeholder"><a href="LuCI.form.FileUpload.html#placeholder">placeholder</a></li>
689             
690                 <li data-name="LuCI.form.FileUpload#rmempty"><a href="LuCI.form.FileUpload.html#rmempty">rmempty</a></li>
691             
692                 <li data-name="LuCI.form.FileUpload#uciconfig"><a href="LuCI.form.FileUpload.html#uciconfig">uciconfig</a></li>
693             
694                 <li data-name="LuCI.form.FileUpload#ucioption"><a href="LuCI.form.FileUpload.html#ucioption">ucioption</a></li>
695             
696                 <li data-name="LuCI.form.FileUpload#ucisection"><a href="LuCI.form.FileUpload.html#ucisection">ucisection</a></li>
697             
698                 <li data-name="LuCI.form.FileUpload#validate"><a href="LuCI.form.FileUpload.html#validate">validate</a></li>
699             
700                 <li data-name="LuCI.form.FileUpload#width"><a href="LuCI.form.FileUpload.html#width">width</a></li>
701             
702             </ul>
703             <ul class="typedefs itemMembers">
704             
705             </ul>
706             <ul class="typedefs itemMembers">
707             
708             </ul>
709             <ul class="methods itemMembers">
710             
711             <span class="subtitle">Methods</span>
712             
713                 <li data-name="LuCI.form.FileUpload#append"><a href="LuCI.form.FileUpload.html#append">append</a></li>
714             
715                 <li data-name="LuCI.form.FileUpload#cbid"><a href="LuCI.form.FileUpload.html#cbid">cbid</a></li>
716             
717                 <li data-name="LuCI.form.FileUpload#cfgvalue"><a href="LuCI.form.FileUpload.html#cfgvalue">cfgvalue</a></li>
718             
719                 <li data-name="LuCI.form.FileUpload#depends"><a href="LuCI.form.FileUpload.html#depends">depends</a></li>
720             
721                 <li data-name="LuCI.form.FileUpload#formvalue"><a href="LuCI.form.FileUpload.html#formvalue">formvalue</a></li>
722             
723                 <li data-name="LuCI.form.FileUpload#getUIElement"><a href="LuCI.form.FileUpload.html#getUIElement">getUIElement</a></li>
724             
725                 <li data-name="LuCI.form.FileUpload#isActive"><a href="LuCI.form.FileUpload.html#isActive">isActive</a></li>
726             
727                 <li data-name="LuCI.form.FileUpload#isValid"><a href="LuCI.form.FileUpload.html#isValid">isValid</a></li>
728             
729                 <li data-name="LuCI.form.FileUpload#load"><a href="LuCI.form.FileUpload.html#load">load</a></li>
730             
731                 <li data-name="LuCI.form.FileUpload#parse"><a href="LuCI.form.FileUpload.html#parse">parse</a></li>
732             
733                 <li data-name="LuCI.form.FileUpload#remove"><a href="LuCI.form.FileUpload.html#remove">remove</a></li>
734             
735                 <li data-name="LuCI.form.FileUpload#stripTags"><a href="LuCI.form.FileUpload.html#stripTags">stripTags</a></li>
736             
737                 <li data-name="LuCI.form.FileUpload#textvalue"><a href="LuCI.form.FileUpload.html#textvalue">textvalue</a></li>
738             
739                 <li data-name="LuCI.form.FileUpload#titleFn"><a href="LuCI.form.FileUpload.html#titleFn">titleFn</a></li>
740             
741                 <li data-name="LuCI.form.FileUpload#value"><a href="LuCI.form.FileUpload.html#value">value</a></li>
742             
743                 <li data-name="LuCI.form.FileUpload#write"><a href="LuCI.form.FileUpload.html#write">write</a></li>
744             
745             </ul>
746             <ul class="events itemMembers">
747             
748             </ul>
749         </li>
750     
751         <li class="item" data-name="LuCI.form.FlagValue">
752             <span class="title">
753                 <a href="LuCI.form.FlagValue.html">LuCI.form.FlagValue</a>
754                 
755             </span>
756             <ul class="members itemMembers">
757             
758             <span class="subtitle">Members</span>
759             
760                 <li data-name="LuCI.form.FlagValue##disabled"><a href="LuCI.form.FlagValue.html#disabled">disabled</a></li>
761             
762                 <li data-name="LuCI.form.FlagValue##enabled"><a href="LuCI.form.FlagValue.html#enabled">enabled</a></li>
763             
764                 <li data-name="LuCI.form.FlagValue#datatype"><a href="LuCI.form.FlagValue.html#datatype">datatype</a></li>
765             
766                 <li data-name="LuCI.form.FlagValue#default"><a href="LuCI.form.FlagValue.html#default">default</a></li>
767             
768                 <li data-name="LuCI.form.FlagValue#editable"><a href="LuCI.form.FlagValue.html#editable">editable</a></li>
769             
770                 <li data-name="LuCI.form.FlagValue#modalonly"><a href="LuCI.form.FlagValue.html#modalonly">modalonly</a></li>
771             
772                 <li data-name="LuCI.form.FlagValue#optional"><a href="LuCI.form.FlagValue.html#optional">optional</a></li>
773             
774                 <li data-name="LuCI.form.FlagValue#password"><a href="LuCI.form.FlagValue.html#password">password</a></li>
775             
776                 <li data-name="LuCI.form.FlagValue#placeholder"><a href="LuCI.form.FlagValue.html#placeholder">placeholder</a></li>
777             
778                 <li data-name="LuCI.form.FlagValue#rmempty"><a href="LuCI.form.FlagValue.html#rmempty">rmempty</a></li>
779             
780                 <li data-name="LuCI.form.FlagValue#uciconfig"><a href="LuCI.form.FlagValue.html#uciconfig">uciconfig</a></li>
781             
782                 <li data-name="LuCI.form.FlagValue#ucioption"><a href="LuCI.form.FlagValue.html#ucioption">ucioption</a></li>
783             
784                 <li data-name="LuCI.form.FlagValue#ucisection"><a href="LuCI.form.FlagValue.html#ucisection">ucisection</a></li>
785             
786                 <li data-name="LuCI.form.FlagValue#validate"><a href="LuCI.form.FlagValue.html#validate">validate</a></li>
787             
788                 <li data-name="LuCI.form.FlagValue#width"><a href="LuCI.form.FlagValue.html#width">width</a></li>
789             
790             </ul>
791             <ul class="typedefs itemMembers">
792             
793             </ul>
794             <ul class="typedefs itemMembers">
795             
796             </ul>
797             <ul class="methods itemMembers">
798             
799             <span class="subtitle">Methods</span>
800             
801                 <li data-name="LuCI.form.FlagValue#append"><a href="LuCI.form.FlagValue.html#append">append</a></li>
802             
803                 <li data-name="LuCI.form.FlagValue#cbid"><a href="LuCI.form.FlagValue.html#cbid">cbid</a></li>
804             
805                 <li data-name="LuCI.form.FlagValue#cfgvalue"><a href="LuCI.form.FlagValue.html#cfgvalue">cfgvalue</a></li>
806             
807                 <li data-name="LuCI.form.FlagValue#depends"><a href="LuCI.form.FlagValue.html#depends">depends</a></li>
808             
809                 <li data-name="LuCI.form.FlagValue#formvalue"><a href="LuCI.form.FlagValue.html#formvalue">formvalue</a></li>
810             
811                 <li data-name="LuCI.form.FlagValue#getUIElement"><a href="LuCI.form.FlagValue.html#getUIElement">getUIElement</a></li>
812             
813                 <li data-name="LuCI.form.FlagValue#isActive"><a href="LuCI.form.FlagValue.html#isActive">isActive</a></li>
814             
815                 <li data-name="LuCI.form.FlagValue#isValid"><a href="LuCI.form.FlagValue.html#isValid">isValid</a></li>
816             
817                 <li data-name="LuCI.form.FlagValue#load"><a href="LuCI.form.FlagValue.html#load">load</a></li>
818             
819                 <li data-name="LuCI.form.FlagValue#parse"><a href="LuCI.form.FlagValue.html#parse">parse</a></li>
820             
821                 <li data-name="LuCI.form.FlagValue#remove"><a href="LuCI.form.FlagValue.html#remove">remove</a></li>
822             
823                 <li data-name="LuCI.form.FlagValue#stripTags"><a href="LuCI.form.FlagValue.html#stripTags">stripTags</a></li>
824             
825                 <li data-name="LuCI.form.FlagValue#textvalue"><a href="LuCI.form.FlagValue.html#textvalue">textvalue</a></li>
826             
827                 <li data-name="LuCI.form.FlagValue#titleFn"><a href="LuCI.form.FlagValue.html#titleFn">titleFn</a></li>
828             
829                 <li data-name="LuCI.form.FlagValue#value"><a href="LuCI.form.FlagValue.html#value">value</a></li>
830             
831                 <li data-name="LuCI.form.FlagValue#write"><a href="LuCI.form.FlagValue.html#write">write</a></li>
832             
833             </ul>
834             <ul class="events itemMembers">
835             
836             </ul>
837         </li>
838     
839         <li class="item" data-name="LuCI.form.GridSection">
840             <span class="title">
841                 <a href="LuCI.form.GridSection.html">LuCI.form.GridSection</a>
842                 
843             </span>
844             <ul class="members itemMembers">
845             
846             <span class="subtitle">Members</span>
847             
848                 <li data-name="LuCI.form.GridSection#addbtntitle"><a href="LuCI.form.GridSection.html#addbtntitle">addbtntitle</a></li>
849             
850                 <li data-name="LuCI.form.GridSection#addremove"><a href="LuCI.form.GridSection.html#addremove">addremove</a></li>
851             
852                 <li data-name="LuCI.form.GridSection#anonymous"><a href="LuCI.form.GridSection.html#anonymous">anonymous</a></li>
853             
854                 <li data-name="LuCI.form.GridSection#extedit"><a href="LuCI.form.GridSection.html#extedit">extedit</a></li>
855             
856                 <li data-name="LuCI.form.GridSection#max_cols"><a href="LuCI.form.GridSection.html#max_cols">max_cols</a></li>
857             
858                 <li data-name="LuCI.form.GridSection#modaltitle"><a href="LuCI.form.GridSection.html#modaltitle">modaltitle</a></li>
859             
860                 <li data-name="LuCI.form.GridSection#parentoption"><a href="LuCI.form.GridSection.html#parentoption">parentoption</a></li>
861             
862                 <li data-name="LuCI.form.GridSection#rowcolors"><a href="LuCI.form.GridSection.html#rowcolors">rowcolors</a></li>
863             
864                 <li data-name="LuCI.form.GridSection#sectiontitle"><a href="LuCI.form.GridSection.html#sectiontitle">sectiontitle</a></li>
865             
866                 <li data-name="LuCI.form.GridSection#sortable"><a href="LuCI.form.GridSection.html#sortable">sortable</a></li>
867             
868                 <li data-name="LuCI.form.GridSection#tabbed"><a href="LuCI.form.GridSection.html#tabbed">tabbed</a></li>
869             
870                 <li data-name="LuCI.form.GridSection#uciconfig"><a href="LuCI.form.GridSection.html#uciconfig">uciconfig</a></li>
871             
872             </ul>
873             <ul class="typedefs itemMembers">
874             
875             </ul>
876             <ul class="typedefs itemMembers">
877             
878             </ul>
879             <ul class="methods itemMembers">
880             
881             <span class="subtitle">Methods</span>
882             
883                 <li data-name="LuCI.form.GridSection#addModalOptions"><a href="LuCI.form.GridSection.html#addModalOptions">addModalOptions</a></li>
884             
885                 <li data-name="LuCI.form.GridSection#append"><a href="LuCI.form.GridSection.html#append">append</a></li>
886             
887                 <li data-name="LuCI.form.GridSection#filter"><a href="LuCI.form.GridSection.html#filter">filter</a></li>
888             
889                 <li data-name="LuCI.form.GridSection#load"><a href="LuCI.form.GridSection.html#load">load</a></li>
890             
891                 <li data-name="LuCI.form.GridSection#option"><a href="LuCI.form.GridSection.html#option">option</a></li>
892             
893                 <li data-name="LuCI.form.GridSection#parse"><a href="LuCI.form.GridSection.html#parse">parse</a></li>
894             
895                 <li data-name="LuCI.form.GridSection#stripTags"><a href="LuCI.form.GridSection.html#stripTags">stripTags</a></li>
896             
897                 <li data-name="LuCI.form.GridSection#tab"><a href="LuCI.form.GridSection.html#tab">tab</a></li>
898             
899                 <li data-name="LuCI.form.GridSection#taboption"><a href="LuCI.form.GridSection.html#taboption">taboption</a></li>
900             
901                 <li data-name="LuCI.form.GridSection#titleFn"><a href="LuCI.form.GridSection.html#titleFn">titleFn</a></li>
902             
903             </ul>
904             <ul class="events itemMembers">
905             
906             </ul>
907         </li>
908     
909         <li class="item" data-name="LuCI.form.HiddenValue">
910             <span class="title">
911                 <a href="LuCI.form.HiddenValue.html">LuCI.form.HiddenValue</a>
912                 
913             </span>
914             <ul class="members itemMembers">
915             
916             <span class="subtitle">Members</span>
917             
918                 <li data-name="LuCI.form.HiddenValue#datatype"><a href="LuCI.form.HiddenValue.html#datatype">datatype</a></li>
919             
920                 <li data-name="LuCI.form.HiddenValue#default"><a href="LuCI.form.HiddenValue.html#default">default</a></li>
921             
922                 <li data-name="LuCI.form.HiddenValue#editable"><a href="LuCI.form.HiddenValue.html#editable">editable</a></li>
923             
924                 <li data-name="LuCI.form.HiddenValue#modalonly"><a href="LuCI.form.HiddenValue.html#modalonly">modalonly</a></li>
925             
926                 <li data-name="LuCI.form.HiddenValue#optional"><a href="LuCI.form.HiddenValue.html#optional">optional</a></li>
927             
928                 <li data-name="LuCI.form.HiddenValue#password"><a href="LuCI.form.HiddenValue.html#password">password</a></li>
929             
930                 <li data-name="LuCI.form.HiddenValue#placeholder"><a href="LuCI.form.HiddenValue.html#placeholder">placeholder</a></li>
931             
932                 <li data-name="LuCI.form.HiddenValue#rmempty"><a href="LuCI.form.HiddenValue.html#rmempty">rmempty</a></li>
933             
934                 <li data-name="LuCI.form.HiddenValue#uciconfig"><a href="LuCI.form.HiddenValue.html#uciconfig">uciconfig</a></li>
935             
936                 <li data-name="LuCI.form.HiddenValue#ucioption"><a href="LuCI.form.HiddenValue.html#ucioption">ucioption</a></li>
937             
938                 <li data-name="LuCI.form.HiddenValue#ucisection"><a href="LuCI.form.HiddenValue.html#ucisection">ucisection</a></li>
939             
940                 <li data-name="LuCI.form.HiddenValue#validate"><a href="LuCI.form.HiddenValue.html#validate">validate</a></li>
941             
942                 <li data-name="LuCI.form.HiddenValue#width"><a href="LuCI.form.HiddenValue.html#width">width</a></li>
943             
944             </ul>
945             <ul class="typedefs itemMembers">
946             
947             </ul>
948             <ul class="typedefs itemMembers">
949             
950             </ul>
951             <ul class="methods itemMembers">
952             
953             <span class="subtitle">Methods</span>
954             
955                 <li data-name="LuCI.form.HiddenValue#append"><a href="LuCI.form.HiddenValue.html#append">append</a></li>
956             
957                 <li data-name="LuCI.form.HiddenValue#cbid"><a href="LuCI.form.HiddenValue.html#cbid">cbid</a></li>
958             
959                 <li data-name="LuCI.form.HiddenValue#cfgvalue"><a href="LuCI.form.HiddenValue.html#cfgvalue">cfgvalue</a></li>
960             
961                 <li data-name="LuCI.form.HiddenValue#depends"><a href="LuCI.form.HiddenValue.html#depends">depends</a></li>
962             
963                 <li data-name="LuCI.form.HiddenValue#formvalue"><a href="LuCI.form.HiddenValue.html#formvalue">formvalue</a></li>
964             
965                 <li data-name="LuCI.form.HiddenValue#getUIElement"><a href="LuCI.form.HiddenValue.html#getUIElement">getUIElement</a></li>
966             
967                 <li data-name="LuCI.form.HiddenValue#isActive"><a href="LuCI.form.HiddenValue.html#isActive">isActive</a></li>
968             
969                 <li data-name="LuCI.form.HiddenValue#isValid"><a href="LuCI.form.HiddenValue.html#isValid">isValid</a></li>
970             
971                 <li data-name="LuCI.form.HiddenValue#load"><a href="LuCI.form.HiddenValue.html#load">load</a></li>
972             
973                 <li data-name="LuCI.form.HiddenValue#parse"><a href="LuCI.form.HiddenValue.html#parse">parse</a></li>
974             
975                 <li data-name="LuCI.form.HiddenValue#remove"><a href="LuCI.form.HiddenValue.html#remove">remove</a></li>
976             
977                 <li data-name="LuCI.form.HiddenValue#stripTags"><a href="LuCI.form.HiddenValue.html#stripTags">stripTags</a></li>
978             
979                 <li data-name="LuCI.form.HiddenValue#textvalue"><a href="LuCI.form.HiddenValue.html#textvalue">textvalue</a></li>
980             
981                 <li data-name="LuCI.form.HiddenValue#titleFn"><a href="LuCI.form.HiddenValue.html#titleFn">titleFn</a></li>
982             
983                 <li data-name="LuCI.form.HiddenValue#value"><a href="LuCI.form.HiddenValue.html#value">value</a></li>
984             
985                 <li data-name="LuCI.form.HiddenValue#write"><a href="LuCI.form.HiddenValue.html#write">write</a></li>
986             
987             </ul>
988             <ul class="events itemMembers">
989             
990             </ul>
991         </li>
992     
993         <li class="item" data-name="LuCI.form.JSONMap">
994             <span class="title">
995                 <a href="LuCI.form.JSONMap.html">LuCI.form.JSONMap</a>
996                 
997             </span>
998             <ul class="members itemMembers">
999             
1000             </ul>
1001             <ul class="typedefs itemMembers">
1002             
1003             </ul>
1004             <ul class="typedefs itemMembers">
1005             
1006             </ul>
1007             <ul class="methods itemMembers">
1008             
1009             <span class="subtitle">Methods</span>
1010             
1011                 <li data-name="LuCI.form.JSONMap#append"><a href="LuCI.form.JSONMap.html#append">append</a></li>
1012             
1013                 <li data-name="LuCI.form.JSONMap#chain"><a href="LuCI.form.JSONMap.html#chain">chain</a></li>
1014             
1015                 <li data-name="LuCI.form.JSONMap#findElement"><a href="LuCI.form.JSONMap.html#findElement">findElement</a></li>
1016             
1017                 <li data-name="LuCI.form.JSONMap#findElements"><a href="LuCI.form.JSONMap.html#findElements">findElements</a></li>
1018             
1019                 <li data-name="LuCI.form.JSONMap#load"><a href="LuCI.form.JSONMap.html#load">load</a></li>
1020             
1021                 <li data-name="LuCI.form.JSONMap#lookupOption"><a href="LuCI.form.JSONMap.html#lookupOption">lookupOption</a></li>
1022             
1023                 <li data-name="LuCI.form.JSONMap#parse"><a href="LuCI.form.JSONMap.html#parse">parse</a></li>
1024             
1025                 <li data-name="LuCI.form.JSONMap#render"><a href="LuCI.form.JSONMap.html#render">render</a></li>
1026             
1027                 <li data-name="LuCI.form.JSONMap#reset"><a href="LuCI.form.JSONMap.html#reset">reset</a></li>
1028             
1029                 <li data-name="LuCI.form.JSONMap#save"><a href="LuCI.form.JSONMap.html#save">save</a></li>
1030             
1031                 <li data-name="LuCI.form.JSONMap#section"><a href="LuCI.form.JSONMap.html#section">section</a></li>
1032             
1033                 <li data-name="LuCI.form.JSONMap#stripTags"><a href="LuCI.form.JSONMap.html#stripTags">stripTags</a></li>
1034             
1035                 <li data-name="LuCI.form.JSONMap#titleFn"><a href="LuCI.form.JSONMap.html#titleFn">titleFn</a></li>
1036             
1037             </ul>
1038             <ul class="events itemMembers">
1039             
1040             </ul>
1041         </li>
1042     
1043         <li class="item" data-name="LuCI.form.ListValue">
1044             <span class="title">
1045                 <a href="LuCI.form.ListValue.html">LuCI.form.ListValue</a>
1046                 
1047             </span>
1048             <ul class="members itemMembers">
1049             
1050             <span class="subtitle">Members</span>
1051             
1052                 <li data-name="LuCI.form.ListValue##size"><a href="LuCI.form.ListValue.html#size">size</a></li>
1053             
1054                 <li data-name="LuCI.form.ListValue#datatype"><a href="LuCI.form.ListValue.html#datatype">datatype</a></li>
1055             
1056                 <li data-name="LuCI.form.ListValue#default"><a href="LuCI.form.ListValue.html#default">default</a></li>
1057             
1058                 <li data-name="LuCI.form.ListValue#editable"><a href="LuCI.form.ListValue.html#editable">editable</a></li>
1059             
1060                 <li data-name="LuCI.form.ListValue#modalonly"><a href="LuCI.form.ListValue.html#modalonly">modalonly</a></li>
1061             
1062                 <li data-name="LuCI.form.ListValue#optional"><a href="LuCI.form.ListValue.html#optional">optional</a></li>
1063             
1064                 <li data-name="LuCI.form.ListValue#password"><a href="LuCI.form.ListValue.html#password">password</a></li>
1065             
1066                 <li data-name="LuCI.form.ListValue#placeholder"><a href="LuCI.form.ListValue.html#placeholder">placeholder</a></li>
1067             
1068                 <li data-name="LuCI.form.ListValue#rmempty"><a href="LuCI.form.ListValue.html#rmempty">rmempty</a></li>
1069             
1070                 <li data-name="LuCI.form.ListValue#uciconfig"><a href="LuCI.form.ListValue.html#uciconfig">uciconfig</a></li>
1071             
1072                 <li data-name="LuCI.form.ListValue#ucioption"><a href="LuCI.form.ListValue.html#ucioption">ucioption</a></li>
1073             
1074                 <li data-name="LuCI.form.ListValue#ucisection"><a href="LuCI.form.ListValue.html#ucisection">ucisection</a></li>
1075             
1076                 <li data-name="LuCI.form.ListValue#validate"><a href="LuCI.form.ListValue.html#validate">validate</a></li>
1077             
1078                 <li data-name="LuCI.form.ListValue#width"><a href="LuCI.form.ListValue.html#width">width</a></li>
1079             
1080             </ul>
1081             <ul class="typedefs itemMembers">
1082             
1083             </ul>
1084             <ul class="typedefs itemMembers">
1085             
1086             </ul>
1087             <ul class="methods itemMembers">
1088             
1089             <span class="subtitle">Methods</span>
1090             
1091                 <li data-name="LuCI.form.ListValue#append"><a href="LuCI.form.ListValue.html#append">append</a></li>
1092             
1093                 <li data-name="LuCI.form.ListValue#cbid"><a href="LuCI.form.ListValue.html#cbid">cbid</a></li>
1094             
1095                 <li data-name="LuCI.form.ListValue#cfgvalue"><a href="LuCI.form.ListValue.html#cfgvalue">cfgvalue</a></li>
1096             
1097                 <li data-name="LuCI.form.ListValue#depends"><a href="LuCI.form.ListValue.html#depends">depends</a></li>
1098             
1099                 <li data-name="LuCI.form.ListValue#formvalue"><a href="LuCI.form.ListValue.html#formvalue">formvalue</a></li>
1100             
1101                 <li data-name="LuCI.form.ListValue#getUIElement"><a href="LuCI.form.ListValue.html#getUIElement">getUIElement</a></li>
1102             
1103                 <li data-name="LuCI.form.ListValue#isActive"><a href="LuCI.form.ListValue.html#isActive">isActive</a></li>
1104             
1105                 <li data-name="LuCI.form.ListValue#isValid"><a href="LuCI.form.ListValue.html#isValid">isValid</a></li>
1106             
1107                 <li data-name="LuCI.form.ListValue#load"><a href="LuCI.form.ListValue.html#load">load</a></li>
1108             
1109                 <li data-name="LuCI.form.ListValue#parse"><a href="LuCI.form.ListValue.html#parse">parse</a></li>
1110             
1111                 <li data-name="LuCI.form.ListValue#remove"><a href="LuCI.form.ListValue.html#remove">remove</a></li>
1112             
1113                 <li data-name="LuCI.form.ListValue#stripTags"><a href="LuCI.form.ListValue.html#stripTags">stripTags</a></li>
1114             
1115                 <li data-name="LuCI.form.ListValue#textvalue"><a href="LuCI.form.ListValue.html#textvalue">textvalue</a></li>
1116             
1117                 <li data-name="LuCI.form.ListValue#titleFn"><a href="LuCI.form.ListValue.html#titleFn">titleFn</a></li>
1118             
1119                 <li data-name="LuCI.form.ListValue#value"><a href="LuCI.form.ListValue.html#value">value</a></li>
1120             
1121                 <li data-name="LuCI.form.ListValue#write"><a href="LuCI.form.ListValue.html#write">write</a></li>
1122             
1123             </ul>
1124             <ul class="events itemMembers">
1125             
1126             </ul>
1127         </li>
1128     
1129         <li class="item" data-name="LuCI.form.Map">
1130             <span class="title">
1131                 <a href="LuCI.form.Map.html">LuCI.form.Map</a>
1132                 
1133             </span>
1134             <ul class="members itemMembers">
1135             
1136             </ul>
1137             <ul class="typedefs itemMembers">
1138             
1139             </ul>
1140             <ul class="typedefs itemMembers">
1141             
1142             </ul>
1143             <ul class="methods itemMembers">
1144             
1145             <span class="subtitle">Methods</span>
1146             
1147                 <li data-name="LuCI.form.Map#append"><a href="LuCI.form.Map.html#append">append</a></li>
1148             
1149                 <li data-name="LuCI.form.Map#chain"><a href="LuCI.form.Map.html#chain">chain</a></li>
1150             
1151                 <li data-name="LuCI.form.Map#findElement"><a href="LuCI.form.Map.html#findElement">findElement</a></li>
1152             
1153                 <li data-name="LuCI.form.Map#findElements"><a href="LuCI.form.Map.html#findElements">findElements</a></li>
1154             
1155                 <li data-name="LuCI.form.Map#load"><a href="LuCI.form.Map.html#load">load</a></li>
1156             
1157                 <li data-name="LuCI.form.Map#lookupOption"><a href="LuCI.form.Map.html#lookupOption">lookupOption</a></li>
1158             
1159                 <li data-name="LuCI.form.Map#parse"><a href="LuCI.form.Map.html#parse">parse</a></li>
1160             
1161                 <li data-name="LuCI.form.Map#render"><a href="LuCI.form.Map.html#render">render</a></li>
1162             
1163                 <li data-name="LuCI.form.Map#reset"><a href="LuCI.form.Map.html#reset">reset</a></li>
1164             
1165                 <li data-name="LuCI.form.Map#save"><a href="LuCI.form.Map.html#save">save</a></li>
1166             
1167                 <li data-name="LuCI.form.Map#section"><a href="LuCI.form.Map.html#section">section</a></li>
1168             
1169                 <li data-name="LuCI.form.Map#stripTags"><a href="LuCI.form.Map.html#stripTags">stripTags</a></li>
1170             
1171                 <li data-name="LuCI.form.Map#titleFn"><a href="LuCI.form.Map.html#titleFn">titleFn</a></li>
1172             
1173             </ul>
1174             <ul class="events itemMembers">
1175             
1176             </ul>
1177         </li>
1178     
1179         <li class="item" data-name="LuCI.form.MultiValue">
1180             <span class="title">
1181                 <a href="LuCI.form.MultiValue.html">LuCI.form.MultiValue</a>
1182                 
1183             </span>
1184             <ul class="members itemMembers">
1185             
1186             <span class="subtitle">Members</span>
1187             
1188                 <li data-name="LuCI.form.MultiValue##display_size"><a href="LuCI.form.MultiValue.html#display_size">display_size</a></li>
1189             
1190                 <li data-name="LuCI.form.MultiValue##dropdown_size"><a href="LuCI.form.MultiValue.html#dropdown_size">dropdown_size</a></li>
1191             
1192                 <li data-name="LuCI.form.MultiValue#datatype"><a href="LuCI.form.MultiValue.html#datatype">datatype</a></li>
1193             
1194                 <li data-name="LuCI.form.MultiValue#default"><a href="LuCI.form.MultiValue.html#default">default</a></li>
1195             
1196                 <li data-name="LuCI.form.MultiValue#editable"><a href="LuCI.form.MultiValue.html#editable">editable</a></li>
1197             
1198                 <li data-name="LuCI.form.MultiValue#modalonly"><a href="LuCI.form.MultiValue.html#modalonly">modalonly</a></li>
1199             
1200                 <li data-name="LuCI.form.MultiValue#optional"><a href="LuCI.form.MultiValue.html#optional">optional</a></li>
1201             
1202                 <li data-name="LuCI.form.MultiValue#password"><a href="LuCI.form.MultiValue.html#password">password</a></li>
1203             
1204                 <li data-name="LuCI.form.MultiValue#placeholder"><a href="LuCI.form.MultiValue.html#placeholder">placeholder</a></li>
1205             
1206                 <li data-name="LuCI.form.MultiValue#rmempty"><a href="LuCI.form.MultiValue.html#rmempty">rmempty</a></li>
1207             
1208                 <li data-name="LuCI.form.MultiValue#uciconfig"><a href="LuCI.form.MultiValue.html#uciconfig">uciconfig</a></li>
1209             
1210                 <li data-name="LuCI.form.MultiValue#ucioption"><a href="LuCI.form.MultiValue.html#ucioption">ucioption</a></li>
1211             
1212                 <li data-name="LuCI.form.MultiValue#ucisection"><a href="LuCI.form.MultiValue.html#ucisection">ucisection</a></li>
1213             
1214                 <li data-name="LuCI.form.MultiValue#validate"><a href="LuCI.form.MultiValue.html#validate">validate</a></li>
1215             
1216                 <li data-name="LuCI.form.MultiValue#width"><a href="LuCI.form.MultiValue.html#width">width</a></li>
1217             
1218             </ul>
1219             <ul class="typedefs itemMembers">
1220             
1221             </ul>
1222             <ul class="typedefs itemMembers">
1223             
1224             </ul>
1225             <ul class="methods itemMembers">
1226             
1227             <span class="subtitle">Methods</span>
1228             
1229                 <li data-name="LuCI.form.MultiValue#append"><a href="LuCI.form.MultiValue.html#append">append</a></li>
1230             
1231                 <li data-name="LuCI.form.MultiValue#cbid"><a href="LuCI.form.MultiValue.html#cbid">cbid</a></li>
1232             
1233                 <li data-name="LuCI.form.MultiValue#cfgvalue"><a href="LuCI.form.MultiValue.html#cfgvalue">cfgvalue</a></li>
1234             
1235                 <li data-name="LuCI.form.MultiValue#depends"><a href="LuCI.form.MultiValue.html#depends">depends</a></li>
1236             
1237                 <li data-name="LuCI.form.MultiValue#formvalue"><a href="LuCI.form.MultiValue.html#formvalue">formvalue</a></li>
1238             
1239                 <li data-name="LuCI.form.MultiValue#getUIElement"><a href="LuCI.form.MultiValue.html#getUIElement">getUIElement</a></li>
1240             
1241                 <li data-name="LuCI.form.MultiValue#isActive"><a href="LuCI.form.MultiValue.html#isActive">isActive</a></li>
1242             
1243                 <li data-name="LuCI.form.MultiValue#isValid"><a href="LuCI.form.MultiValue.html#isValid">isValid</a></li>
1244             
1245                 <li data-name="LuCI.form.MultiValue#load"><a href="LuCI.form.MultiValue.html#load">load</a></li>
1246             
1247                 <li data-name="LuCI.form.MultiValue#parse"><a href="LuCI.form.MultiValue.html#parse">parse</a></li>
1248             
1249                 <li data-name="LuCI.form.MultiValue#remove"><a href="LuCI.form.MultiValue.html#remove">remove</a></li>
1250             
1251                 <li data-name="LuCI.form.MultiValue#stripTags"><a href="LuCI.form.MultiValue.html#stripTags">stripTags</a></li>
1252             
1253                 <li data-name="LuCI.form.MultiValue#textvalue"><a href="LuCI.form.MultiValue.html#textvalue">textvalue</a></li>
1254             
1255                 <li data-name="LuCI.form.MultiValue#titleFn"><a href="LuCI.form.MultiValue.html#titleFn">titleFn</a></li>
1256             
1257                 <li data-name="LuCI.form.MultiValue#value"><a href="LuCI.form.MultiValue.html#value">value</a></li>
1258             
1259                 <li data-name="LuCI.form.MultiValue#write"><a href="LuCI.form.MultiValue.html#write">write</a></li>
1260             
1261             </ul>
1262             <ul class="events itemMembers">
1263             
1264             </ul>
1265         </li>
1266     
1267         <li class="item" data-name="LuCI.form.NamedSection">
1268             <span class="title">
1269                 <a href="LuCI.form.NamedSection.html">LuCI.form.NamedSection</a>
1270                 
1271             </span>
1272             <ul class="members itemMembers">
1273             
1274             <span class="subtitle">Members</span>
1275             
1276                 <li data-name="LuCI.form.NamedSection##addremove"><a href="LuCI.form.NamedSection.html#addremove">addremove</a></li>
1277             
1278                 <li data-name="LuCI.form.NamedSection##uciconfig"><a href="LuCI.form.NamedSection.html#uciconfig">uciconfig</a></li>
1279             
1280                 <li data-name="LuCI.form.NamedSection#parentoption"><a href="LuCI.form.NamedSection.html#parentoption">parentoption</a></li>
1281             
1282             </ul>
1283             <ul class="typedefs itemMembers">
1284             
1285             </ul>
1286             <ul class="typedefs itemMembers">
1287             
1288             </ul>
1289             <ul class="methods itemMembers">
1290             
1291             <span class="subtitle">Methods</span>
1292             
1293                 <li data-name="LuCI.form.NamedSection#append"><a href="LuCI.form.NamedSection.html#append">append</a></li>
1294             
1295                 <li data-name="LuCI.form.NamedSection#cfgsections"><a href="LuCI.form.NamedSection.html#cfgsections">cfgsections</a></li>
1296             
1297                 <li data-name="LuCI.form.NamedSection#filter"><a href="LuCI.form.NamedSection.html#filter">filter</a></li>
1298             
1299                 <li data-name="LuCI.form.NamedSection#load"><a href="LuCI.form.NamedSection.html#load">load</a></li>
1300             
1301                 <li data-name="LuCI.form.NamedSection#option"><a href="LuCI.form.NamedSection.html#option">option</a></li>
1302             
1303                 <li data-name="LuCI.form.NamedSection#parse"><a href="LuCI.form.NamedSection.html#parse">parse</a></li>
1304             
1305                 <li data-name="LuCI.form.NamedSection#render"><a href="LuCI.form.NamedSection.html#render">render</a></li>
1306             
1307                 <li data-name="LuCI.form.NamedSection#stripTags"><a href="LuCI.form.NamedSection.html#stripTags">stripTags</a></li>
1308             
1309                 <li data-name="LuCI.form.NamedSection#tab"><a href="LuCI.form.NamedSection.html#tab">tab</a></li>
1310             
1311                 <li data-name="LuCI.form.NamedSection#taboption"><a href="LuCI.form.NamedSection.html#taboption">taboption</a></li>
1312             
1313                 <li data-name="LuCI.form.NamedSection#titleFn"><a href="LuCI.form.NamedSection.html#titleFn">titleFn</a></li>
1314             
1315             </ul>
1316             <ul class="events itemMembers">
1317             
1318             </ul>
1319         </li>
1320     
1321         <li class="item" data-name="LuCI.form.SectionValue">
1322             <span class="title">
1323                 <a href="LuCI.form.SectionValue.html">LuCI.form.SectionValue</a>
1324                 
1325             </span>
1326             <ul class="members itemMembers">
1327             
1328             <span class="subtitle">Members</span>
1329             
1330                 <li data-name="LuCI.form.SectionValue##subsection"><a href="LuCI.form.SectionValue.html#subsection">subsection</a></li>
1331             
1332                 <li data-name="LuCI.form.SectionValue#datatype"><a href="LuCI.form.SectionValue.html#datatype">datatype</a></li>
1333             
1334                 <li data-name="LuCI.form.SectionValue#default"><a href="LuCI.form.SectionValue.html#default">default</a></li>
1335             
1336                 <li data-name="LuCI.form.SectionValue#editable"><a href="LuCI.form.SectionValue.html#editable">editable</a></li>
1337             
1338                 <li data-name="LuCI.form.SectionValue#modalonly"><a href="LuCI.form.SectionValue.html#modalonly">modalonly</a></li>
1339             
1340                 <li data-name="LuCI.form.SectionValue#optional"><a href="LuCI.form.SectionValue.html#optional">optional</a></li>
1341             
1342                 <li data-name="LuCI.form.SectionValue#password"><a href="LuCI.form.SectionValue.html#password">password</a></li>
1343             
1344                 <li data-name="LuCI.form.SectionValue#placeholder"><a href="LuCI.form.SectionValue.html#placeholder">placeholder</a></li>
1345             
1346                 <li data-name="LuCI.form.SectionValue#rmempty"><a href="LuCI.form.SectionValue.html#rmempty">rmempty</a></li>
1347             
1348                 <li data-name="LuCI.form.SectionValue#uciconfig"><a href="LuCI.form.SectionValue.html#uciconfig">uciconfig</a></li>
1349             
1350                 <li data-name="LuCI.form.SectionValue#ucioption"><a href="LuCI.form.SectionValue.html#ucioption">ucioption</a></li>
1351             
1352                 <li data-name="LuCI.form.SectionValue#ucisection"><a href="LuCI.form.SectionValue.html#ucisection">ucisection</a></li>
1353             
1354                 <li data-name="LuCI.form.SectionValue#validate"><a href="LuCI.form.SectionValue.html#validate">validate</a></li>
1355             
1356                 <li data-name="LuCI.form.SectionValue#width"><a href="LuCI.form.SectionValue.html#width">width</a></li>
1357             
1358             </ul>
1359             <ul class="typedefs itemMembers">
1360             
1361             </ul>
1362             <ul class="typedefs itemMembers">
1363             
1364             </ul>
1365             <ul class="methods itemMembers">
1366             
1367             <span class="subtitle">Methods</span>
1368             
1369                 <li data-name="LuCI.form.SectionValue#append"><a href="LuCI.form.SectionValue.html#append">append</a></li>
1370             
1371                 <li data-name="LuCI.form.SectionValue#cbid"><a href="LuCI.form.SectionValue.html#cbid">cbid</a></li>
1372             
1373                 <li data-name="LuCI.form.SectionValue#cfgvalue"><a href="LuCI.form.SectionValue.html#cfgvalue">cfgvalue</a></li>
1374             
1375                 <li data-name="LuCI.form.SectionValue#depends"><a href="LuCI.form.SectionValue.html#depends">depends</a></li>
1376             
1377                 <li data-name="LuCI.form.SectionValue#formvalue"><a href="LuCI.form.SectionValue.html#formvalue">formvalue</a></li>
1378             
1379                 <li data-name="LuCI.form.SectionValue#getUIElement"><a href="LuCI.form.SectionValue.html#getUIElement">getUIElement</a></li>
1380             
1381                 <li data-name="LuCI.form.SectionValue#isActive"><a href="LuCI.form.SectionValue.html#isActive">isActive</a></li>
1382             
1383                 <li data-name="LuCI.form.SectionValue#isValid"><a href="LuCI.form.SectionValue.html#isValid">isValid</a></li>
1384             
1385                 <li data-name="LuCI.form.SectionValue#load"><a href="LuCI.form.SectionValue.html#load">load</a></li>
1386             
1387                 <li data-name="LuCI.form.SectionValue#parse"><a href="LuCI.form.SectionValue.html#parse">parse</a></li>
1388             
1389                 <li data-name="LuCI.form.SectionValue#remove"><a href="LuCI.form.SectionValue.html#remove">remove</a></li>
1390             
1391                 <li data-name="LuCI.form.SectionValue#stripTags"><a href="LuCI.form.SectionValue.html#stripTags">stripTags</a></li>
1392             
1393                 <li data-name="LuCI.form.SectionValue#textvalue"><a href="LuCI.form.SectionValue.html#textvalue">textvalue</a></li>
1394             
1395                 <li data-name="LuCI.form.SectionValue#titleFn"><a href="LuCI.form.SectionValue.html#titleFn">titleFn</a></li>
1396             
1397                 <li data-name="LuCI.form.SectionValue#value"><a href="LuCI.form.SectionValue.html#value">value</a></li>
1398             
1399                 <li data-name="LuCI.form.SectionValue#write"><a href="LuCI.form.SectionValue.html#write">write</a></li>
1400             
1401             </ul>
1402             <ul class="events itemMembers">
1403             
1404             </ul>
1405         </li>
1406     
1407         <li class="item" data-name="LuCI.form.TableSection">
1408             <span class="title">
1409                 <a href="LuCI.form.TableSection.html">LuCI.form.TableSection</a>
1410                 
1411             </span>
1412             <ul class="members itemMembers">
1413             
1414             <span class="subtitle">Members</span>
1415             
1416                 <li data-name="LuCI.form.TableSection##addbtntitle"><a href="LuCI.form.TableSection.html#addbtntitle">addbtntitle</a></li>
1417             
1418                 <li data-name="LuCI.form.TableSection##addremove"><a href="LuCI.form.TableSection.html#addremove">addremove</a></li>
1419             
1420                 <li data-name="LuCI.form.TableSection##anonymous"><a href="LuCI.form.TableSection.html#anonymous">anonymous</a></li>
1421             
1422                 <li data-name="LuCI.form.TableSection##extedit"><a href="LuCI.form.TableSection.html#extedit">extedit</a></li>
1423             
1424                 <li data-name="LuCI.form.TableSection##max_cols"><a href="LuCI.form.TableSection.html#max_cols">max_cols</a></li>
1425             
1426                 <li data-name="LuCI.form.TableSection##modaltitle"><a href="LuCI.form.TableSection.html#modaltitle">modaltitle</a></li>
1427             
1428                 <li data-name="LuCI.form.TableSection##rowcolors"><a href="LuCI.form.TableSection.html#rowcolors">rowcolors</a></li>
1429             
1430                 <li data-name="LuCI.form.TableSection##sectiontitle"><a href="LuCI.form.TableSection.html#sectiontitle">sectiontitle</a></li>
1431             
1432                 <li data-name="LuCI.form.TableSection##sortable"><a href="LuCI.form.TableSection.html#sortable">sortable</a></li>
1433             
1434                 <li data-name="LuCI.form.TableSection##uciconfig"><a href="LuCI.form.TableSection.html#uciconfig">uciconfig</a></li>
1435             
1436                 <li data-name="LuCI.form.TableSection#addbtntitle"><a href="LuCI.form.TableSection.html#addbtntitle">addbtntitle</a></li>
1437             
1438                 <li data-name="LuCI.form.TableSection#addremove"><a href="LuCI.form.TableSection.html#addremove">addremove</a></li>
1439             
1440                 <li data-name="LuCI.form.TableSection#anonymous"><a href="LuCI.form.TableSection.html#anonymous">anonymous</a></li>
1441             
1442                 <li data-name="LuCI.form.TableSection#parentoption"><a href="LuCI.form.TableSection.html#parentoption">parentoption</a></li>
1443             
1444                 <li data-name="LuCI.form.TableSection#tabbed"><a href="LuCI.form.TableSection.html#tabbed">tabbed</a></li>
1445             
1446                 <li data-name="LuCI.form.TableSection#uciconfig"><a href="LuCI.form.TableSection.html#uciconfig">uciconfig</a></li>
1447             
1448             </ul>
1449             <ul class="typedefs itemMembers">
1450             
1451             </ul>
1452             <ul class="typedefs itemMembers">
1453             
1454             </ul>
1455             <ul class="methods itemMembers">
1456             
1457             <span class="subtitle">Methods</span>
1458             
1459                 <li data-name="LuCI.form.TableSection#addModalOptions"><a href="LuCI.form.TableSection.html#addModalOptions">addModalOptions</a></li>
1460             
1461                 <li data-name="LuCI.form.TableSection#append"><a href="LuCI.form.TableSection.html#append">append</a></li>
1462             
1463                 <li data-name="LuCI.form.TableSection#filter"><a href="LuCI.form.TableSection.html#filter">filter</a></li>
1464             
1465                 <li data-name="LuCI.form.TableSection#load"><a href="LuCI.form.TableSection.html#load">load</a></li>
1466             
1467                 <li data-name="LuCI.form.TableSection#option"><a href="LuCI.form.TableSection.html#option">option</a></li>
1468             
1469                 <li data-name="LuCI.form.TableSection#parse"><a href="LuCI.form.TableSection.html#parse">parse</a></li>
1470             
1471                 <li data-name="LuCI.form.TableSection#stripTags"><a href="LuCI.form.TableSection.html#stripTags">stripTags</a></li>
1472             
1473                 <li data-name="LuCI.form.TableSection#tab"><a href="LuCI.form.TableSection.html#tab">tab</a></li>
1474             
1475                 <li data-name="LuCI.form.TableSection#taboption"><a href="LuCI.form.TableSection.html#taboption">taboption</a></li>
1476             
1477                 <li data-name="LuCI.form.TableSection#titleFn"><a href="LuCI.form.TableSection.html#titleFn">titleFn</a></li>
1478             
1479             </ul>
1480             <ul class="events itemMembers">
1481             
1482             </ul>
1483         </li>
1484     
1485         <li class="item" data-name="LuCI.form.TextValue">
1486             <span class="title">
1487                 <a href="LuCI.form.TextValue.html">LuCI.form.TextValue</a>
1488                 
1489             </span>
1490             <ul class="members itemMembers">
1491             
1492             <span class="subtitle">Members</span>
1493             
1494                 <li data-name="LuCI.form.TextValue##cols"><a href="LuCI.form.TextValue.html#cols">cols</a></li>
1495             
1496                 <li data-name="LuCI.form.TextValue##monospace"><a href="LuCI.form.TextValue.html#monospace">monospace</a></li>
1497             
1498                 <li data-name="LuCI.form.TextValue##rows"><a href="LuCI.form.TextValue.html#rows">rows</a></li>
1499             
1500                 <li data-name="LuCI.form.TextValue##wrap"><a href="LuCI.form.TextValue.html#wrap">wrap</a></li>
1501             
1502                 <li data-name="LuCI.form.TextValue#datatype"><a href="LuCI.form.TextValue.html#datatype">datatype</a></li>
1503             
1504                 <li data-name="LuCI.form.TextValue#default"><a href="LuCI.form.TextValue.html#default">default</a></li>
1505             
1506                 <li data-name="LuCI.form.TextValue#editable"><a href="LuCI.form.TextValue.html#editable">editable</a></li>
1507             
1508                 <li data-name="LuCI.form.TextValue#modalonly"><a href="LuCI.form.TextValue.html#modalonly">modalonly</a></li>
1509             
1510                 <li data-name="LuCI.form.TextValue#optional"><a href="LuCI.form.TextValue.html#optional">optional</a></li>
1511             
1512                 <li data-name="LuCI.form.TextValue#password"><a href="LuCI.form.TextValue.html#password">password</a></li>
1513             
1514                 <li data-name="LuCI.form.TextValue#placeholder"><a href="LuCI.form.TextValue.html#placeholder">placeholder</a></li>
1515             
1516                 <li data-name="LuCI.form.TextValue#rmempty"><a href="LuCI.form.TextValue.html#rmempty">rmempty</a></li>
1517             
1518                 <li data-name="LuCI.form.TextValue#uciconfig"><a href="LuCI.form.TextValue.html#uciconfig">uciconfig</a></li>
1519             
1520                 <li data-name="LuCI.form.TextValue#ucioption"><a href="LuCI.form.TextValue.html#ucioption">ucioption</a></li>
1521             
1522                 <li data-name="LuCI.form.TextValue#ucisection"><a href="LuCI.form.TextValue.html#ucisection">ucisection</a></li>
1523             
1524                 <li data-name="LuCI.form.TextValue#validate"><a href="LuCI.form.TextValue.html#validate">validate</a></li>
1525             
1526                 <li data-name="LuCI.form.TextValue#width"><a href="LuCI.form.TextValue.html#width">width</a></li>
1527             
1528             </ul>
1529             <ul class="typedefs itemMembers">
1530             
1531             </ul>
1532             <ul class="typedefs itemMembers">
1533             
1534             </ul>
1535             <ul class="methods itemMembers">
1536             
1537             <span class="subtitle">Methods</span>
1538             
1539                 <li data-name="LuCI.form.TextValue#append"><a href="LuCI.form.TextValue.html#append">append</a></li>
1540             
1541                 <li data-name="LuCI.form.TextValue#cbid"><a href="LuCI.form.TextValue.html#cbid">cbid</a></li>
1542             
1543                 <li data-name="LuCI.form.TextValue#cfgvalue"><a href="LuCI.form.TextValue.html#cfgvalue">cfgvalue</a></li>
1544             
1545                 <li data-name="LuCI.form.TextValue#depends"><a href="LuCI.form.TextValue.html#depends">depends</a></li>
1546             
1547                 <li data-name="LuCI.form.TextValue#formvalue"><a href="LuCI.form.TextValue.html#formvalue">formvalue</a></li>
1548             
1549                 <li data-name="LuCI.form.TextValue#getUIElement"><a href="LuCI.form.TextValue.html#getUIElement">getUIElement</a></li>
1550             
1551                 <li data-name="LuCI.form.TextValue#isActive"><a href="LuCI.form.TextValue.html#isActive">isActive</a></li>
1552             
1553                 <li data-name="LuCI.form.TextValue#isValid"><a href="LuCI.form.TextValue.html#isValid">isValid</a></li>
1554             
1555                 <li data-name="LuCI.form.TextValue#load"><a href="LuCI.form.TextValue.html#load">load</a></li>
1556             
1557                 <li data-name="LuCI.form.TextValue#parse"><a href="LuCI.form.TextValue.html#parse">parse</a></li>
1558             
1559                 <li data-name="LuCI.form.TextValue#remove"><a href="LuCI.form.TextValue.html#remove">remove</a></li>
1560             
1561                 <li data-name="LuCI.form.TextValue#stripTags"><a href="LuCI.form.TextValue.html#stripTags">stripTags</a></li>
1562             
1563                 <li data-name="LuCI.form.TextValue#textvalue"><a href="LuCI.form.TextValue.html#textvalue">textvalue</a></li>
1564             
1565                 <li data-name="LuCI.form.TextValue#titleFn"><a href="LuCI.form.TextValue.html#titleFn">titleFn</a></li>
1566             
1567                 <li data-name="LuCI.form.TextValue#write"><a href="LuCI.form.TextValue.html#write">write</a></li>
1568             
1569             </ul>
1570             <ul class="events itemMembers">
1571             
1572             </ul>
1573         </li>
1574     
1575         <li class="item" data-name="LuCI.form.TypedSection">
1576             <span class="title">
1577                 <a href="LuCI.form.TypedSection.html">LuCI.form.TypedSection</a>
1578                 
1579             </span>
1580             <ul class="members itemMembers">
1581             
1582             <span class="subtitle">Members</span>
1583             
1584                 <li data-name="LuCI.form.TypedSection##addbtntitle"><a href="LuCI.form.TypedSection.html#addbtntitle">addbtntitle</a></li>
1585             
1586                 <li data-name="LuCI.form.TypedSection##addremove"><a href="LuCI.form.TypedSection.html#addremove">addremove</a></li>
1587             
1588                 <li data-name="LuCI.form.TypedSection##anonymous"><a href="LuCI.form.TypedSection.html#anonymous">anonymous</a></li>
1589             
1590                 <li data-name="LuCI.form.TypedSection##tabbed"><a href="LuCI.form.TypedSection.html#tabbed">tabbed</a></li>
1591             
1592                 <li data-name="LuCI.form.TypedSection##uciconfig"><a href="LuCI.form.TypedSection.html#uciconfig">uciconfig</a></li>
1593             
1594                 <li data-name="LuCI.form.TypedSection#parentoption"><a href="LuCI.form.TypedSection.html#parentoption">parentoption</a></li>
1595             
1596             </ul>
1597             <ul class="typedefs itemMembers">
1598             
1599             </ul>
1600             <ul class="typedefs itemMembers">
1601             
1602             </ul>
1603             <ul class="methods itemMembers">
1604             
1605             <span class="subtitle">Methods</span>
1606             
1607                 <li data-name="LuCI.form.TypedSection#append"><a href="LuCI.form.TypedSection.html#append">append</a></li>
1608             
1609                 <li data-name="LuCI.form.TypedSection#cfgsections"><a href="LuCI.form.TypedSection.html#cfgsections">cfgsections</a></li>
1610             
1611                 <li data-name="LuCI.form.TypedSection#filter"><a href="LuCI.form.TypedSection.html#filter">filter</a></li>
1612             
1613                 <li data-name="LuCI.form.TypedSection#load"><a href="LuCI.form.TypedSection.html#load">load</a></li>
1614             
1615                 <li data-name="LuCI.form.TypedSection#option"><a href="LuCI.form.TypedSection.html#option">option</a></li>
1616             
1617                 <li data-name="LuCI.form.TypedSection#parse"><a href="LuCI.form.TypedSection.html#parse">parse</a></li>
1618             
1619                 <li data-name="LuCI.form.TypedSection#render"><a href="LuCI.form.TypedSection.html#render">render</a></li>
1620             
1621                 <li data-name="LuCI.form.TypedSection#stripTags"><a href="LuCI.form.TypedSection.html#stripTags">stripTags</a></li>
1622             
1623                 <li data-name="LuCI.form.TypedSection#tab"><a href="LuCI.form.TypedSection.html#tab">tab</a></li>
1624             
1625                 <li data-name="LuCI.form.TypedSection#taboption"><a href="LuCI.form.TypedSection.html#taboption">taboption</a></li>
1626             
1627                 <li data-name="LuCI.form.TypedSection#titleFn"><a href="LuCI.form.TypedSection.html#titleFn">titleFn</a></li>
1628             
1629             </ul>
1630             <ul class="events itemMembers">
1631             
1632             </ul>
1633         </li>
1634     
1635         <li class="item" data-name="LuCI.form.Value">
1636             <span class="title">
1637                 <a href="LuCI.form.Value.html">LuCI.form.Value</a>
1638                 
1639             </span>
1640             <ul class="members itemMembers">
1641             
1642             <span class="subtitle">Members</span>
1643             
1644                 <li data-name="LuCI.form.Value##password"><a href="LuCI.form.Value.html#password">password</a></li>
1645             
1646                 <li data-name="LuCI.form.Value##placeholder"><a href="LuCI.form.Value.html#placeholder">placeholder</a></li>
1647             
1648                 <li data-name="LuCI.form.Value#datatype"><a href="LuCI.form.Value.html#datatype">datatype</a></li>
1649             
1650                 <li data-name="LuCI.form.Value#default"><a href="LuCI.form.Value.html#default">default</a></li>
1651             
1652                 <li data-name="LuCI.form.Value#editable"><a href="LuCI.form.Value.html#editable">editable</a></li>
1653             
1654                 <li data-name="LuCI.form.Value#modalonly"><a href="LuCI.form.Value.html#modalonly">modalonly</a></li>
1655             
1656                 <li data-name="LuCI.form.Value#optional"><a href="LuCI.form.Value.html#optional">optional</a></li>
1657             
1658                 <li data-name="LuCI.form.Value#rmempty"><a href="LuCI.form.Value.html#rmempty">rmempty</a></li>
1659             
1660                 <li data-name="LuCI.form.Value#uciconfig"><a href="LuCI.form.Value.html#uciconfig">uciconfig</a></li>
1661             
1662                 <li data-name="LuCI.form.Value#ucioption"><a href="LuCI.form.Value.html#ucioption">ucioption</a></li>
1663             
1664                 <li data-name="LuCI.form.Value#ucisection"><a href="LuCI.form.Value.html#ucisection">ucisection</a></li>
1665             
1666                 <li data-name="LuCI.form.Value#validate"><a href="LuCI.form.Value.html#validate">validate</a></li>
1667             
1668                 <li data-name="LuCI.form.Value#width"><a href="LuCI.form.Value.html#width">width</a></li>
1669             
1670             </ul>
1671             <ul class="typedefs itemMembers">
1672             
1673             </ul>
1674             <ul class="typedefs itemMembers">
1675             
1676             </ul>
1677             <ul class="methods itemMembers">
1678             
1679             <span class="subtitle">Methods</span>
1680             
1681                 <li data-name="LuCI.form.Value#append"><a href="LuCI.form.Value.html#append">append</a></li>
1682             
1683                 <li data-name="LuCI.form.Value#cbid"><a href="LuCI.form.Value.html#cbid">cbid</a></li>
1684             
1685                 <li data-name="LuCI.form.Value#cfgvalue"><a href="LuCI.form.Value.html#cfgvalue">cfgvalue</a></li>
1686             
1687                 <li data-name="LuCI.form.Value#depends"><a href="LuCI.form.Value.html#depends">depends</a></li>
1688             
1689                 <li data-name="LuCI.form.Value#formvalue"><a href="LuCI.form.Value.html#formvalue">formvalue</a></li>
1690             
1691                 <li data-name="LuCI.form.Value#getUIElement"><a href="LuCI.form.Value.html#getUIElement">getUIElement</a></li>
1692             
1693                 <li data-name="LuCI.form.Value#isActive"><a href="LuCI.form.Value.html#isActive">isActive</a></li>
1694             
1695                 <li data-name="LuCI.form.Value#isValid"><a href="LuCI.form.Value.html#isValid">isValid</a></li>
1696             
1697                 <li data-name="LuCI.form.Value#load"><a href="LuCI.form.Value.html#load">load</a></li>
1698             
1699                 <li data-name="LuCI.form.Value#parse"><a href="LuCI.form.Value.html#parse">parse</a></li>
1700             
1701                 <li data-name="LuCI.form.Value#remove"><a href="LuCI.form.Value.html#remove">remove</a></li>
1702             
1703                 <li data-name="LuCI.form.Value#render"><a href="LuCI.form.Value.html#render">render</a></li>
1704             
1705                 <li data-name="LuCI.form.Value#stripTags"><a href="LuCI.form.Value.html#stripTags">stripTags</a></li>
1706             
1707                 <li data-name="LuCI.form.Value#textvalue"><a href="LuCI.form.Value.html#textvalue">textvalue</a></li>
1708             
1709                 <li data-name="LuCI.form.Value#titleFn"><a href="LuCI.form.Value.html#titleFn">titleFn</a></li>
1710             
1711                 <li data-name="LuCI.form.Value#value"><a href="LuCI.form.Value.html#value">value</a></li>
1712             
1713                 <li data-name="LuCI.form.Value#write"><a href="LuCI.form.Value.html#write">write</a></li>
1714             
1715             </ul>
1716             <ul class="events itemMembers">
1717             
1718             </ul>
1719         </li>
1720     
1721         <li class="item" data-name="LuCI.fs">
1722             <span class="title">
1723                 <a href="LuCI.fs.html">LuCI.fs</a>
1724                 
1725             </span>
1726             <ul class="members itemMembers">
1727             
1728             </ul>
1729             <ul class="typedefs itemMembers">
1730             
1731             <span class="subtitle">Typedefs</span>
1732             
1733                 <li data-name="LuCI.fs.FileExecResult"><a href="LuCI.fs.html#.FileExecResult">FileExecResult</a></li>
1734             
1735                 <li data-name="LuCI.fs.FileStatEntry"><a href="LuCI.fs.html#.FileStatEntry">FileStatEntry</a></li>
1736             
1737             </ul>
1738             <ul class="typedefs itemMembers">
1739             
1740             </ul>
1741             <ul class="methods itemMembers">
1742             
1743             <span class="subtitle">Methods</span>
1744             
1745                 <li data-name="LuCI.fs#exec"><a href="LuCI.fs.html#exec">exec</a></li>
1746             
1747                 <li data-name="LuCI.fs#exec_direct"><a href="LuCI.fs.html#exec_direct">exec_direct</a></li>
1748             
1749                 <li data-name="LuCI.fs#lines"><a href="LuCI.fs.html#lines">lines</a></li>
1750             
1751                 <li data-name="LuCI.fs#list"><a href="LuCI.fs.html#list">list</a></li>
1752             
1753                 <li data-name="LuCI.fs#read"><a href="LuCI.fs.html#read">read</a></li>
1754             
1755                 <li data-name="LuCI.fs#read_direct"><a href="LuCI.fs.html#read_direct">read_direct</a></li>
1756             
1757                 <li data-name="LuCI.fs#remove"><a href="LuCI.fs.html#remove">remove</a></li>
1758             
1759                 <li data-name="LuCI.fs#stat"><a href="LuCI.fs.html#stat">stat</a></li>
1760             
1761                 <li data-name="LuCI.fs#trimmed"><a href="LuCI.fs.html#trimmed">trimmed</a></li>
1762             
1763                 <li data-name="LuCI.fs#write"><a href="LuCI.fs.html#write">write</a></li>
1764             
1765             </ul>
1766             <ul class="events itemMembers">
1767             
1768             </ul>
1769         </li>
1770     
1771         <li class="item" data-name="LuCI.headers">
1772             <span class="title">
1773                 <a href="LuCI.headers.html">LuCI.headers</a>
1774                 
1775             </span>
1776             <ul class="members itemMembers">
1777             
1778             </ul>
1779             <ul class="typedefs itemMembers">
1780             
1781             </ul>
1782             <ul class="typedefs itemMembers">
1783             
1784             </ul>
1785             <ul class="methods itemMembers">
1786             
1787             <span class="subtitle">Methods</span>
1788             
1789                 <li data-name="LuCI.headers#get"><a href="LuCI.headers.html#get">get</a></li>
1790             
1791                 <li data-name="LuCI.headers#has"><a href="LuCI.headers.html#has">has</a></li>
1792             
1793             </ul>
1794             <ul class="events itemMembers">
1795             
1796             </ul>
1797         </li>
1798     
1799         <li class="item" data-name="LuCI.network">
1800             <span class="title">
1801                 <a href="LuCI.network.html">LuCI.network</a>
1802                 
1803             </span>
1804             <ul class="members itemMembers">
1805             
1806             </ul>
1807             <ul class="typedefs itemMembers">
1808             
1809             <span class="subtitle">Typedefs</span>
1810             
1811                 <li data-name="LuCI.network.SwitchTopology"><a href="LuCI.network.html#.SwitchTopology">SwitchTopology</a></li>
1812             
1813                 <li data-name="LuCI.network.WifiEncryption"><a href="LuCI.network.html#.WifiEncryption">WifiEncryption</a></li>
1814             
1815                 <li data-name="LuCI.network.WifiPeerEntry"><a href="LuCI.network.html#.WifiPeerEntry">WifiPeerEntry</a></li>
1816             
1817                 <li data-name="LuCI.network.WifiRateEntry"><a href="LuCI.network.html#.WifiRateEntry">WifiRateEntry</a></li>
1818             
1819                 <li data-name="LuCI.network.WifiScanResult"><a href="LuCI.network.html#.WifiScanResult">WifiScanResult</a></li>
1820             
1821             </ul>
1822             <ul class="typedefs itemMembers">
1823             
1824             </ul>
1825             <ul class="methods itemMembers">
1826             
1827             <span class="subtitle">Methods</span>
1828             
1829                 <li data-name="LuCI.network#addNetwork"><a href="LuCI.network.html#addNetwork">addNetwork</a></li>
1830             
1831                 <li data-name="LuCI.network#addWifiNetwork"><a href="LuCI.network.html#addWifiNetwork">addWifiNetwork</a></li>
1832             
1833                 <li data-name="LuCI.network#deleteNetwork"><a href="LuCI.network.html#deleteNetwork">deleteNetwork</a></li>
1834             
1835                 <li data-name="LuCI.network#deleteWifiNetwork"><a href="LuCI.network.html#deleteWifiNetwork">deleteWifiNetwork</a></li>
1836             
1837                 <li data-name="LuCI.network#flushCache"><a href="LuCI.network.html#flushCache">flushCache</a></li>
1838             
1839                 <li data-name="LuCI.network#formatWifiEncryption"><a href="LuCI.network.html#formatWifiEncryption">formatWifiEncryption</a></li>
1840             
1841                 <li data-name="LuCI.network#getDevice"><a href="LuCI.network.html#getDevice">getDevice</a></li>
1842             
1843                 <li data-name="LuCI.network#getDevices"><a href="LuCI.network.html#getDevices">getDevices</a></li>
1844             
1845                 <li data-name="LuCI.network#getDSLModemType"><a href="LuCI.network.html#getDSLModemType">getDSLModemType</a></li>
1846             
1847                 <li data-name="LuCI.network#getHostHints"><a href="LuCI.network.html#getHostHints">getHostHints</a></li>
1848             
1849                 <li data-name="LuCI.network#getIfnameOf"><a href="LuCI.network.html#getIfnameOf">getIfnameOf</a></li>
1850             
1851                 <li data-name="LuCI.network#getNetwork"><a href="LuCI.network.html#getNetwork">getNetwork</a></li>
1852             
1853                 <li data-name="LuCI.network#getNetworks"><a href="LuCI.network.html#getNetworks">getNetworks</a></li>
1854             
1855                 <li data-name="LuCI.network#getProtocol"><a href="LuCI.network.html#getProtocol">getProtocol</a></li>
1856             
1857                 <li data-name="LuCI.network#getProtocols"><a href="LuCI.network.html#getProtocols">getProtocols</a></li>
1858             
1859                 <li data-name="LuCI.network#getSwitchTopologies"><a href="LuCI.network.html#getSwitchTopologies">getSwitchTopologies</a></li>
1860             
1861                 <li data-name="LuCI.network#getWAN6Networks"><a href="LuCI.network.html#getWAN6Networks">getWAN6Networks</a></li>
1862             
1863                 <li data-name="LuCI.network#getWANNetworks"><a href="LuCI.network.html#getWANNetworks">getWANNetworks</a></li>
1864             
1865                 <li data-name="LuCI.network#getWifiDevice"><a href="LuCI.network.html#getWifiDevice">getWifiDevice</a></li>
1866             
1867                 <li data-name="LuCI.network#getWifiDevices"><a href="LuCI.network.html#getWifiDevices">getWifiDevices</a></li>
1868             
1869                 <li data-name="LuCI.network#getWifiNetwork"><a href="LuCI.network.html#getWifiNetwork">getWifiNetwork</a></li>
1870             
1871                 <li data-name="LuCI.network#getWifiNetworks"><a href="LuCI.network.html#getWifiNetworks">getWifiNetworks</a></li>
1872             
1873                 <li data-name="LuCI.network#isIgnoredDevice"><a href="LuCI.network.html#isIgnoredDevice">isIgnoredDevice</a></li>
1874             
1875                 <li data-name="LuCI.network#maskToPrefix"><a href="LuCI.network.html#maskToPrefix">maskToPrefix</a></li>
1876             
1877                 <li data-name="LuCI.network#prefixToMask"><a href="LuCI.network.html#prefixToMask">prefixToMask</a></li>
1878             
1879                 <li data-name="LuCI.network#registerErrorCode"><a href="LuCI.network.html#registerErrorCode">registerErrorCode</a></li>
1880             
1881                 <li data-name="LuCI.network#registerPatternVirtual"><a href="LuCI.network.html#registerPatternVirtual">registerPatternVirtual</a></li>
1882             
1883                 <li data-name="LuCI.network#registerProtocol"><a href="LuCI.network.html#registerProtocol">registerProtocol</a></li>
1884             
1885                 <li data-name="LuCI.network#renameNetwork"><a href="LuCI.network.html#renameNetwork">renameNetwork</a></li>
1886             
1887             </ul>
1888             <ul class="events itemMembers">
1889             
1890             </ul>
1891         </li>
1892     
1893         <li class="item" data-name="LuCI.network.Device">
1894             <span class="title">
1895                 <a href="LuCI.network.Device.html">LuCI.network.Device</a>
1896                 
1897             </span>
1898             <ul class="members itemMembers">
1899             
1900             </ul>
1901             <ul class="typedefs itemMembers">
1902             
1903             </ul>
1904             <ul class="typedefs itemMembers">
1905             
1906             </ul>
1907             <ul class="methods itemMembers">
1908             
1909             <span class="subtitle">Methods</span>
1910             
1911                 <li data-name="LuCI.network.Device#getBridgeID"><a href="LuCI.network.Device.html#getBridgeID">getBridgeID</a></li>
1912             
1913                 <li data-name="LuCI.network.Device#getBridgeSTP"><a href="LuCI.network.Device.html#getBridgeSTP">getBridgeSTP</a></li>
1914             
1915                 <li data-name="LuCI.network.Device#getI18n"><a href="LuCI.network.Device.html#getI18n">getI18n</a></li>
1916             
1917                 <li data-name="LuCI.network.Device#getIP6Addrs"><a href="LuCI.network.Device.html#getIP6Addrs">getIP6Addrs</a></li>
1918             
1919                 <li data-name="LuCI.network.Device#getIPAddrs"><a href="LuCI.network.Device.html#getIPAddrs">getIPAddrs</a></li>
1920             
1921                 <li data-name="LuCI.network.Device#getMAC"><a href="LuCI.network.Device.html#getMAC">getMAC</a></li>
1922             
1923                 <li data-name="LuCI.network.Device#getMTU"><a href="LuCI.network.Device.html#getMTU">getMTU</a></li>
1924             
1925                 <li data-name="LuCI.network.Device#getName"><a href="LuCI.network.Device.html#getName">getName</a></li>
1926             
1927                 <li data-name="LuCI.network.Device#getNetwork"><a href="LuCI.network.Device.html#getNetwork">getNetwork</a></li>
1928             
1929                 <li data-name="LuCI.network.Device#getNetworks"><a href="LuCI.network.Device.html#getNetworks">getNetworks</a></li>
1930             
1931                 <li data-name="LuCI.network.Device#getPorts"><a href="LuCI.network.Device.html#getPorts">getPorts</a></li>
1932             
1933                 <li data-name="LuCI.network.Device#getRXBytes"><a href="LuCI.network.Device.html#getRXBytes">getRXBytes</a></li>
1934             
1935                 <li data-name="LuCI.network.Device#getRXPackets"><a href="LuCI.network.Device.html#getRXPackets">getRXPackets</a></li>
1936             
1937                 <li data-name="LuCI.network.Device#getShortName"><a href="LuCI.network.Device.html#getShortName">getShortName</a></li>
1938             
1939                 <li data-name="LuCI.network.Device#getTXBytes"><a href="LuCI.network.Device.html#getTXBytes">getTXBytes</a></li>
1940             
1941                 <li data-name="LuCI.network.Device#getTXPackets"><a href="LuCI.network.Device.html#getTXPackets">getTXPackets</a></li>
1942             
1943                 <li data-name="LuCI.network.Device#getType"><a href="LuCI.network.Device.html#getType">getType</a></li>
1944             
1945                 <li data-name="LuCI.network.Device#getTypeI18n"><a href="LuCI.network.Device.html#getTypeI18n">getTypeI18n</a></li>
1946             
1947                 <li data-name="LuCI.network.Device#getWifiNetwork"><a href="LuCI.network.Device.html#getWifiNetwork">getWifiNetwork</a></li>
1948             
1949                 <li data-name="LuCI.network.Device#isBridge"><a href="LuCI.network.Device.html#isBridge">isBridge</a></li>
1950             
1951                 <li data-name="LuCI.network.Device#isBridgePort"><a href="LuCI.network.Device.html#isBridgePort">isBridgePort</a></li>
1952             
1953                 <li data-name="LuCI.network.Device#isUp"><a href="LuCI.network.Device.html#isUp">isUp</a></li>
1954             
1955             </ul>
1956             <ul class="events itemMembers">
1957             
1958             </ul>
1959         </li>
1960     
1961         <li class="item" data-name="LuCI.network.Hosts">
1962             <span class="title">
1963                 <a href="LuCI.network.Hosts.html">LuCI.network.Hosts</a>
1964                 
1965             </span>
1966             <ul class="members itemMembers">
1967             
1968             </ul>
1969             <ul class="typedefs itemMembers">
1970             
1971             </ul>
1972             <ul class="typedefs itemMembers">
1973             
1974             </ul>
1975             <ul class="methods itemMembers">
1976             
1977             <span class="subtitle">Methods</span>
1978             
1979                 <li data-name="LuCI.network.Hosts#getHostnameByIP6Addr"><a href="LuCI.network.Hosts.html#getHostnameByIP6Addr">getHostnameByIP6Addr</a></li>
1980             
1981                 <li data-name="LuCI.network.Hosts#getHostnameByIPAddr"><a href="LuCI.network.Hosts.html#getHostnameByIPAddr">getHostnameByIPAddr</a></li>
1982             
1983                 <li data-name="LuCI.network.Hosts#getHostnameByMACAddr"><a href="LuCI.network.Hosts.html#getHostnameByMACAddr">getHostnameByMACAddr</a></li>
1984             
1985                 <li data-name="LuCI.network.Hosts#getIP6AddrByMACAddr"><a href="LuCI.network.Hosts.html#getIP6AddrByMACAddr">getIP6AddrByMACAddr</a></li>
1986             
1987                 <li data-name="LuCI.network.Hosts#getIPAddrByMACAddr"><a href="LuCI.network.Hosts.html#getIPAddrByMACAddr">getIPAddrByMACAddr</a></li>
1988             
1989                 <li data-name="LuCI.network.Hosts#getMACAddrByIP6Addr"><a href="LuCI.network.Hosts.html#getMACAddrByIP6Addr">getMACAddrByIP6Addr</a></li>
1990             
1991                 <li data-name="LuCI.network.Hosts#getMACAddrByIPAddr"><a href="LuCI.network.Hosts.html#getMACAddrByIPAddr">getMACAddrByIPAddr</a></li>
1992             
1993                 <li data-name="LuCI.network.Hosts#getMACHints"><a href="LuCI.network.Hosts.html#getMACHints">getMACHints</a></li>
1994             
1995             </ul>
1996             <ul class="events itemMembers">
1997             
1998             </ul>
1999         </li>
2000     
2001         <li class="item" data-name="LuCI.network.Protocol">
2002             <span class="title">
2003                 <a href="LuCI.network.Protocol.html">LuCI.network.Protocol</a>
2004                 
2005             </span>
2006             <ul class="members itemMembers">
2007             
2008             </ul>
2009             <ul class="typedefs itemMembers">
2010             
2011             </ul>
2012             <ul class="typedefs itemMembers">
2013             
2014             </ul>
2015             <ul class="methods itemMembers">
2016             
2017             <span class="subtitle">Methods</span>
2018             
2019                 <li data-name="LuCI.network.Protocol#addDevice"><a href="LuCI.network.Protocol.html#addDevice">addDevice</a></li>
2020             
2021                 <li data-name="LuCI.network.Protocol#containsDevice"><a href="LuCI.network.Protocol.html#containsDevice">containsDevice</a></li>
2022             
2023                 <li data-name="LuCI.network.Protocol#deleteConfiguration"><a href="LuCI.network.Protocol.html#deleteConfiguration">deleteConfiguration</a></li>
2024             
2025                 <li data-name="LuCI.network.Protocol#deleteDevice"><a href="LuCI.network.Protocol.html#deleteDevice">deleteDevice</a></li>
2026             
2027                 <li data-name="LuCI.network.Protocol#get"><a href="LuCI.network.Protocol.html#get">get</a></li>
2028             
2029                 <li data-name="LuCI.network.Protocol#getDevice"><a href="LuCI.network.Protocol.html#getDevice">getDevice</a></li>
2030             
2031                 <li data-name="LuCI.network.Protocol#getDevices"><a href="LuCI.network.Protocol.html#getDevices">getDevices</a></li>
2032             
2033                 <li data-name="LuCI.network.Protocol#getDNS6Addrs"><a href="LuCI.network.Protocol.html#getDNS6Addrs">getDNS6Addrs</a></li>
2034             
2035                 <li data-name="LuCI.network.Protocol#getDNSAddrs"><a href="LuCI.network.Protocol.html#getDNSAddrs">getDNSAddrs</a></li>
2036             
2037                 <li data-name="LuCI.network.Protocol#getErrors"><a href="LuCI.network.Protocol.html#getErrors">getErrors</a></li>
2038             
2039                 <li data-name="LuCI.network.Protocol#getExpiry"><a href="LuCI.network.Protocol.html#getExpiry">getExpiry</a></li>
2040             
2041                 <li data-name="LuCI.network.Protocol#getGateway6Addr"><a href="LuCI.network.Protocol.html#getGateway6Addr">getGateway6Addr</a></li>
2042             
2043                 <li data-name="LuCI.network.Protocol#getGatewayAddr"><a href="LuCI.network.Protocol.html#getGatewayAddr">getGatewayAddr</a></li>
2044             
2045                 <li data-name="LuCI.network.Protocol#getI18n"><a href="LuCI.network.Protocol.html#getI18n">getI18n</a></li>
2046             
2047                 <li data-name="LuCI.network.Protocol#getIfname"><a href="LuCI.network.Protocol.html#getIfname">getIfname</a></li>
2048             
2049                 <li data-name="LuCI.network.Protocol#getIP6Addr"><a href="LuCI.network.Protocol.html#getIP6Addr">getIP6Addr</a></li>
2050             
2051                 <li data-name="LuCI.network.Protocol#getIP6Addrs"><a href="LuCI.network.Protocol.html#getIP6Addrs">getIP6Addrs</a></li>
2052             
2053                 <li data-name="LuCI.network.Protocol#getIP6Prefix"><a href="LuCI.network.Protocol.html#getIP6Prefix">getIP6Prefix</a></li>
2054             
2055                 <li data-name="LuCI.network.Protocol#getIPAddr"><a href="LuCI.network.Protocol.html#getIPAddr">getIPAddr</a></li>
2056             
2057                 <li data-name="LuCI.network.Protocol#getIPAddrs"><a href="LuCI.network.Protocol.html#getIPAddrs">getIPAddrs</a></li>
2058             
2059                 <li data-name="LuCI.network.Protocol#getL2Device"><a href="LuCI.network.Protocol.html#getL2Device">getL2Device</a></li>
2060             
2061                 <li data-name="LuCI.network.Protocol#getL3Device"><a href="LuCI.network.Protocol.html#getL3Device">getL3Device</a></li>
2062             
2063                 <li data-name="LuCI.network.Protocol#getMetric"><a href="LuCI.network.Protocol.html#getMetric">getMetric</a></li>
2064             
2065                 <li data-name="LuCI.network.Protocol#getName"><a href="LuCI.network.Protocol.html#getName">getName</a></li>
2066             
2067                 <li data-name="LuCI.network.Protocol#getNetmask"><a href="LuCI.network.Protocol.html#getNetmask">getNetmask</a></li>
2068             
2069                 <li data-name="LuCI.network.Protocol#getOpkgPackage"><a href="LuCI.network.Protocol.html#getOpkgPackage">getOpkgPackage</a></li>
2070             
2071                 <li data-name="LuCI.network.Protocol#getProtocol"><a href="LuCI.network.Protocol.html#getProtocol">getProtocol</a></li>
2072             
2073                 <li data-name="LuCI.network.Protocol#getType"><a href="LuCI.network.Protocol.html#getType">getType</a></li>
2074             
2075                 <li data-name="LuCI.network.Protocol#getUptime"><a href="LuCI.network.Protocol.html#getUptime">getUptime</a></li>
2076             
2077                 <li data-name="LuCI.network.Protocol#getZoneName"><a href="LuCI.network.Protocol.html#getZoneName">getZoneName</a></li>
2078             
2079                 <li data-name="LuCI.network.Protocol#isAlias"><a href="LuCI.network.Protocol.html#isAlias">isAlias</a></li>
2080             
2081                 <li data-name="LuCI.network.Protocol#isBridge"><a href="LuCI.network.Protocol.html#isBridge">isBridge</a></li>
2082             
2083                 <li data-name="LuCI.network.Protocol#isCreateable"><a href="LuCI.network.Protocol.html#isCreateable">isCreateable</a></li>
2084             
2085                 <li data-name="LuCI.network.Protocol#isDynamic"><a href="LuCI.network.Protocol.html#isDynamic">isDynamic</a></li>
2086             
2087                 <li data-name="LuCI.network.Protocol#isEmpty"><a href="LuCI.network.Protocol.html#isEmpty">isEmpty</a></li>
2088             
2089                 <li data-name="LuCI.network.Protocol#isFloating"><a href="LuCI.network.Protocol.html#isFloating">isFloating</a></li>
2090             
2091                 <li data-name="LuCI.network.Protocol#isInstalled"><a href="LuCI.network.Protocol.html#isInstalled">isInstalled</a></li>
2092             
2093                 <li data-name="LuCI.network.Protocol#isUp"><a href="LuCI.network.Protocol.html#isUp">isUp</a></li>
2094             
2095                 <li data-name="LuCI.network.Protocol#isVirtual"><a href="LuCI.network.Protocol.html#isVirtual">isVirtual</a></li>
2096             
2097                 <li data-name="LuCI.network.Protocol#set"><a href="LuCI.network.Protocol.html#set">set</a></li>
2098             
2099             </ul>
2100             <ul class="events itemMembers">
2101             
2102             </ul>
2103         </li>
2104     
2105         <li class="item" data-name="LuCI.network.WifiDevice">
2106             <span class="title">
2107                 <a href="LuCI.network.WifiDevice.html">LuCI.network.WifiDevice</a>
2108                 
2109             </span>
2110             <ul class="members itemMembers">
2111             
2112             </ul>
2113             <ul class="typedefs itemMembers">
2114             
2115             </ul>
2116             <ul class="typedefs itemMembers">
2117             
2118             </ul>
2119             <ul class="methods itemMembers">
2120             
2121             <span class="subtitle">Methods</span>
2122             
2123                 <li data-name="LuCI.network.WifiDevice#addWifiNetwork"><a href="LuCI.network.WifiDevice.html#addWifiNetwork">addWifiNetwork</a></li>
2124             
2125                 <li data-name="LuCI.network.WifiDevice#deleteWifiNetwork"><a href="LuCI.network.WifiDevice.html#deleteWifiNetwork">deleteWifiNetwork</a></li>
2126             
2127                 <li data-name="LuCI.network.WifiDevice#get"><a href="LuCI.network.WifiDevice.html#get">get</a></li>
2128             
2129                 <li data-name="LuCI.network.WifiDevice#getHTModes"><a href="LuCI.network.WifiDevice.html#getHTModes">getHTModes</a></li>
2130             
2131                 <li data-name="LuCI.network.WifiDevice#getHWModes"><a href="LuCI.network.WifiDevice.html#getHWModes">getHWModes</a></li>
2132             
2133                 <li data-name="LuCI.network.WifiDevice#getI18n"><a href="LuCI.network.WifiDevice.html#getI18n">getI18n</a></li>
2134             
2135                 <li data-name="LuCI.network.WifiDevice#getName"><a href="LuCI.network.WifiDevice.html#getName">getName</a></li>
2136             
2137                 <li data-name="LuCI.network.WifiDevice#getScanList"><a href="LuCI.network.WifiDevice.html#getScanList">getScanList</a></li>
2138             
2139                 <li data-name="LuCI.network.WifiDevice#getWifiNetwork"><a href="LuCI.network.WifiDevice.html#getWifiNetwork">getWifiNetwork</a></li>
2140             
2141                 <li data-name="LuCI.network.WifiDevice#getWifiNetworks"><a href="LuCI.network.WifiDevice.html#getWifiNetworks">getWifiNetworks</a></li>
2142             
2143                 <li data-name="LuCI.network.WifiDevice#isDisabled"><a href="LuCI.network.WifiDevice.html#isDisabled">isDisabled</a></li>
2144             
2145                 <li data-name="LuCI.network.WifiDevice#isUp"><a href="LuCI.network.WifiDevice.html#isUp">isUp</a></li>
2146             
2147                 <li data-name="LuCI.network.WifiDevice#set"><a href="LuCI.network.WifiDevice.html#set">set</a></li>
2148             
2149             </ul>
2150             <ul class="events itemMembers">
2151             
2152             </ul>
2153         </li>
2154     
2155         <li class="item" data-name="LuCI.network.WifiNetwork">
2156             <span class="title">
2157                 <a href="LuCI.network.WifiNetwork.html">LuCI.network.WifiNetwork</a>
2158                 
2159             </span>
2160             <ul class="members itemMembers">
2161             
2162             </ul>
2163             <ul class="typedefs itemMembers">
2164             
2165             </ul>
2166             <ul class="typedefs itemMembers">
2167             
2168             </ul>
2169             <ul class="methods itemMembers">
2170             
2171             <span class="subtitle">Methods</span>
2172             
2173                 <li data-name="LuCI.network.WifiNetwork#disconnectClient"><a href="LuCI.network.WifiNetwork.html#disconnectClient">disconnectClient</a></li>
2174             
2175                 <li data-name="LuCI.network.WifiNetwork#get"><a href="LuCI.network.WifiNetwork.html#get">get</a></li>
2176             
2177                 <li data-name="LuCI.network.WifiNetwork#getActiveBSSID"><a href="LuCI.network.WifiNetwork.html#getActiveBSSID">getActiveBSSID</a></li>
2178             
2179                 <li data-name="LuCI.network.WifiNetwork#getActiveEncryption"><a href="LuCI.network.WifiNetwork.html#getActiveEncryption">getActiveEncryption</a></li>
2180             
2181                 <li data-name="LuCI.network.WifiNetwork#getActiveMode"><a href="LuCI.network.WifiNetwork.html#getActiveMode">getActiveMode</a></li>
2182             
2183                 <li data-name="LuCI.network.WifiNetwork#getActiveModeI18n"><a href="LuCI.network.WifiNetwork.html#getActiveModeI18n">getActiveModeI18n</a></li>
2184             
2185                 <li data-name="LuCI.network.WifiNetwork#getActiveSSID"><a href="LuCI.network.WifiNetwork.html#getActiveSSID">getActiveSSID</a></li>
2186             
2187                 <li data-name="LuCI.network.WifiNetwork#getAssocList"><a href="LuCI.network.WifiNetwork.html#getAssocList">getAssocList</a></li>
2188             
2189                 <li data-name="LuCI.network.WifiNetwork#getBitRate"><a href="LuCI.network.WifiNetwork.html#getBitRate">getBitRate</a></li>
2190             
2191                 <li data-name="LuCI.network.WifiNetwork#getBSSID"><a href="LuCI.network.WifiNetwork.html#getBSSID">getBSSID</a></li>
2192             
2193                 <li data-name="LuCI.network.WifiNetwork#getChannel"><a href="LuCI.network.WifiNetwork.html#getChannel">getChannel</a></li>
2194             
2195                 <li data-name="LuCI.network.WifiNetwork#getCountryCode"><a href="LuCI.network.WifiNetwork.html#getCountryCode">getCountryCode</a></li>
2196             
2197                 <li data-name="LuCI.network.WifiNetwork#getDevice"><a href="LuCI.network.WifiNetwork.html#getDevice">getDevice</a></li>
2198             
2199                 <li data-name="LuCI.network.WifiNetwork#getFrequency"><a href="LuCI.network.WifiNetwork.html#getFrequency">getFrequency</a></li>
2200             
2201                 <li data-name="LuCI.network.WifiNetwork#getI18n"><a href="LuCI.network.WifiNetwork.html#getI18n">getI18n</a></li>
2202             
2203                 <li data-name="LuCI.network.WifiNetwork#getID"><a href="LuCI.network.WifiNetwork.html#getID">getID</a></li>
2204             
2205                 <li data-name="LuCI.network.WifiNetwork#getIfname"><a href="LuCI.network.WifiNetwork.html#getIfname">getIfname</a></li>
2206             
2207                 <li data-name="LuCI.network.WifiNetwork#getMeshID"><a href="LuCI.network.WifiNetwork.html#getMeshID">getMeshID</a></li>
2208             
2209                 <li data-name="LuCI.network.WifiNetwork#getMode"><a href="LuCI.network.WifiNetwork.html#getMode">getMode</a></li>
2210             
2211                 <li data-name="LuCI.network.WifiNetwork#getName"><a href="LuCI.network.WifiNetwork.html#getName">getName</a></li>
2212             
2213                 <li data-name="LuCI.network.WifiNetwork#getNetwork"><a href="LuCI.network.WifiNetwork.html#getNetwork">getNetwork</a></li>
2214             
2215                 <li data-name="LuCI.network.WifiNetwork#getNetworkNames"><a href="LuCI.network.WifiNetwork.html#getNetworkNames">getNetworkNames</a></li>
2216             
2217                 <li data-name="LuCI.network.WifiNetwork#getNetworks"><a href="LuCI.network.WifiNetwork.html#getNetworks">getNetworks</a></li>
2218             
2219                 <li data-name="LuCI.network.WifiNetwork#getNoise"><a href="LuCI.network.WifiNetwork.html#getNoise">getNoise</a></li>
2220             
2221                 <li data-name="LuCI.network.WifiNetwork#getShortName"><a href="LuCI.network.WifiNetwork.html#getShortName">getShortName</a></li>
2222             
2223                 <li data-name="LuCI.network.WifiNetwork#getSignal"><a href="LuCI.network.WifiNetwork.html#getSignal">getSignal</a></li>
2224             
2225                 <li data-name="LuCI.network.WifiNetwork#getSignalLevel"><a href="LuCI.network.WifiNetwork.html#getSignalLevel">getSignalLevel</a></li>
2226             
2227                 <li data-name="LuCI.network.WifiNetwork#getSignalPercent"><a href="LuCI.network.WifiNetwork.html#getSignalPercent">getSignalPercent</a></li>
2228             
2229                 <li data-name="LuCI.network.WifiNetwork#getSSID"><a href="LuCI.network.WifiNetwork.html#getSSID">getSSID</a></li>
2230             
2231                 <li data-name="LuCI.network.WifiNetwork#getTXPower"><a href="LuCI.network.WifiNetwork.html#getTXPower">getTXPower</a></li>
2232             
2233                 <li data-name="LuCI.network.WifiNetwork#getTXPowerOffset"><a href="LuCI.network.WifiNetwork.html#getTXPowerOffset">getTXPowerOffset</a></li>
2234             
2235                 <li data-name="LuCI.network.WifiNetwork#getWifiDevice"><a href="LuCI.network.WifiNetwork.html#getWifiDevice">getWifiDevice</a></li>
2236             
2237                 <li data-name="LuCI.network.WifiNetwork#getWifiDeviceName"><a href="LuCI.network.WifiNetwork.html#getWifiDeviceName">getWifiDeviceName</a></li>
2238             
2239                 <li data-name="LuCI.network.WifiNetwork#isClientDisconnectSupported"><a href="LuCI.network.WifiNetwork.html#isClientDisconnectSupported">isClientDisconnectSupported</a></li>
2240             
2241                 <li data-name="LuCI.network.WifiNetwork#isDisabled"><a href="LuCI.network.WifiNetwork.html#isDisabled">isDisabled</a></li>
2242             
2243                 <li data-name="LuCI.network.WifiNetwork#isUp"><a href="LuCI.network.WifiNetwork.html#isUp">isUp</a></li>
2244             
2245                 <li data-name="LuCI.network.WifiNetwork#set"><a href="LuCI.network.WifiNetwork.html#set">set</a></li>
2246             
2247             </ul>
2248             <ul class="events itemMembers">
2249             
2250             </ul>
2251         </li>
2252     
2253         <li class="item" data-name="LuCI.poll">
2254             <span class="title">
2255                 <a href="LuCI.poll.html">LuCI.poll</a>
2256                 
2257             </span>
2258             <ul class="members itemMembers">
2259             
2260             </ul>
2261             <ul class="typedefs itemMembers">
2262             
2263             </ul>
2264             <ul class="typedefs itemMembers">
2265             
2266             </ul>
2267             <ul class="methods itemMembers">
2268             
2269             <span class="subtitle">Methods</span>
2270             
2271                 <li data-name="LuCI.poll#active"><a href="LuCI.poll.html#active">active</a></li>
2272             
2273                 <li data-name="LuCI.poll#add"><a href="LuCI.poll.html#add">add</a></li>
2274             
2275                 <li data-name="LuCI.poll#remove"><a href="LuCI.poll.html#remove">remove</a></li>
2276             
2277                 <li data-name="LuCI.poll#start"><a href="LuCI.poll.html#start">start</a></li>
2278             
2279                 <li data-name="LuCI.poll#stop"><a href="LuCI.poll.html#stop">stop</a></li>
2280             
2281             </ul>
2282             <ul class="events itemMembers">
2283             
2284             </ul>
2285         </li>
2286     
2287         <li class="item" data-name="LuCI.request">
2288             <span class="title">
2289                 <a href="LuCI.request.html">LuCI.request</a>
2290                 
2291             </span>
2292             <ul class="members itemMembers">
2293             
2294             </ul>
2295             <ul class="typedefs itemMembers">
2296             
2297             <span class="subtitle">Typedefs</span>
2298             
2299                 <li data-name="LuCI.request.interceptorFn"><a href="LuCI.request.html#.interceptorFn">interceptorFn</a></li>
2300             
2301                 <li data-name="LuCI.request.RequestOptions"><a href="LuCI.request.html#.RequestOptions">RequestOptions</a></li>
2302             
2303             </ul>
2304             <ul class="typedefs itemMembers">
2305             
2306             </ul>
2307             <ul class="methods itemMembers">
2308             
2309             <span class="subtitle">Methods</span>
2310             
2311                 <li data-name="LuCI.request#addInterceptor"><a href="LuCI.request.html#addInterceptor">addInterceptor</a></li>
2312             
2313                 <li data-name="LuCI.request#expandURL"><a href="LuCI.request.html#expandURL">expandURL</a></li>
2314             
2315                 <li data-name="LuCI.request#get"><a href="LuCI.request.html#get">get</a></li>
2316             
2317                 <li data-name="LuCI.request#post"><a href="LuCI.request.html#post">post</a></li>
2318             
2319                 <li data-name="LuCI.request#removeInterceptor"><a href="LuCI.request.html#removeInterceptor">removeInterceptor</a></li>
2320             
2321                 <li data-name="LuCI.request#request"><a href="LuCI.request.html#request">request</a></li>
2322             
2323             </ul>
2324             <ul class="events itemMembers">
2325             
2326             </ul>
2327         </li>
2328     
2329         <li class="item" data-name="LuCI.request.poll">
2330             <span class="title">
2331                 <a href="LuCI.request.poll.html">LuCI.request.poll</a>
2332                 
2333             </span>
2334             <ul class="members itemMembers">
2335             
2336             </ul>
2337             <ul class="typedefs itemMembers">
2338             
2339             <span class="subtitle">Typedefs</span>
2340             
2341                 <li data-name="LuCI.request.poll~callbackFn"><a href="LuCI.request.poll.html#~callbackFn">callbackFn</a></li>
2342             
2343             </ul>
2344             <ul class="typedefs itemMembers">
2345             
2346             </ul>
2347             <ul class="methods itemMembers">
2348             
2349             <span class="subtitle">Methods</span>
2350             
2351                 <li data-name="LuCI.request.poll#active"><a href="LuCI.request.poll.html#active">active</a></li>
2352             
2353                 <li data-name="LuCI.request.poll#add"><a href="LuCI.request.poll.html#add">add</a></li>
2354             
2355                 <li data-name="LuCI.request.poll#remove"><a href="LuCI.request.poll.html#remove">remove</a></li>
2356             
2357                 <li data-name="LuCI.request.poll#start"><a href="LuCI.request.poll.html#start">start</a></li>
2358             
2359                 <li data-name="LuCI.request.poll#stop"><a href="LuCI.request.poll.html#stop">stop</a></li>
2360             
2361             </ul>
2362             <ul class="events itemMembers">
2363             
2364             </ul>
2365         </li>
2366     
2367         <li class="item" data-name="LuCI.response">
2368             <span class="title">
2369                 <a href="LuCI.response.html">LuCI.response</a>
2370                 
2371             </span>
2372             <ul class="members itemMembers">
2373             
2374             <span class="subtitle">Members</span>
2375             
2376                 <li data-name="LuCI.response#duration"><a href="LuCI.response.html#duration">duration</a></li>
2377             
2378                 <li data-name="LuCI.response#headers"><a href="LuCI.response.html#headers">headers</a></li>
2379             
2380                 <li data-name="LuCI.response#ok"><a href="LuCI.response.html#ok">ok</a></li>
2381             
2382                 <li data-name="LuCI.response#status"><a href="LuCI.response.html#status">status</a></li>
2383             
2384                 <li data-name="LuCI.response#statusText"><a href="LuCI.response.html#statusText">statusText</a></li>
2385             
2386                 <li data-name="LuCI.response#url"><a href="LuCI.response.html#url">url</a></li>
2387             
2388             </ul>
2389             <ul class="typedefs itemMembers">
2390             
2391             </ul>
2392             <ul class="typedefs itemMembers">
2393             
2394             </ul>
2395             <ul class="methods itemMembers">
2396             
2397             <span class="subtitle">Methods</span>
2398             
2399                 <li data-name="LuCI.response#blob"><a href="LuCI.response.html#blob">blob</a></li>
2400             
2401                 <li data-name="LuCI.response#clone"><a href="LuCI.response.html#clone">clone</a></li>
2402             
2403                 <li data-name="LuCI.response#json"><a href="LuCI.response.html#json">json</a></li>
2404             
2405                 <li data-name="LuCI.response#text"><a href="LuCI.response.html#text">text</a></li>
2406             
2407             </ul>
2408             <ul class="events itemMembers">
2409             
2410             </ul>
2411         </li>
2412     
2413         <li class="item" data-name="LuCI.rpc">
2414             <span class="title">
2415                 <a href="LuCI.rpc.html">LuCI.rpc</a>
2416                 
2417             </span>
2418             <ul class="members itemMembers">
2419             
2420             </ul>
2421             <ul class="typedefs itemMembers">
2422             
2423             <span class="subtitle">Typedefs</span>
2424             
2425                 <li data-name="LuCI.rpc.DeclareOptions"><a href="LuCI.rpc.html#.DeclareOptions">DeclareOptions</a></li>
2426             
2427                 <li data-name="LuCI.rpc~filterFn"><a href="LuCI.rpc.html#~filterFn">filterFn</a></li>
2428             
2429                 <li data-name="LuCI.rpc~interceptorFn"><a href="LuCI.rpc.html#~interceptorFn">interceptorFn</a></li>
2430             
2431                 <li data-name="LuCI.rpc~invokeFn"><a href="LuCI.rpc.html#~invokeFn">invokeFn</a></li>
2432             
2433             </ul>
2434             <ul class="typedefs itemMembers">
2435             
2436             </ul>
2437             <ul class="methods itemMembers">
2438             
2439             <span class="subtitle">Methods</span>
2440             
2441                 <li data-name="LuCI.rpc#addInterceptor"><a href="LuCI.rpc.html#addInterceptor">addInterceptor</a></li>
2442             
2443                 <li data-name="LuCI.rpc#declare"><a href="LuCI.rpc.html#declare">declare</a></li>
2444             
2445                 <li data-name="LuCI.rpc#getBaseURL"><a href="LuCI.rpc.html#getBaseURL">getBaseURL</a></li>
2446             
2447                 <li data-name="LuCI.rpc#getSessionID"><a href="LuCI.rpc.html#getSessionID">getSessionID</a></li>
2448             
2449                 <li data-name="LuCI.rpc#getStatusText"><a href="LuCI.rpc.html#getStatusText">getStatusText</a></li>
2450             
2451                 <li data-name="LuCI.rpc#list"><a href="LuCI.rpc.html#list">list</a></li>
2452             
2453                 <li data-name="LuCI.rpc#removeInterceptor"><a href="LuCI.rpc.html#removeInterceptor">removeInterceptor</a></li>
2454             
2455                 <li data-name="LuCI.rpc#setBaseURL"><a href="LuCI.rpc.html#setBaseURL">setBaseURL</a></li>
2456             
2457                 <li data-name="LuCI.rpc#setSessionID"><a href="LuCI.rpc.html#setSessionID">setSessionID</a></li>
2458             
2459             </ul>
2460             <ul class="events itemMembers">
2461             
2462             </ul>
2463         </li>
2464     
2465         <li class="item" data-name="LuCI.uci">
2466             <span class="title">
2467                 <a href="LuCI.uci.html">LuCI.uci</a>
2468                 
2469             </span>
2470             <ul class="members itemMembers">
2471             
2472             </ul>
2473             <ul class="typedefs itemMembers">
2474             
2475             <span class="subtitle">Typedefs</span>
2476             
2477                 <li data-name="LuCI.uci.ChangeRecord"><a href="LuCI.uci.html#.ChangeRecord">ChangeRecord</a></li>
2478             
2479                 <li data-name="LuCI.uci.SectionObject"><a href="LuCI.uci.html#.SectionObject">SectionObject</a></li>
2480             
2481                 <li data-name="LuCI.uci~sectionsFn"><a href="LuCI.uci.html#~sectionsFn">sectionsFn</a></li>
2482             
2483             </ul>
2484             <ul class="typedefs itemMembers">
2485             
2486             </ul>
2487             <ul class="methods itemMembers">
2488             
2489             <span class="subtitle">Methods</span>
2490             
2491                 <li data-name="LuCI.uci#add"><a href="LuCI.uci.html#add">add</a></li>
2492             
2493                 <li data-name="LuCI.uci#apply"><a href="LuCI.uci.html#apply">apply</a></li>
2494             
2495                 <li data-name="LuCI.uci#changes"><a href="LuCI.uci.html#changes">changes</a></li>
2496             
2497                 <li data-name="LuCI.uci#createSID"><a href="LuCI.uci.html#createSID">createSID</a></li>
2498             
2499                 <li data-name="LuCI.uci#get"><a href="LuCI.uci.html#get">get</a></li>
2500             
2501                 <li data-name="LuCI.uci#get_first"><a href="LuCI.uci.html#get_first">get_first</a></li>
2502             
2503                 <li data-name="LuCI.uci#load"><a href="LuCI.uci.html#load">load</a></li>
2504             
2505                 <li data-name="LuCI.uci#move"><a href="LuCI.uci.html#move">move</a></li>
2506             
2507                 <li data-name="LuCI.uci#remove"><a href="LuCI.uci.html#remove">remove</a></li>
2508             
2509                 <li data-name="LuCI.uci#resolveSID"><a href="LuCI.uci.html#resolveSID">resolveSID</a></li>
2510             
2511                 <li data-name="LuCI.uci#save"><a href="LuCI.uci.html#save">save</a></li>
2512             
2513                 <li data-name="LuCI.uci#sections"><a href="LuCI.uci.html#sections">sections</a></li>
2514             
2515                 <li data-name="LuCI.uci#set"><a href="LuCI.uci.html#set">set</a></li>
2516             
2517                 <li data-name="LuCI.uci#set_first"><a href="LuCI.uci.html#set_first">set_first</a></li>
2518             
2519                 <li data-name="LuCI.uci#unload"><a href="LuCI.uci.html#unload">unload</a></li>
2520             
2521                 <li data-name="LuCI.uci#unset"><a href="LuCI.uci.html#unset">unset</a></li>
2522             
2523                 <li data-name="LuCI.uci#unset_first"><a href="LuCI.uci.html#unset_first">unset_first</a></li>
2524             
2525             </ul>
2526             <ul class="events itemMembers">
2527             
2528             </ul>
2529         </li>
2530     
2531         <li class="item" data-name="LuCI.ui">
2532             <span class="title">
2533                 <a href="LuCI.ui.html">LuCI.ui</a>
2534                 
2535             </span>
2536             <ul class="members itemMembers">
2537             
2538             </ul>
2539             <ul class="typedefs itemMembers">
2540             
2541             <span class="subtitle">Typedefs</span>
2542             
2543                 <li data-name="LuCI.ui.FileUploadReply"><a href="LuCI.ui.html#.FileUploadReply">FileUploadReply</a></li>
2544             
2545             </ul>
2546             <ul class="typedefs itemMembers">
2547             
2548             </ul>
2549             <ul class="methods itemMembers">
2550             
2551             <span class="subtitle">Methods</span>
2552             
2553                 <li data-name="LuCI.ui#addNotification"><a href="LuCI.ui.html#addNotification">addNotification</a></li>
2554             
2555                 <li data-name="LuCI.ui#addValidator"><a href="LuCI.ui.html#addValidator">addValidator</a></li>
2556             
2557                 <li data-name="LuCI.ui#awaitReconnect"><a href="LuCI.ui.html#awaitReconnect">awaitReconnect</a></li>
2558             
2559                 <li data-name="LuCI.ui#createHandlerFn"><a href="LuCI.ui.html#createHandlerFn">createHandlerFn</a></li>
2560             
2561                 <li data-name="LuCI.ui#hideIndicator"><a href="LuCI.ui.html#hideIndicator">hideIndicator</a></li>
2562             
2563                 <li data-name="LuCI.ui#hideModal"><a href="LuCI.ui.html#hideModal">hideModal</a></li>
2564             
2565                 <li data-name="LuCI.ui#instantiateView"><a href="LuCI.ui.html#instantiateView">instantiateView</a></li>
2566             
2567                 <li data-name="LuCI.ui#itemlist"><a href="LuCI.ui.html#itemlist">itemlist</a></li>
2568             
2569                 <li data-name="LuCI.ui#pingDevice"><a href="LuCI.ui.html#pingDevice">pingDevice</a></li>
2570             
2571                 <li data-name="LuCI.ui#showIndicator"><a href="LuCI.ui.html#showIndicator">showIndicator</a></li>
2572             
2573                 <li data-name="LuCI.ui#showModal"><a href="LuCI.ui.html#showModal">showModal</a></li>
2574             
2575                 <li data-name="LuCI.ui#uploadFile"><a href="LuCI.ui.html#uploadFile">uploadFile</a></li>
2576             
2577             </ul>
2578             <ul class="events itemMembers">
2579             
2580             </ul>
2581         </li>
2582     
2583         <li class="item" data-name="LuCI.ui.AbstractElement">
2584             <span class="title">
2585                 <a href="LuCI.ui.AbstractElement.html">LuCI.ui.AbstractElement</a>
2586                 
2587             </span>
2588             <ul class="members itemMembers">
2589             
2590             </ul>
2591             <ul class="typedefs itemMembers">
2592             
2593             <span class="subtitle">Typedefs</span>
2594             
2595                 <li data-name="LuCI.ui.AbstractElement.InitOptions"><a href="LuCI.ui.AbstractElement.html#.InitOptions">InitOptions</a></li>
2596             
2597             </ul>
2598             <ul class="typedefs itemMembers">
2599             
2600             </ul>
2601             <ul class="methods itemMembers">
2602             
2603             <span class="subtitle">Methods</span>
2604             
2605                 <li data-name="LuCI.ui.AbstractElement#getValue"><a href="LuCI.ui.AbstractElement.html#getValue">getValue</a></li>
2606             
2607                 <li data-name="LuCI.ui.AbstractElement#isValid"><a href="LuCI.ui.AbstractElement.html#isValid">isValid</a></li>
2608             
2609                 <li data-name="LuCI.ui.AbstractElement#registerEvents"><a href="LuCI.ui.AbstractElement.html#registerEvents">registerEvents</a></li>
2610             
2611                 <li data-name="LuCI.ui.AbstractElement#render"><a href="LuCI.ui.AbstractElement.html#render">render</a></li>
2612             
2613                 <li data-name="LuCI.ui.AbstractElement#setChangeEvents"><a href="LuCI.ui.AbstractElement.html#setChangeEvents">setChangeEvents</a></li>
2614             
2615                 <li data-name="LuCI.ui.AbstractElement#setUpdateEvents"><a href="LuCI.ui.AbstractElement.html#setUpdateEvents">setUpdateEvents</a></li>
2616             
2617                 <li data-name="LuCI.ui.AbstractElement#setValue"><a href="LuCI.ui.AbstractElement.html#setValue">setValue</a></li>
2618             
2619                 <li data-name="LuCI.ui.AbstractElement#triggerValidation"><a href="LuCI.ui.AbstractElement.html#triggerValidation">triggerValidation</a></li>
2620             
2621             </ul>
2622             <ul class="events itemMembers">
2623             
2624             </ul>
2625         </li>
2626     
2627         <li class="item" data-name="LuCI.ui.changes">
2628             <span class="title">
2629                 <a href="LuCI.ui.changes.html">LuCI.ui.changes</a>
2630                 
2631             </span>
2632             <ul class="members itemMembers">
2633             
2634             </ul>
2635             <ul class="typedefs itemMembers">
2636             
2637             </ul>
2638             <ul class="typedefs itemMembers">
2639             
2640             </ul>
2641             <ul class="methods itemMembers">
2642             
2643             <span class="subtitle">Methods</span>
2644             
2645                 <li data-name="LuCI.ui.changes#apply"><a href="LuCI.ui.changes.html#apply">apply</a></li>
2646             
2647                 <li data-name="LuCI.ui.changes#displayChanges"><a href="LuCI.ui.changes.html#displayChanges">displayChanges</a></li>
2648             
2649                 <li data-name="LuCI.ui.changes#renderChangeIndicator"><a href="LuCI.ui.changes.html#renderChangeIndicator">renderChangeIndicator</a></li>
2650             
2651                 <li data-name="LuCI.ui.changes#revert"><a href="LuCI.ui.changes.html#revert">revert</a></li>
2652             
2653                 <li data-name="LuCI.ui.changes#setIndicator"><a href="LuCI.ui.changes.html#setIndicator">setIndicator</a></li>
2654             
2655             </ul>
2656             <ul class="events itemMembers">
2657             
2658             </ul>
2659         </li>
2660     
2661         <li class="item" data-name="LuCI.ui.Checkbox">
2662             <span class="title">
2663                 <a href="LuCI.ui.Checkbox.html">LuCI.ui.Checkbox</a>
2664                 
2665             </span>
2666             <ul class="members itemMembers">
2667             
2668             </ul>
2669             <ul class="typedefs itemMembers">
2670             
2671             <span class="subtitle">Typedefs</span>
2672             
2673                 <li data-name="LuCI.ui.Checkbox.InitOptions"><a href="LuCI.ui.Checkbox.html#.InitOptions">InitOptions</a></li>
2674             
2675             </ul>
2676             <ul class="typedefs itemMembers">
2677             
2678             </ul>
2679             <ul class="methods itemMembers">
2680             
2681             <span class="subtitle">Methods</span>
2682             
2683                 <li data-name="LuCI.ui.Checkbox#getValue"><a href="LuCI.ui.Checkbox.html#getValue">getValue</a></li>
2684             
2685                 <li data-name="LuCI.ui.Checkbox#isChecked"><a href="LuCI.ui.Checkbox.html#isChecked">isChecked</a></li>
2686             
2687                 <li data-name="LuCI.ui.Checkbox#isValid"><a href="LuCI.ui.Checkbox.html#isValid">isValid</a></li>
2688             
2689                 <li data-name="LuCI.ui.Checkbox#registerEvents"><a href="LuCI.ui.Checkbox.html#registerEvents">registerEvents</a></li>
2690             
2691                 <li data-name="LuCI.ui.Checkbox#render"><a href="LuCI.ui.Checkbox.html#render">render</a></li>
2692             
2693                 <li data-name="LuCI.ui.Checkbox#setChangeEvents"><a href="LuCI.ui.Checkbox.html#setChangeEvents">setChangeEvents</a></li>
2694             
2695                 <li data-name="LuCI.ui.Checkbox#setUpdateEvents"><a href="LuCI.ui.Checkbox.html#setUpdateEvents">setUpdateEvents</a></li>
2696             
2697                 <li data-name="LuCI.ui.Checkbox#setValue"><a href="LuCI.ui.Checkbox.html#setValue">setValue</a></li>
2698             
2699                 <li data-name="LuCI.ui.Checkbox#triggerValidation"><a href="LuCI.ui.Checkbox.html#triggerValidation">triggerValidation</a></li>
2700             
2701             </ul>
2702             <ul class="events itemMembers">
2703             
2704             </ul>
2705         </li>
2706     
2707         <li class="item" data-name="LuCI.ui.Combobox">
2708             <span class="title">
2709                 <a href="LuCI.ui.Combobox.html">LuCI.ui.Combobox</a>
2710                 
2711             </span>
2712             <ul class="members itemMembers">
2713             
2714             </ul>
2715             <ul class="typedefs itemMembers">
2716             
2717             <span class="subtitle">Typedefs</span>
2718             
2719                 <li data-name="LuCI.ui.Combobox.InitOptions"><a href="LuCI.ui.Combobox.html#.InitOptions">InitOptions</a></li>
2720             
2721             </ul>
2722             <ul class="typedefs itemMembers">
2723             
2724             </ul>
2725             <ul class="methods itemMembers">
2726             
2727             <span class="subtitle">Methods</span>
2728             
2729                 <li data-name="LuCI.ui.Combobox#addChoices"><a href="LuCI.ui.Combobox.html#addChoices">addChoices</a></li>
2730             
2731                 <li data-name="LuCI.ui.Combobox#clearChoices"><a href="LuCI.ui.Combobox.html#clearChoices">clearChoices</a></li>
2732             
2733                 <li data-name="LuCI.ui.Combobox#closeAllDropdowns"><a href="LuCI.ui.Combobox.html#closeAllDropdowns">closeAllDropdowns</a></li>
2734             
2735                 <li data-name="LuCI.ui.Combobox#isValid"><a href="LuCI.ui.Combobox.html#isValid">isValid</a></li>
2736             
2737                 <li data-name="LuCI.ui.Combobox#registerEvents"><a href="LuCI.ui.Combobox.html#registerEvents">registerEvents</a></li>
2738             
2739                 <li data-name="LuCI.ui.Combobox#setChangeEvents"><a href="LuCI.ui.Combobox.html#setChangeEvents">setChangeEvents</a></li>
2740             
2741                 <li data-name="LuCI.ui.Combobox#setUpdateEvents"><a href="LuCI.ui.Combobox.html#setUpdateEvents">setUpdateEvents</a></li>
2742             
2743                 <li data-name="LuCI.ui.Combobox#triggerValidation"><a href="LuCI.ui.Combobox.html#triggerValidation">triggerValidation</a></li>
2744             
2745             </ul>
2746             <ul class="events itemMembers">
2747             
2748             </ul>
2749         </li>
2750     
2751         <li class="item" data-name="LuCI.ui.ComboButton">
2752             <span class="title">
2753                 <a href="LuCI.ui.ComboButton.html">LuCI.ui.ComboButton</a>
2754                 
2755             </span>
2756             <ul class="members itemMembers">
2757             
2758             </ul>
2759             <ul class="typedefs itemMembers">
2760             
2761             <span class="subtitle">Typedefs</span>
2762             
2763                 <li data-name="LuCI.ui.ComboButton.InitOptions"><a href="LuCI.ui.ComboButton.html#.InitOptions">InitOptions</a></li>
2764             
2765             </ul>
2766             <ul class="typedefs itemMembers">
2767             
2768             </ul>
2769             <ul class="methods itemMembers">
2770             
2771             <span class="subtitle">Methods</span>
2772             
2773                 <li data-name="LuCI.ui.ComboButton#addChoices"><a href="LuCI.ui.ComboButton.html#addChoices">addChoices</a></li>
2774             
2775                 <li data-name="LuCI.ui.ComboButton#clearChoices"><a href="LuCI.ui.ComboButton.html#clearChoices">clearChoices</a></li>
2776             
2777                 <li data-name="LuCI.ui.ComboButton#closeAllDropdowns"><a href="LuCI.ui.ComboButton.html#closeAllDropdowns">closeAllDropdowns</a></li>
2778             
2779                 <li data-name="LuCI.ui.ComboButton#isValid"><a href="LuCI.ui.ComboButton.html#isValid">isValid</a></li>
2780             
2781                 <li data-name="LuCI.ui.ComboButton#registerEvents"><a href="LuCI.ui.ComboButton.html#registerEvents">registerEvents</a></li>
2782             
2783                 <li data-name="LuCI.ui.ComboButton#setChangeEvents"><a href="LuCI.ui.ComboButton.html#setChangeEvents">setChangeEvents</a></li>
2784             
2785                 <li data-name="LuCI.ui.ComboButton#setUpdateEvents"><a href="LuCI.ui.ComboButton.html#setUpdateEvents">setUpdateEvents</a></li>
2786             
2787                 <li data-name="LuCI.ui.ComboButton#triggerValidation"><a href="LuCI.ui.ComboButton.html#triggerValidation">triggerValidation</a></li>
2788             
2789             </ul>
2790             <ul class="events itemMembers">
2791             
2792             </ul>
2793         </li>
2794     
2795         <li class="item" data-name="LuCI.ui.Dropdown">
2796             <span class="title">
2797                 <a href="LuCI.ui.Dropdown.html">LuCI.ui.Dropdown</a>
2798                 
2799             </span>
2800             <ul class="members itemMembers">
2801             
2802             </ul>
2803             <ul class="typedefs itemMembers">
2804             
2805             <span class="subtitle">Typedefs</span>
2806             
2807                 <li data-name="LuCI.ui.Dropdown.InitOptions"><a href="LuCI.ui.Dropdown.html#.InitOptions">InitOptions</a></li>
2808             
2809             </ul>
2810             <ul class="typedefs itemMembers">
2811             
2812             </ul>
2813             <ul class="methods itemMembers">
2814             
2815             <span class="subtitle">Methods</span>
2816             
2817                 <li data-name="LuCI.ui.Dropdown#addChoices"><a href="LuCI.ui.Dropdown.html#addChoices">addChoices</a></li>
2818             
2819                 <li data-name="LuCI.ui.Dropdown#clearChoices"><a href="LuCI.ui.Dropdown.html#clearChoices">clearChoices</a></li>
2820             
2821                 <li data-name="LuCI.ui.Dropdown#closeAllDropdowns"><a href="LuCI.ui.Dropdown.html#closeAllDropdowns">closeAllDropdowns</a></li>
2822             
2823                 <li data-name="LuCI.ui.Dropdown#getValue"><a href="LuCI.ui.Dropdown.html#getValue">getValue</a></li>
2824             
2825                 <li data-name="LuCI.ui.Dropdown#isValid"><a href="LuCI.ui.Dropdown.html#isValid">isValid</a></li>
2826             
2827                 <li data-name="LuCI.ui.Dropdown#registerEvents"><a href="LuCI.ui.Dropdown.html#registerEvents">registerEvents</a></li>
2828             
2829                 <li data-name="LuCI.ui.Dropdown#render"><a href="LuCI.ui.Dropdown.html#render">render</a></li>
2830             
2831                 <li data-name="LuCI.ui.Dropdown#setChangeEvents"><a href="LuCI.ui.Dropdown.html#setChangeEvents">setChangeEvents</a></li>
2832             
2833                 <li data-name="LuCI.ui.Dropdown#setUpdateEvents"><a href="LuCI.ui.Dropdown.html#setUpdateEvents">setUpdateEvents</a></li>
2834             
2835                 <li data-name="LuCI.ui.Dropdown#setValue"><a href="LuCI.ui.Dropdown.html#setValue">setValue</a></li>
2836             
2837                 <li data-name="LuCI.ui.Dropdown#triggerValidation"><a href="LuCI.ui.Dropdown.html#triggerValidation">triggerValidation</a></li>
2838             
2839             </ul>
2840             <ul class="events itemMembers">
2841             
2842             </ul>
2843         </li>
2844     
2845         <li class="item" data-name="LuCI.ui.DynamicList">
2846             <span class="title">
2847                 <a href="LuCI.ui.DynamicList.html">LuCI.ui.DynamicList</a>
2848                 
2849             </span>
2850             <ul class="members itemMembers">
2851             
2852             </ul>
2853             <ul class="typedefs itemMembers">
2854             
2855             <span class="subtitle">Typedefs</span>
2856             
2857                 <li data-name="LuCI.ui.DynamicList.InitOptions"><a href="LuCI.ui.DynamicList.html#.InitOptions">InitOptions</a></li>
2858             
2859             </ul>
2860             <ul class="typedefs itemMembers">
2861             
2862             </ul>
2863             <ul class="methods itemMembers">
2864             
2865             <span class="subtitle">Methods</span>
2866             
2867                 <li data-name="LuCI.ui.DynamicList#addChoices"><a href="LuCI.ui.DynamicList.html#addChoices">addChoices</a></li>
2868             
2869                 <li data-name="LuCI.ui.DynamicList#clearChoices"><a href="LuCI.ui.DynamicList.html#clearChoices">clearChoices</a></li>
2870             
2871                 <li data-name="LuCI.ui.DynamicList#getValue"><a href="LuCI.ui.DynamicList.html#getValue">getValue</a></li>
2872             
2873                 <li data-name="LuCI.ui.DynamicList#isValid"><a href="LuCI.ui.DynamicList.html#isValid">isValid</a></li>
2874             
2875                 <li data-name="LuCI.ui.DynamicList#registerEvents"><a href="LuCI.ui.DynamicList.html#registerEvents">registerEvents</a></li>
2876             
2877                 <li data-name="LuCI.ui.DynamicList#render"><a href="LuCI.ui.DynamicList.html#render">render</a></li>
2878             
2879                 <li data-name="LuCI.ui.DynamicList#setChangeEvents"><a href="LuCI.ui.DynamicList.html#setChangeEvents">setChangeEvents</a></li>
2880             
2881                 <li data-name="LuCI.ui.DynamicList#setUpdateEvents"><a href="LuCI.ui.DynamicList.html#setUpdateEvents">setUpdateEvents</a></li>
2882             
2883                 <li data-name="LuCI.ui.DynamicList#setValue"><a href="LuCI.ui.DynamicList.html#setValue">setValue</a></li>
2884             
2885                 <li data-name="LuCI.ui.DynamicList#triggerValidation"><a href="LuCI.ui.DynamicList.html#triggerValidation">triggerValidation</a></li>
2886             
2887             </ul>
2888             <ul class="events itemMembers">
2889             
2890             </ul>
2891         </li>
2892     
2893         <li class="item" data-name="LuCI.ui.FileUpload">
2894             <span class="title">
2895                 <a href="LuCI.ui.FileUpload.html">LuCI.ui.FileUpload</a>
2896                 
2897             </span>
2898             <ul class="members itemMembers">
2899             
2900             </ul>
2901             <ul class="typedefs itemMembers">
2902             
2903             <span class="subtitle">Typedefs</span>
2904             
2905                 <li data-name="LuCI.ui.FileUpload.InitOptions"><a href="LuCI.ui.FileUpload.html#.InitOptions">InitOptions</a></li>
2906             
2907             </ul>
2908             <ul class="typedefs itemMembers">
2909             
2910             </ul>
2911             <ul class="methods itemMembers">
2912             
2913             <span class="subtitle">Methods</span>
2914             
2915                 <li data-name="LuCI.ui.FileUpload#getValue"><a href="LuCI.ui.FileUpload.html#getValue">getValue</a></li>
2916             
2917                 <li data-name="LuCI.ui.FileUpload#isValid"><a href="LuCI.ui.FileUpload.html#isValid">isValid</a></li>
2918             
2919                 <li data-name="LuCI.ui.FileUpload#registerEvents"><a href="LuCI.ui.FileUpload.html#registerEvents">registerEvents</a></li>
2920             
2921                 <li data-name="LuCI.ui.FileUpload#render"><a href="LuCI.ui.FileUpload.html#render">render</a></li>
2922             
2923                 <li data-name="LuCI.ui.FileUpload#setChangeEvents"><a href="LuCI.ui.FileUpload.html#setChangeEvents">setChangeEvents</a></li>
2924             
2925                 <li data-name="LuCI.ui.FileUpload#setUpdateEvents"><a href="LuCI.ui.FileUpload.html#setUpdateEvents">setUpdateEvents</a></li>
2926             
2927                 <li data-name="LuCI.ui.FileUpload#setValue"><a href="LuCI.ui.FileUpload.html#setValue">setValue</a></li>
2928             
2929                 <li data-name="LuCI.ui.FileUpload#triggerValidation"><a href="LuCI.ui.FileUpload.html#triggerValidation">triggerValidation</a></li>
2930             
2931             </ul>
2932             <ul class="events itemMembers">
2933             
2934             </ul>
2935         </li>
2936     
2937         <li class="item" data-name="LuCI.ui.Hiddenfield">
2938             <span class="title">
2939                 <a href="LuCI.ui.Hiddenfield.html">LuCI.ui.Hiddenfield</a>
2940                 
2941             </span>
2942             <ul class="members itemMembers">
2943             
2944             </ul>
2945             <ul class="typedefs itemMembers">
2946             
2947             </ul>
2948             <ul class="typedefs itemMembers">
2949             
2950             </ul>
2951             <ul class="methods itemMembers">
2952             
2953             <span class="subtitle">Methods</span>
2954             
2955                 <li data-name="LuCI.ui.Hiddenfield#getValue"><a href="LuCI.ui.Hiddenfield.html#getValue">getValue</a></li>
2956             
2957                 <li data-name="LuCI.ui.Hiddenfield#isValid"><a href="LuCI.ui.Hiddenfield.html#isValid">isValid</a></li>
2958             
2959                 <li data-name="LuCI.ui.Hiddenfield#registerEvents"><a href="LuCI.ui.Hiddenfield.html#registerEvents">registerEvents</a></li>
2960             
2961                 <li data-name="LuCI.ui.Hiddenfield#render"><a href="LuCI.ui.Hiddenfield.html#render">render</a></li>
2962             
2963                 <li data-name="LuCI.ui.Hiddenfield#setChangeEvents"><a href="LuCI.ui.Hiddenfield.html#setChangeEvents">setChangeEvents</a></li>
2964             
2965                 <li data-name="LuCI.ui.Hiddenfield#setUpdateEvents"><a href="LuCI.ui.Hiddenfield.html#setUpdateEvents">setUpdateEvents</a></li>
2966             
2967                 <li data-name="LuCI.ui.Hiddenfield#setValue"><a href="LuCI.ui.Hiddenfield.html#setValue">setValue</a></li>
2968             
2969                 <li data-name="LuCI.ui.Hiddenfield#triggerValidation"><a href="LuCI.ui.Hiddenfield.html#triggerValidation">triggerValidation</a></li>
2970             
2971             </ul>
2972             <ul class="events itemMembers">
2973             
2974             </ul>
2975         </li>
2976     
2977         <li class="item" data-name="LuCI.ui.Select">
2978             <span class="title">
2979                 <a href="LuCI.ui.Select.html">LuCI.ui.Select</a>
2980                 
2981             </span>
2982             <ul class="members itemMembers">
2983             
2984             </ul>
2985             <ul class="typedefs itemMembers">
2986             
2987             <span class="subtitle">Typedefs</span>
2988             
2989                 <li data-name="LuCI.ui.Select.InitOptions"><a href="LuCI.ui.Select.html#.InitOptions">InitOptions</a></li>
2990             
2991             </ul>
2992             <ul class="typedefs itemMembers">
2993             
2994             </ul>
2995             <ul class="methods itemMembers">
2996             
2997             <span class="subtitle">Methods</span>
2998             
2999                 <li data-name="LuCI.ui.Select#getValue"><a href="LuCI.ui.Select.html#getValue">getValue</a></li>
3000             
3001                 <li data-name="LuCI.ui.Select#isValid"><a href="LuCI.ui.Select.html#isValid">isValid</a></li>
3002             
3003                 <li data-name="LuCI.ui.Select#registerEvents"><a href="LuCI.ui.Select.html#registerEvents">registerEvents</a></li>
3004             
3005                 <li data-name="LuCI.ui.Select#render"><a href="LuCI.ui.Select.html#render">render</a></li>
3006             
3007                 <li data-name="LuCI.ui.Select#setChangeEvents"><a href="LuCI.ui.Select.html#setChangeEvents">setChangeEvents</a></li>
3008             
3009                 <li data-name="LuCI.ui.Select#setUpdateEvents"><a href="LuCI.ui.Select.html#setUpdateEvents">setUpdateEvents</a></li>
3010             
3011                 <li data-name="LuCI.ui.Select#setValue"><a href="LuCI.ui.Select.html#setValue">setValue</a></li>
3012             
3013                 <li data-name="LuCI.ui.Select#triggerValidation"><a href="LuCI.ui.Select.html#triggerValidation">triggerValidation</a></li>
3014             
3015             </ul>
3016             <ul class="events itemMembers">
3017             
3018             </ul>
3019         </li>
3020     
3021         <li class="item" data-name="LuCI.ui.tabs">
3022             <span class="title">
3023                 <a href="LuCI.ui.tabs.html">LuCI.ui.tabs</a>
3024                 
3025             </span>
3026             <ul class="members itemMembers">
3027             
3028             </ul>
3029             <ul class="typedefs itemMembers">
3030             
3031             </ul>
3032             <ul class="typedefs itemMembers">
3033             
3034             </ul>
3035             <ul class="methods itemMembers">
3036             
3037             <span class="subtitle">Methods</span>
3038             
3039                 <li data-name="LuCI.ui.tabs#initTabGroup"><a href="LuCI.ui.tabs.html#initTabGroup">initTabGroup</a></li>
3040             
3041                 <li data-name="LuCI.ui.tabs#isEmptyPane"><a href="LuCI.ui.tabs.html#isEmptyPane">isEmptyPane</a></li>
3042             
3043             </ul>
3044             <ul class="events itemMembers">
3045             
3046             </ul>
3047         </li>
3048     
3049         <li class="item" data-name="LuCI.ui.Textarea">
3050             <span class="title">
3051                 <a href="LuCI.ui.Textarea.html">LuCI.ui.Textarea</a>
3052                 
3053             </span>
3054             <ul class="members itemMembers">
3055             
3056             </ul>
3057             <ul class="typedefs itemMembers">
3058             
3059             <span class="subtitle">Typedefs</span>
3060             
3061                 <li data-name="LuCI.ui.Textarea.InitOptions"><a href="LuCI.ui.Textarea.html#.InitOptions">InitOptions</a></li>
3062             
3063             </ul>
3064             <ul class="typedefs itemMembers">
3065             
3066             </ul>
3067             <ul class="methods itemMembers">
3068             
3069             <span class="subtitle">Methods</span>
3070             
3071                 <li data-name="LuCI.ui.Textarea#getValue"><a href="LuCI.ui.Textarea.html#getValue">getValue</a></li>
3072             
3073                 <li data-name="LuCI.ui.Textarea#isValid"><a href="LuCI.ui.Textarea.html#isValid">isValid</a></li>
3074             
3075                 <li data-name="LuCI.ui.Textarea#registerEvents"><a href="LuCI.ui.Textarea.html#registerEvents">registerEvents</a></li>
3076             
3077                 <li data-name="LuCI.ui.Textarea#render"><a href="LuCI.ui.Textarea.html#render">render</a></li>
3078             
3079                 <li data-name="LuCI.ui.Textarea#setChangeEvents"><a href="LuCI.ui.Textarea.html#setChangeEvents">setChangeEvents</a></li>
3080             
3081                 <li data-name="LuCI.ui.Textarea#setUpdateEvents"><a href="LuCI.ui.Textarea.html#setUpdateEvents">setUpdateEvents</a></li>
3082             
3083                 <li data-name="LuCI.ui.Textarea#setValue"><a href="LuCI.ui.Textarea.html#setValue">setValue</a></li>
3084             
3085                 <li data-name="LuCI.ui.Textarea#triggerValidation"><a href="LuCI.ui.Textarea.html#triggerValidation">triggerValidation</a></li>
3086             
3087             </ul>
3088             <ul class="events itemMembers">
3089             
3090             </ul>
3091         </li>
3092     
3093         <li class="item" data-name="LuCI.ui.Textfield">
3094             <span class="title">
3095                 <a href="LuCI.ui.Textfield.html">LuCI.ui.Textfield</a>
3096                 
3097             </span>
3098             <ul class="members itemMembers">
3099             
3100             </ul>
3101             <ul class="typedefs itemMembers">
3102             
3103             <span class="subtitle">Typedefs</span>
3104             
3105                 <li data-name="LuCI.ui.Textfield.InitOptions"><a href="LuCI.ui.Textfield.html#.InitOptions">InitOptions</a></li>
3106             
3107             </ul>
3108             <ul class="typedefs itemMembers">
3109             
3110             </ul>
3111             <ul class="methods itemMembers">
3112             
3113             <span class="subtitle">Methods</span>
3114             
3115                 <li data-name="LuCI.ui.Textfield#getValue"><a href="LuCI.ui.Textfield.html#getValue">getValue</a></li>
3116             
3117                 <li data-name="LuCI.ui.Textfield#isValid"><a href="LuCI.ui.Textfield.html#isValid">isValid</a></li>
3118             
3119                 <li data-name="LuCI.ui.Textfield#registerEvents"><a href="LuCI.ui.Textfield.html#registerEvents">registerEvents</a></li>
3120             
3121                 <li data-name="LuCI.ui.Textfield#render"><a href="LuCI.ui.Textfield.html#render">render</a></li>
3122             
3123                 <li data-name="LuCI.ui.Textfield#setChangeEvents"><a href="LuCI.ui.Textfield.html#setChangeEvents">setChangeEvents</a></li>
3124             
3125                 <li data-name="LuCI.ui.Textfield#setUpdateEvents"><a href="LuCI.ui.Textfield.html#setUpdateEvents">setUpdateEvents</a></li>
3126             
3127                 <li data-name="LuCI.ui.Textfield#setValue"><a href="LuCI.ui.Textfield.html#setValue">setValue</a></li>
3128             
3129                 <li data-name="LuCI.ui.Textfield#triggerValidation"><a href="LuCI.ui.Textfield.html#triggerValidation">triggerValidation</a></li>
3130             
3131             </ul>
3132             <ul class="events itemMembers">
3133             
3134             </ul>
3135         </li>
3136     
3137         <li class="item" data-name="LuCI.view">
3138             <span class="title">
3139                 <a href="LuCI.view.html">LuCI.view</a>
3140                 
3141             </span>
3142             <ul class="members itemMembers">
3143             
3144             </ul>
3145             <ul class="typedefs itemMembers">
3146             
3147             </ul>
3148             <ul class="typedefs itemMembers">
3149             
3150             </ul>
3151             <ul class="methods itemMembers">
3152             
3153             <span class="subtitle">Methods</span>
3154             
3155                 <li data-name="LuCI.view#addFooter"><a href="LuCI.view.html#addFooter">addFooter</a></li>
3156             
3157                 <li data-name="LuCI.view#handleReset"><a href="LuCI.view.html#handleReset">handleReset</a></li>
3158             
3159                 <li data-name="LuCI.view#handleSave"><a href="LuCI.view.html#handleSave">handleSave</a></li>
3160             
3161                 <li data-name="LuCI.view#handleSaveApply"><a href="LuCI.view.html#handleSaveApply">handleSaveApply</a></li>
3162             
3163                 <li data-name="LuCI.view#load"><a href="LuCI.view.html#load">load</a></li>
3164             
3165                 <li data-name="LuCI.view#render"><a href="LuCI.view.html#render">render</a></li>
3166             
3167             </ul>
3168             <ul class="events itemMembers">
3169             
3170             </ul>
3171         </li>
3172     
3173         <li class="item" data-name="LuCI.xhr">
3174             <span class="title">
3175                 <a href="LuCI.xhr.html">LuCI.xhr</a>
3176                 
3177             </span>
3178             <ul class="members itemMembers">
3179             
3180             </ul>
3181             <ul class="typedefs itemMembers">
3182             
3183             </ul>
3184             <ul class="typedefs itemMembers">
3185             
3186             </ul>
3187             <ul class="methods itemMembers">
3188             
3189             <span class="subtitle">Methods</span>
3190             
3191                 <li data-name="LuCI.xhr#abort"><a href="LuCI.xhr.html#abort">abort</a></li>
3192             
3193                 <li data-name="LuCI.xhr#busy"><a href="LuCI.xhr.html#busy">busy</a></li>
3194             
3195                 <li data-name="LuCI.xhr#cancel"><a href="LuCI.xhr.html#cancel">cancel</a></li>
3196             
3197                 <li data-name="LuCI.xhr#get"><a href="LuCI.xhr.html#get">get</a></li>
3198             
3199                 <li data-name="LuCI.xhr#post"><a href="LuCI.xhr.html#post">post</a></li>
3200             
3201                 <li data-name="LuCI.xhr#send_form"><a href="LuCI.xhr.html#send_form">send_form</a></li>
3202             
3203             </ul>
3204             <ul class="events itemMembers">
3205             
3206             </ul>
3207         </li>
3208     
3209     </ul>
3210 </div>
3211     <div class="main">
3212         <h1 class="page-title" data-filename="form.js.html">Source: form.js</h1>
3213         
3214
3215
3216     
3217     <section>
3218         <article>
3219             <pre id="source-code" class="prettyprint source "><code>'use strict';
3220 'require ui';
3221 'require uci';
3222 'require dom';
3223 'require baseclass';
3224
3225 var scope = this;
3226
3227 var CBIJSONConfig = baseclass.extend({
3228         __init__: function(data) {
3229                 data = Object.assign({}, data);
3230
3231                 this.data = {};
3232
3233                 var num_sections = 0,
3234                     section_ids = [];
3235
3236                 for (var sectiontype in data) {
3237                         if (!data.hasOwnProperty(sectiontype))
3238                                 continue;
3239
3240                         if (L.isObject(data[sectiontype])) {
3241                                 this.data[sectiontype] = Object.assign(data[sectiontype], {
3242                                         '.anonymous': false,
3243                                         '.name': sectiontype,
3244                                         '.type': sectiontype
3245                                 });
3246
3247                                 section_ids.push(sectiontype);
3248                                 num_sections++;
3249                         }
3250                         else if (Array.isArray(data[sectiontype])) {
3251                                 for (var i = 0, index = 0; i &lt; data[sectiontype].length; i++) {
3252                                         var item = data[sectiontype][i],
3253                                             anonymous, name;
3254
3255                                         if (!L.isObject(item))
3256                                                 continue;
3257
3258                                         if (typeof(item['.name']) == 'string') {
3259                                                 name = item['.name'];
3260                                                 anonymous = false;
3261                                         }
3262                                         else {
3263                                                 name = sectiontype + num_sections;
3264                                                 anonymous = true;
3265                                         }
3266
3267                                         if (!this.data.hasOwnProperty(name))
3268                                                 section_ids.push(name);
3269
3270                                         this.data[name] = Object.assign(item, {
3271                                                 '.index': num_sections++,
3272                                                 '.anonymous': anonymous,
3273                                                 '.name': name,
3274                                                 '.type': sectiontype
3275                                         });
3276                                 }
3277                         }
3278                 }
3279
3280                 section_ids.sort(L.bind(function(a, b) {
3281                         var indexA = (this.data[a]['.index'] != null) ? +this.data[a]['.index'] : 9999,
3282                             indexB = (this.data[b]['.index'] != null) ? +this.data[b]['.index'] : 9999;
3283
3284                         if (indexA != indexB)
3285                                 return (indexA - indexB);
3286
3287                         return (a > b);
3288                 }, this));
3289
3290                 for (var i = 0; i &lt; section_ids.length; i++)
3291                         this.data[section_ids[i]]['.index'] = i;
3292         },
3293
3294         load: function() {
3295                 return Promise.resolve(this.data);
3296         },
3297
3298         save: function() {
3299                 return Promise.resolve();
3300         },
3301
3302         get: function(config, section, option) {
3303                 if (section == null)
3304                         return null;
3305
3306                 if (option == null)
3307                         return this.data[section];
3308
3309                 if (!this.data.hasOwnProperty(section))
3310                         return null;
3311
3312                 var value = this.data[section][option];
3313
3314                 if (Array.isArray(value))
3315                         return value;
3316
3317                 if (value != null)
3318                         return String(value);
3319
3320                 return null;
3321         },
3322
3323         set: function(config, section, option, value) {
3324                 if (section == null || option == null || option.charAt(0) == '.')
3325                         return;
3326
3327                 if (!this.data.hasOwnProperty(section))
3328                         return;
3329
3330                 if (value == null)
3331                         delete this.data[section][option];
3332                 else if (Array.isArray(value))
3333                         this.data[section][option] = value;
3334                 else
3335                         this.data[section][option] = String(value);
3336         },
3337
3338         unset: function(config, section, option) {
3339                 return this.set(config, section, option, null);
3340         },
3341
3342         sections: function(config, sectiontype, callback) {
3343                 var rv = [];
3344
3345                 for (var section_id in this.data)
3346                         if (sectiontype == null || this.data[section_id]['.type'] == sectiontype)
3347                                 rv.push(this.data[section_id]);
3348
3349                 rv.sort(function(a, b) { return a['.index'] - b['.index'] });
3350
3351                 if (typeof(callback) == 'function')
3352                         for (var i = 0; i &lt; rv.length; i++)
3353                                 callback.call(this, rv[i], rv[i]['.name']);
3354
3355                 return rv;
3356         },
3357
3358         add: function(config, sectiontype, sectionname) {
3359                 var num_sections_type = 0, next_index = 0;
3360
3361                 for (var name in this.data) {
3362                         num_sections_type += (this.data[name]['.type'] == sectiontype);
3363                         next_index = Math.max(next_index, this.data[name]['.index']);
3364                 }
3365
3366                 var section_id = sectionname || sectiontype + num_sections_type;
3367
3368                 if (!this.data.hasOwnProperty(section_id)) {
3369                         this.data[section_id] = {
3370                                 '.name': section_id,
3371                                 '.type': sectiontype,
3372                                 '.anonymous': (sectionname == null),
3373                                 '.index': next_index + 1
3374                         };
3375                 }
3376
3377                 return section_id;
3378         },
3379
3380         remove: function(config, section) {
3381                 if (this.data.hasOwnProperty(section))
3382                         delete this.data[section];
3383         },
3384
3385         resolveSID: function(config, section_id) {
3386                 return section_id;
3387         },
3388
3389         move: function(config, section_id1, section_id2, after) {
3390                 return uci.move.apply(this, [config, section_id1, section_id2, after]);
3391         }
3392 });
3393
3394 /**
3395  * @class AbstractElement
3396  * @memberof LuCI.form
3397  * @hideconstructor
3398  * @classdesc
3399  *
3400  * The `AbstractElement` class serves as abstract base for the different form
3401  * elements implemented by `LuCI.form`. It provides the common logic for
3402  * loading and rendering values, for nesting elements and for defining common
3403  * properties.
3404  *
3405  * This class is private and not directly accessible by user code.
3406  */
3407 var CBIAbstractElement = baseclass.extend(/** @lends LuCI.form.AbstractElement.prototype */ {
3408         __init__: function(title, description) {
3409                 this.title = title || '';
3410                 this.description = description || '';
3411                 this.children = [];
3412         },
3413
3414         /**
3415          * Add another form element as children to this element.
3416          *
3417          * @param {AbstractElement} element
3418          * The form element to add.
3419          */
3420         append: function(obj) {
3421                 this.children.push(obj);
3422         },
3423
3424         /**
3425          * Parse this elements form input.
3426          *
3427          * The `parse()` function recursively walks the form element tree and
3428          * triggers input value reading and validation for each encountered element.
3429          *
3430          * Elements which are hidden due to unsatisified dependencies are skipped.
3431          *
3432          * @returns {Promise&lt;void>}
3433          * Returns a promise resolving once this element's value and the values of
3434          * all child elements have been parsed. The returned promise is rejected
3435          * if any parsed values are not meeting the validation constraints of their
3436          * respective elements.
3437          */
3438         parse: function() {
3439                 var args = arguments;
3440                 this.children.forEach(function(child) {
3441                         child.parse.apply(child, args);
3442                 });
3443         },
3444
3445         /**
3446          * Render the form element.
3447          *
3448          * The `render()` function recursively walks the form element tree and
3449          * renders the markup for each element, returning the assembled DOM tree.
3450          *
3451          * @abstract
3452          * @returns {Node|Promise&lt;Node>}
3453          * May return a DOM Node or a promise resolving to a DOM node containing
3454          * the form element's markup, including the markup of any child elements.
3455          */
3456         render: function() {
3457                 L.error('InternalError', 'Not implemented');
3458         },
3459
3460         /** @private */
3461         loadChildren: function(/* ... */) {
3462                 var tasks = [];
3463
3464                 if (Array.isArray(this.children))
3465                         for (var i = 0; i &lt; this.children.length; i++)
3466                                 if (!this.children[i].disable)
3467                                         tasks.push(this.children[i].load.apply(this.children[i], arguments));
3468
3469                 return Promise.all(tasks);
3470         },
3471
3472         /** @private */
3473         renderChildren: function(tab_name /*, ... */) {
3474                 var tasks = [],
3475                     index = 0;
3476
3477                 if (Array.isArray(this.children))
3478                         for (var i = 0; i &lt; this.children.length; i++)
3479                                 if (tab_name === null || this.children[i].tab === tab_name)
3480                                         if (!this.children[i].disable)
3481                                                 tasks.push(this.children[i].render.apply(
3482                                                         this.children[i], this.varargs(arguments, 1, index++)));
3483
3484                 return Promise.all(tasks);
3485         },
3486
3487         /**
3488          * Strip any HTML tags from the given input string.
3489          *
3490          * @param {string} input
3491          * The input string to clean.
3492          *
3493          * @returns {string}
3494          * The cleaned input string with HTML removes removed.
3495          */
3496         stripTags: function(s) {
3497                 if (typeof(s) == 'string' &amp;&amp; !s.match(/[&lt;>]/))
3498                         return s;
3499
3500                 var x = E('div', {}, s);
3501                 return x.textContent || x.innerText || '';
3502         },
3503
3504         /**
3505          * Format the given named property as title string.
3506          *
3507          * This function looks up the given named property and formats its value
3508          * suitable for use as element caption or description string. It also
3509          * strips any HTML tags from the result.
3510          *
3511          * If the property value is a string, it is passed to `String.format()`
3512          * along with any additional parameters passed to `titleFn()`.
3513          *
3514          * If the property value is a function, it is invoked with any additional
3515          * `titleFn()` parameters as arguments and the obtained return value is
3516          * converted to a string.
3517          *
3518          * In all other cases, `null` is returned.
3519          *
3520          * @param {string} property
3521          * The name of the element property to use.
3522          *
3523          * @param {...*} fmt_args
3524          * Extra values to format the title string with.
3525          *
3526          * @returns {string|null}
3527          * The formatted title string or `null` if the property did not exist or
3528          * was neither a string nor a function.
3529          */
3530         titleFn: function(attr /*, ... */) {
3531                 var s = null;
3532
3533                 if (typeof(this[attr]) == 'function')
3534                         s = this[attr].apply(this, this.varargs(arguments, 1));
3535                 else if (typeof(this[attr]) == 'string')
3536                         s = (arguments.length > 1) ? ''.format.apply(this[attr], this.varargs(arguments, 1)) : this[attr];
3537
3538                 if (s != null)
3539                         s = this.stripTags(String(s)).trim();
3540
3541                 if (s == null || s == '')
3542                         return null;
3543
3544                 return s;
3545         }
3546 });
3547
3548 /**
3549  * @constructor Map
3550  * @memberof LuCI.form
3551  * @augments LuCI.form.AbstractElement
3552  *
3553  * @classdesc
3554  *
3555  * The `Map` class represents one complete form. A form usually maps one UCI
3556  * configuraton file and is divided into multiple sections containing multiple
3557  * fields each.
3558  *
3559  * It serves as main entry point into the `LuCI.form` for typical view code.
3560  *
3561  * @param {string} config
3562  * The UCI configuration to map. It is automatically loaded along when the
3563  * resulting map instance.
3564  *
3565  * @param {string} [title]
3566  * The title caption of the form. A form title is usually rendered as separate
3567  * headline element before the actual form contents. If omitted, the
3568  * corresponding headline element will not be rendered.
3569  *
3570  * @param {string} [description]
3571  * The description text of the form which is usually rendered as text
3572  * paragraph below the form title and before the actual form conents.
3573  * If omitted, the corresponding paragraph element will not be rendered.
3574  */
3575 var CBIMap = CBIAbstractElement.extend(/** @lends LuCI.form.Map.prototype */ {
3576         __init__: function(config /*, ... */) {
3577                 this.super('__init__', this.varargs(arguments, 1));
3578
3579                 this.config = config;
3580                 this.parsechain = [ config ];
3581                 this.data = uci;
3582         },
3583
3584         /**
3585          * Find all DOM nodes within this Map which match the given search
3586          * parameters. This function is essentially a convenience wrapper around
3587          * `querySelectorAll()`.
3588          *
3589          * This function is sensitive to the amount of arguments passed to it;
3590          * if only one argument is specified, it is used as selector-expression
3591          * as-is. When two arguments are passed, the first argument is treated
3592          * as attribute name, the second one as attribute value to match.
3593          *
3594          * As an example, `map.findElements('input')` would find all `&lt;input>`
3595          * nodes while `map.findElements('type', 'text')` would find any DOM node
3596          * with a `type="text"` attribute.
3597          *
3598          * @param {string} selector_or_attrname
3599          * If invoked with only one parameter, this argument is a
3600          * `querySelectorAll()` compatible selector expression. If invoked with
3601          * two parameters, this argument is the attribute name to filter for.
3602          *
3603          * @param {string} [attrvalue]
3604          * In case the function is invoked with two parameters, this argument
3605          * specifies the attribute value to match.
3606          *
3607          * @throws {InternalError}
3608          * Throws an `InternalError` if more than two function parameters are
3609          * passed.
3610          *
3611          * @returns {NodeList}
3612          * Returns a (possibly empty) DOM `NodeList` containing the found DOM nodes.
3613          */
3614         findElements: function(/* ... */) {
3615                 var q = null;
3616
3617                 if (arguments.length == 1)
3618                         q = arguments[0];
3619                 else if (arguments.length == 2)
3620                         q = '[%s="%s"]'.format(arguments[0], arguments[1]);
3621                 else
3622                         L.error('InternalError', 'Expecting one or two arguments to findElements()');
3623
3624                 return this.root.querySelectorAll(q);
3625         },
3626
3627         /**
3628          * Find the first DOM node within this Map which matches the given search
3629          * parameters. This function is essentially a convenience wrapper around
3630          * `findElements()` which only returns the first found node.
3631          *
3632          * This function is sensitive to the amount of arguments passed to it;
3633          * if only one argument is specified, it is used as selector-expression
3634          * as-is. When two arguments are passed, the first argument is treated
3635          * as attribute name, the second one as attribute value to match.
3636          *
3637          * As an example, `map.findElement('input')` would find the first `&lt;input>`
3638          * node while `map.findElement('type', 'text')` would find the first DOM
3639          * node with a `type="text"` attribute.
3640          *
3641          * @param {string} selector_or_attrname
3642          * If invoked with only one parameter, this argument is a `querySelector()`
3643          * compatible selector expression. If invoked with two parameters, this
3644          * argument is the attribute name to filter for.
3645          *
3646          * @param {string} [attrvalue]
3647          * In case the function is invoked with two parameters, this argument
3648          * specifies the attribute value to match.
3649          *
3650          * @throws {InternalError}
3651          * Throws an `InternalError` if more than two function parameters are
3652          * passed.
3653          *
3654          * @returns {Node|null}
3655          * Returns the first found DOM node or `null` if no element matched.
3656          */
3657         findElement: function(/* ... */) {
3658                 var res = this.findElements.apply(this, arguments);
3659                 return res.length ? res[0] : null;
3660         },
3661
3662         /**
3663          * Tie another UCI configuration to the map.
3664          *
3665          * By default, a map instance will only load the UCI configuration file
3666          * specified in the constructor but sometimes access to values from
3667          * further configuration files is required. This function allows for such
3668          * use cases by registering further UCI configuration files which are
3669          * needed by the map.
3670          *
3671          * @param {string} config
3672          * The additional UCI configuration file to tie to the map. If the given
3673          * config already is in the list of required files, it will be ignored.
3674          */
3675         chain: function(config) {
3676                 if (this.parsechain.indexOf(config) == -1)
3677                         this.parsechain.push(config);
3678         },
3679
3680         /**
3681          * Add a configuration section to the map.
3682          *
3683          * LuCI forms follow the structure of the underlying UCI configurations,
3684          * means that a map, which represents a single UCI configuration, is
3685          * divided into multiple sections which in turn contain an arbitrary
3686          * number of options.
3687          *
3688          * While UCI itself only knows two kinds of sections - named and anonymous
3689          * ones - the form class offers various flavors of form section elements
3690          * to present configuration sections in different ways. Refer to the
3691          * documentation of the different section classes for details.
3692          *
3693          * @param {LuCI.form.AbstractSection} sectionclass
3694          * The section class to use for rendering the configuration section.
3695          * Note that this value must be the class itself, not a class instance
3696          * obtained from calling `new`. It must also be a class dervied from
3697          * `LuCI.form.AbstractSection`.
3698          *
3699          * @param {...string} classargs
3700          * Additional arguments which are passed as-is to the contructor of the
3701          * given section class. Refer to the class specific constructor
3702          * documentation for details.
3703          *
3704          * @returns {LuCI.form.AbstractSection}
3705          * Returns the instantiated section class instance.
3706          */
3707         section: function(cbiClass /*, ... */) {
3708                 if (!CBIAbstractSection.isSubclass(cbiClass))
3709                         L.error('TypeError', 'Class must be a descendent of CBIAbstractSection');
3710
3711                 var obj = cbiClass.instantiate(this.varargs(arguments, 1, this));
3712                 this.append(obj);
3713                 return obj;
3714         },
3715
3716         /**
3717          * Load the configuration covered by this map.
3718          *
3719          * The `load()` function first loads all referenced UCI configurations,
3720          * then it recursively walks the form element tree and invokes the
3721          * load function of each child element.
3722          *
3723          * @returns {Promise&lt;void>}
3724          * Returns a promise resolving once the entire form completed loading all
3725          * data. The promise may reject with an error if any configuration failed
3726          * to load or if any of the child elements load functions rejected with
3727          * an error.
3728          */
3729         load: function() {
3730                 return this.data.load(this.parsechain || [ this.config ])
3731                         .then(this.loadChildren.bind(this));
3732         },
3733
3734         /**
3735          * Parse the form input values.
3736          *
3737          * The `parse()` function recursively walks the form element tree and
3738          * triggers input value reading and validation for each child element.
3739          *
3740          * Elements which are hidden due to unsatisified dependencies are skipped.
3741          *
3742          * @returns {Promise&lt;void>}
3743          * Returns a promise resolving once the entire form completed parsing all
3744          * input values. The returned promise is rejected if any parsed values are
3745          * not meeting the validation constraints of their respective elements.
3746          */
3747         parse: function() {
3748                 var tasks = [];
3749
3750                 if (Array.isArray(this.children))
3751                         for (var i = 0; i &lt; this.children.length; i++)
3752                                 tasks.push(this.children[i].parse());
3753
3754                 return Promise.all(tasks);
3755         },
3756
3757         /**
3758          * Save the form input values.
3759          *
3760          * This function parses the current form, saves the resulting UCI changes,
3761          * reloads the UCI configuration data and redraws the form elements.
3762          *
3763          * @param {function} [cb]
3764          * An optional callback function that is invoked after the form is parsed
3765          * but before the changed UCI data is saved. This is useful to perform
3766          * additional data manipulation steps before saving the changes.
3767          *
3768          * @param {boolean} [silent=false]
3769          * If set to `true`, trigger an alert message to the user in case saving
3770          * the form data failes. Otherwise fail silently.
3771          *
3772          * @returns {Promise&lt;void>}
3773          * Returns a promise resolving once the entire save operation is complete.
3774          * The returned promise is rejected if any step of the save operation
3775          * failed.
3776          */
3777         save: function(cb, silent) {
3778                 this.checkDepends();
3779
3780                 return this.parse()
3781                         .then(cb)
3782                         .then(this.data.save.bind(this.data))
3783                         .then(this.load.bind(this))
3784                         .catch(function(e) {
3785                                 if (!silent)
3786                                         alert('Cannot save due to invalid values');
3787
3788                                 return Promise.reject();
3789                         }).finally(this.renderContents.bind(this));
3790         },
3791
3792         /**
3793          * Reset the form by re-rendering its contents. This will revert all
3794          * unsaved user inputs to their initial form state.
3795          *
3796          * @returns {Promise&lt;Node>}
3797          * Returns a promise resolving to the toplevel form DOM node once the
3798          * re-rendering is complete.
3799          */
3800         reset: function() {
3801                 return this.renderContents();
3802         },
3803
3804         /**
3805          * Render the form markup.
3806          *
3807          * @returns {Promise&lt;Node>}
3808          * Returns a promise resolving to the toplevel form DOM node once the
3809          * rendering is complete.
3810          */
3811         render: function() {
3812                 return this.load().then(this.renderContents.bind(this));
3813         },
3814
3815         /** @private */
3816         renderContents: function() {
3817                 var mapEl = this.root || (this.root = E('div', {
3818                         'id': 'cbi-%s'.format(this.config),
3819                         'class': 'cbi-map',
3820                         'cbi-dependency-check': L.bind(this.checkDepends, this)
3821                 }));
3822
3823                 dom.bindClassInstance(mapEl, this);
3824
3825                 return this.renderChildren(null).then(L.bind(function(nodes) {
3826                         var initialRender = !mapEl.firstChild;
3827
3828                         dom.content(mapEl, null);
3829
3830                         if (this.title != null &amp;&amp; this.title != '')
3831                                 mapEl.appendChild(E('h2', { 'name': 'content' }, this.title));
3832
3833                         if (this.description != null &amp;&amp; this.description != '')
3834                                 mapEl.appendChild(E('div', { 'class': 'cbi-map-descr' }, this.description));
3835
3836                         if (this.tabbed)
3837                                 dom.append(mapEl, E('div', { 'class': 'cbi-map-tabbed' }, nodes));
3838                         else
3839                                 dom.append(mapEl, nodes);
3840
3841                         if (!initialRender) {
3842                                 mapEl.classList.remove('flash');
3843
3844                                 window.setTimeout(function() {
3845                                         mapEl.classList.add('flash');
3846                                 }, 1);
3847                         }
3848
3849                         this.checkDepends();
3850
3851                         var tabGroups = mapEl.querySelectorAll('.cbi-map-tabbed, .cbi-section-node-tabbed');
3852
3853                         for (var i = 0; i &lt; tabGroups.length; i++)
3854                                 ui.tabs.initTabGroup(tabGroups[i].childNodes);
3855
3856                         return mapEl;
3857                 }, this));
3858         },
3859
3860         /**
3861          * Find a form option element instance.
3862          *
3863          * @param {string} name_or_id
3864          * The name or the full ID of the option element to look up.
3865          *
3866          * @param {string} [section_id]
3867          * The ID of the UCI section containing the option to look up. May be
3868          * omitted if a full ID is passed as first argument.
3869          *
3870          * @param {string} [config]
3871          * The name of the UCI configuration the option instance is belonging to.
3872          * Defaults to the main UCI configuration of the map if omitted.
3873          *
3874          * @returns {Array&lt;LuCI.form.AbstractValue,string>|null}
3875          * Returns a two-element array containing the form option instance as
3876          * first item and the corresponding UCI section ID as second item.
3877          * Returns `null` if the option could not be found.
3878          */
3879         lookupOption: function(name, section_id, config_name) {
3880                 var id, elem, sid, inst;
3881
3882                 if (name.indexOf('.') > -1)
3883                         id = 'cbid.%s'.format(name);
3884                 else
3885                         id = 'cbid.%s.%s.%s'.format(config_name || this.config, section_id, name);
3886
3887                 elem = this.findElement('data-field', id);
3888                 sid  = elem ? id.split(/\./)[2] : null;
3889                 inst = elem ? dom.findClassInstance(elem) : null;
3890
3891                 return (inst instanceof CBIAbstractValue) ? [ inst, sid ] : null;
3892         },
3893
3894         /** @private */
3895         checkDepends: function(ev, n) {
3896                 var changed = false;
3897
3898                 for (var i = 0, s = this.children[0]; (s = this.children[i]) != null; i++)
3899                         if (s.checkDepends(ev, n))
3900                                 changed = true;
3901
3902                 if (changed &amp;&amp; (n || 0) &lt; 10)
3903                         this.checkDepends(ev, (n || 10) + 1);
3904
3905                 ui.tabs.updateTabs(ev, this.root);
3906         },
3907
3908         /** @private */
3909         isDependencySatisfied: function(depends, config_name, section_id) {
3910                 var def = false;
3911
3912                 if (!Array.isArray(depends) || !depends.length)
3913                         return true;
3914
3915                 for (var i = 0; i &lt; depends.length; i++) {
3916                         var istat = true,
3917                             reverse = depends[i]['!reverse'],
3918                             contains = depends[i]['!contains'];
3919
3920                         for (var dep in depends[i]) {
3921                                 if (dep == '!reverse' || dep == '!contains') {
3922                                         continue;
3923                                 }
3924                                 else if (dep == '!default') {
3925                                         def = true;
3926                                         istat = false;
3927                                 }
3928                                 else {
3929                                         var res = this.lookupOption(dep, section_id, config_name),
3930                                             val = (res &amp;&amp; res[0].isActive(res[1])) ? res[0].formvalue(res[1]) : null;
3931
3932                                         var equal = contains
3933                                                 ? isContained(val, depends[i][dep])
3934                                                 : isEqual(val, depends[i][dep]);
3935
3936                                         istat = (istat &amp;&amp; equal);
3937                                 }
3938                         }
3939
3940                         if (istat ^ reverse)
3941                                 return true;
3942                 }
3943
3944                 return def;
3945         }
3946 });
3947
3948 /**
3949  * @constructor JSONMap
3950  * @memberof LuCI.form
3951  * @augments LuCI.form.Map
3952  *
3953  * @classdesc
3954  *
3955  * A `JSONMap` class functions similar to [LuCI.form.Map]{@link LuCI.form.Map}
3956  * but uses a multidimensional JavaScript object instead of UCI configuration
3957  * as data source.
3958  *
3959  * @param {Object&lt;string, Object&lt;string, *>|Array&lt;Object&lt;string, *>>>} data
3960  * The JavaScript object to use as data source. Internally, the object is
3961  * converted into an UCI-like format. Its toplevel keys are treated like UCI
3962  * section types while the object or array-of-object values are treated as
3963  * section contents.
3964  *
3965  * @param {string} [title]
3966  * The title caption of the form. A form title is usually rendered as separate
3967  * headline element before the actual form contents. If omitted, the
3968  * corresponding headline element will not be rendered.
3969  *
3970  * @param {string} [description]
3971  * The description text of the form which is usually rendered as text
3972  * paragraph below the form title and before the actual form conents.
3973  * If omitted, the corresponding paragraph element will not be rendered.
3974  */
3975 var CBIJSONMap = CBIMap.extend(/** @lends LuCI.form.JSONMap.prototype */ {
3976         __init__: function(data /*, ... */) {
3977                 this.super('__init__', this.varargs(arguments, 1, 'json'));
3978
3979                 this.config = 'json';
3980                 this.parsechain = [ 'json' ];
3981                 this.data = new CBIJSONConfig(data);
3982         }
3983 });
3984
3985 /**
3986  * @class AbstractSection
3987  * @memberof LuCI.form
3988  * @augments LuCI.form.AbstractElement
3989  * @hideconstructor
3990  * @classdesc
3991  *
3992  * The `AbstractSection` class serves as abstract base for the different form
3993  * section styles implemented by `LuCI.form`. It provides the common logic for
3994  * enumerating underlying configuration section instances, for registering
3995  * form options and for handling tabs to segment child options.
3996  *
3997  * This class is private and not directly accessible by user code.
3998  */
3999 var CBIAbstractSection = CBIAbstractElement.extend(/** @lends LuCI.form.AbstractSection.prototype */ {
4000         __init__: function(map, sectionType /*, ... */) {
4001                 this.super('__init__', this.varargs(arguments, 2));
4002
4003                 this.sectiontype = sectionType;
4004                 this.map = map;
4005                 this.config = map.config;
4006
4007                 this.optional = true;
4008                 this.addremove = false;
4009                 this.dynamic = false;
4010         },
4011
4012         /**
4013          * Access the parent option container instance.
4014          *
4015          * In case this section is nested within an option element container,
4016          * this property will hold a reference to the parent option instance.
4017          *
4018          * If this section is not nested, the property is `null`.
4019          *
4020          * @name LuCI.form.AbstractSection.prototype#parentoption
4021          * @type LuCI.form.AbstractValue
4022          * @readonly
4023          */
4024
4025         /**
4026          * Enumerate the UCI section IDs covered by this form section element.
4027          *
4028          * @abstract
4029          * @throws {InternalError}
4030          * Throws an `InternalError` exception if the function is not implemented.
4031          *
4032          * @returns {string[]}
4033          * Returns an array of UCI section IDs covered by this form element.
4034          * The sections will be rendered in the same order as the returned array.
4035          */
4036         cfgsections: function() {
4037                 L.error('InternalError', 'Not implemented');
4038         },
4039
4040         /**
4041          * Filter UCI section IDs to render.
4042          *
4043          * The filter function is invoked for each UCI section ID of a given type
4044          * and controls whether the given UCI section is rendered or ignored by
4045          * the form section element.
4046          *
4047          * The default implementation always returns `true`. User code or
4048          * classes extending `AbstractSection` may overwrite this function with
4049          * custom implementations.
4050          *
4051          * @abstract
4052          * @param {string} section_id
4053          * The UCI section ID to test.
4054          *
4055          * @returns {boolean}
4056          * Returns `true` when the given UCI section ID should be handled and
4057          * `false` when it should be ignored.
4058          */
4059         filter: function(section_id) {
4060                 return true;
4061         },
4062
4063         /**
4064          * Load the configuration covered by this section.
4065          *
4066          * The `load()` function recursively walks the section element tree and
4067          * invokes the load function of each child option element.
4068          *
4069          * @returns {Promise&lt;void>}
4070          * Returns a promise resolving once the values of all child elements have
4071          * been loaded. The promise may reject with an error if any of the child
4072          * elements load functions rejected with an error.
4073          */
4074         load: function() {
4075                 var section_ids = this.cfgsections(),
4076                     tasks = [];
4077
4078                 if (Array.isArray(this.children))
4079                         for (var i = 0; i &lt; section_ids.length; i++)
4080                                 tasks.push(this.loadChildren(section_ids[i])
4081                                         .then(Function.prototype.bind.call(function(section_id, set_values) {
4082                                                 for (var i = 0; i &lt; set_values.length; i++)
4083                                                         this.children[i].cfgvalue(section_id, set_values[i]);
4084                                         }, this, section_ids[i])));
4085
4086                 return Promise.all(tasks);
4087         },
4088
4089         /**
4090          * Parse this sections form input.
4091          *
4092          * The `parse()` function recursively walks the section element tree and
4093          * triggers input value reading and validation for each encountered child
4094          * option element.
4095          *
4096          * Options which are hidden due to unsatisified dependencies are skipped.
4097          *
4098          * @returns {Promise&lt;void>}
4099          * Returns a promise resolving once the values of all child elements have
4100          * been parsed. The returned promise is rejected if any parsed values are
4101          * not meeting the validation constraints of their respective elements.
4102          */
4103         parse: function() {
4104                 var section_ids = this.cfgsections(),
4105                     tasks = [];
4106
4107                 if (Array.isArray(this.children))
4108                         for (var i = 0; i &lt; section_ids.length; i++)
4109                                 for (var j = 0; j &lt; this.children.length; j++)
4110                                         tasks.push(this.children[j].parse(section_ids[i]));
4111
4112                 return Promise.all(tasks);
4113         },
4114
4115         /**
4116          * Add an option tab to the section.
4117          *
4118          * The child option elements of a section may be divided into multiple
4119          * tabs to provide a better overview to the user.
4120          *
4121          * Before options can be moved into a tab pane, the corresponding tab
4122          * has to be defined first, which is done by calling this function.
4123          *
4124          * Note that once tabs are defined, user code must use the `taboption()`
4125          * method to add options to specific tabs. Option elements added by
4126          * `option()` will not be assigned to any tab and not be rendered in this
4127          * case.
4128          *
4129          * @param {string} name
4130          * The name of the tab to register. It may be freely chosen and just serves
4131          * as an identifier to differentiate tabs.
4132          *
4133          * @param {string} title
4134          * The human readable caption of the tab.
4135          *
4136          * @param {string} [description]
4137          * An additional description text for the corresponding tab pane. It is
4138          * displayed as text paragraph below the tab but before the tab pane
4139          * contents. If omitted, no description will be rendered.
4140          *
4141          * @throws {Error}
4142          * Throws an exeption if a tab with the same `name` already exists.
4143          */
4144         tab: function(name, title, description) {
4145                 if (this.tabs &amp;&amp; this.tabs[name])
4146                         throw 'Tab already declared';
4147
4148                 var entry = {
4149                         name: name,
4150                         title: title,
4151                         description: description,
4152                         children: []
4153                 };
4154
4155                 this.tabs = this.tabs || [];
4156                 this.tabs.push(entry);
4157                 this.tabs[name] = entry;
4158
4159                 this.tab_names = this.tab_names || [];
4160                 this.tab_names.push(name);
4161         },
4162
4163         /**
4164          * Add a configuration option widget to the section.
4165          *
4166          * Note that [taboption()]{@link LuCI.form.AbstractSection#taboption}
4167          * should be used instead if this form section element uses tabs.
4168          *
4169          * @param {LuCI.form.AbstractValue} optionclass
4170          * The option class to use for rendering the configuration option. Note
4171          * that this value must be the class itself, not a class instance obtained
4172          * from calling `new`. It must also be a class dervied from
4173          * [LuCI.form.AbstractSection]{@link LuCI.form.AbstractSection}.
4174          *
4175          * @param {...*} classargs
4176          * Additional arguments which are passed as-is to the contructor of the
4177          * given option class. Refer to the class specific constructor
4178          * documentation for details.
4179          *
4180          * @throws {TypeError}
4181          * Throws a `TypeError` exception in case the passed class value is not a
4182          * descendent of `AbstractValue`.
4183          *
4184          * @returns {LuCI.form.AbstractValue}
4185          * Returns the instantiated option class instance.
4186          */
4187         option: function(cbiClass /*, ... */) {
4188                 if (!CBIAbstractValue.isSubclass(cbiClass))
4189                         throw L.error('TypeError', 'Class must be a descendent of CBIAbstractValue');
4190
4191                 var obj = cbiClass.instantiate(this.varargs(arguments, 1, this.map, this));
4192                 this.append(obj);
4193                 return obj;
4194         },
4195
4196         /**
4197          * Add a configuration option widget to a tab of the section.
4198          *
4199          * @param {string} tabname
4200          * The name of the section tab to add the option element to.
4201          *
4202          * @param {LuCI.form.AbstractValue} optionclass
4203          * The option class to use for rendering the configuration option. Note
4204          * that this value must be the class itself, not a class instance obtained
4205          * from calling `new`. It must also be a class dervied from
4206          * [LuCI.form.AbstractSection]{@link LuCI.form.AbstractSection}.
4207          *
4208          * @param {...*} classargs
4209          * Additional arguments which are passed as-is to the contructor of the
4210          * given option class. Refer to the class specific constructor
4211          * documentation for details.
4212          *
4213          * @throws {ReferenceError}
4214          * Throws a `ReferenceError` exception when the given tab name does not
4215          * exist.
4216          *
4217          * @throws {TypeError}
4218          * Throws a `TypeError` exception in case the passed class value is not a
4219          * descendent of `AbstractValue`.
4220          *
4221          * @returns {LuCI.form.AbstractValue}
4222          * Returns the instantiated option class instance.
4223          */
4224         taboption: function(tabName /*, ... */) {
4225                 if (!this.tabs || !this.tabs[tabName])
4226                         throw L.error('ReferenceError', 'Associated tab not declared');
4227
4228                 var obj = this.option.apply(this, this.varargs(arguments, 1));
4229                 obj.tab = tabName;
4230                 this.tabs[tabName].children.push(obj);
4231                 return obj;
4232         },
4233
4234         /** @private */
4235         renderUCISection: function(section_id) {
4236                 var renderTasks = [];
4237
4238                 if (!this.tabs)
4239                         return this.renderOptions(null, section_id);
4240
4241                 for (var i = 0; i &lt; this.tab_names.length; i++)
4242                         renderTasks.push(this.renderOptions(this.tab_names[i], section_id));
4243
4244                 return Promise.all(renderTasks)
4245                         .then(this.renderTabContainers.bind(this, section_id));
4246         },
4247
4248         /** @private */
4249         renderTabContainers: function(section_id, nodes) {
4250                 var config_name = this.uciconfig || this.map.config,
4251                     containerEls = E([]);
4252
4253                 for (var i = 0; i &lt; nodes.length; i++) {
4254                         var tab_name = this.tab_names[i],
4255                             tab_data = this.tabs[tab_name],
4256                             containerEl = E('div', {
4257                                 'id': 'container.%s.%s.%s'.format(config_name, section_id, tab_name),
4258                                 'data-tab': tab_name,
4259                                 'data-tab-title': tab_data.title,
4260                                 'data-tab-active': tab_name === this.selected_tab
4261                             });
4262
4263                         if (tab_data.description != null &amp;&amp; tab_data.description != '')
4264                                 containerEl.appendChild(
4265                                         E('div', { 'class': 'cbi-tab-descr' }, tab_data.description));
4266
4267                         containerEl.appendChild(nodes[i]);
4268                         containerEls.appendChild(containerEl);
4269                 }
4270
4271                 return containerEls;
4272         },
4273
4274         /** @private */
4275         renderOptions: function(tab_name, section_id) {
4276                 var in_table = (this instanceof CBITableSection);
4277                 return this.renderChildren(tab_name, section_id, in_table).then(function(nodes) {
4278                         var optionEls = E([]);
4279                         for (var i = 0; i &lt; nodes.length; i++)
4280                                 optionEls.appendChild(nodes[i]);
4281                         return optionEls;
4282                 });
4283         },
4284
4285         /** @private */
4286         checkDepends: function(ev, n) {
4287                 var changed = false,
4288                     sids = this.cfgsections();
4289
4290                 for (var i = 0, sid = sids[0]; (sid = sids[i]) != null; i++) {
4291                         for (var j = 0, o = this.children[0]; (o = this.children[j]) != null; j++) {
4292                                 var isActive = o.isActive(sid),
4293                                     isSatisified = o.checkDepends(sid);
4294
4295                                 if (isActive != isSatisified) {
4296                                         o.setActive(sid, !isActive);
4297                                         isActive = !isActive;
4298                                         changed = true;
4299                                 }
4300
4301                                 if (!n &amp;&amp; isActive)
4302                                         o.triggerValidation(sid);
4303                         }
4304                 }
4305
4306                 return changed;
4307         }
4308 });
4309
4310
4311 var isEqual = function(x, y) {
4312         if (x != null &amp;&amp; y != null &amp;&amp; typeof(x) != typeof(y))
4313                 return false;
4314
4315         if ((x == null &amp;&amp; y != null) || (x != null &amp;&amp; y == null))
4316                 return false;
4317
4318         if (Array.isArray(x)) {
4319                 if (x.length != y.length)
4320                         return false;
4321
4322                 for (var i = 0; i &lt; x.length; i++)
4323                         if (!isEqual(x[i], y[i]))
4324                                 return false;
4325         }
4326         else if (typeof(x) == 'object') {
4327                 for (var k in x) {
4328                         if (x.hasOwnProperty(k) &amp;&amp; !y.hasOwnProperty(k))
4329                                 return false;
4330
4331                         if (!isEqual(x[k], y[k]))
4332                                 return false;
4333                 }
4334
4335                 for (var k in y)
4336                         if (y.hasOwnProperty(k) &amp;&amp; !x.hasOwnProperty(k))
4337                                 return false;
4338         }
4339         else if (x != y) {
4340                 return false;
4341         }
4342
4343         return true;
4344 };
4345
4346 var isContained = function(x, y) {
4347         if (Array.isArray(x)) {
4348                 for (var i = 0; i &lt; x.length; i++)
4349                         if (x[i] == y)
4350                                 return true;
4351         }
4352         else if (L.isObject(x)) {
4353                 if (x.hasOwnProperty(y) &amp;&amp; x[y] != null)
4354                         return true;
4355         }
4356         else if (typeof(x) == 'string') {
4357                 return (x.indexOf(y) > -1);
4358         }
4359
4360         return false;
4361 };
4362
4363 /**
4364  * @class AbstractValue
4365  * @memberof LuCI.form
4366  * @augments LuCI.form.AbstractElement
4367  * @hideconstructor
4368  * @classdesc
4369  *
4370  * The `AbstractValue` class serves as abstract base for the different form
4371  * option styles implemented by `LuCI.form`. It provides the common logic for
4372  * handling option input values, for dependencies among options and for
4373  * validation constraints that should be applied to entered values.
4374  *
4375  * This class is private and not directly accessible by user code.
4376  */
4377 var CBIAbstractValue = CBIAbstractElement.extend(/** @lends LuCI.form.AbstractValue.prototype */ {
4378         __init__: function(map, section, option /*, ... */) {
4379                 this.super('__init__', this.varargs(arguments, 3));
4380
4381                 this.section = section;
4382                 this.option = option;
4383                 this.map = map;
4384                 this.config = map.config;
4385
4386                 this.deps = [];
4387                 this.initial = {};
4388                 this.rmempty = true;
4389                 this.default = null;
4390                 this.size = null;
4391                 this.optional = false;
4392         },
4393
4394         /**
4395          * If set to `false`, the underlying option value is retained upon saving
4396          * the form when the option element is disabled due to unsatisfied
4397          * dependency constraints.
4398          *
4399          * @name LuCI.form.AbstractValue.prototype#rmempty
4400          * @type boolean
4401          * @default true
4402          */
4403
4404         /**
4405          * If set to `true`, the underlying ui input widget is allowed to be empty,
4406          * otherwise the option element is marked invalid when no value is entered
4407          * or selected by the user.
4408          *
4409          * @name LuCI.form.AbstractValue.prototype#optional
4410          * @type boolean
4411          * @default false
4412          */
4413
4414         /**
4415          * Sets a default value to use when the underlying UCI option is not set.
4416          *
4417          * @name LuCI.form.AbstractValue.prototype#default
4418          * @type *
4419          * @default null
4420          */
4421
4422         /**
4423          * Specifies a datatype constraint expression to validate input values
4424          * against. Refer to {@link LuCI.validation} for details on the format.
4425          *
4426          * If the user entered input does not match the datatype validation, the
4427          * option element is marked as invalid.
4428          *
4429          * @name LuCI.form.AbstractValue.prototype#datatype
4430          * @type string
4431          * @default null
4432          */
4433
4434         /**
4435          * Specifies a custom validation function to test the user input for
4436          * validity. The validation function must return `true` to accept the
4437          * value. Any other return value type is converted to a string and
4438          * displayed to the user as validation error message.
4439          *
4440          * If the user entered input does not pass the validation function, the
4441          * option element is marked as invalid.
4442          *
4443          * @name LuCI.form.AbstractValue.prototype#validate
4444          * @type function
4445          * @default null
4446          */
4447
4448         /**
4449          * Override the UCI configuration name to read the option value from.
4450          *
4451          * By default, the configuration name is inherited from the parent Map.
4452          * By setting this property, a deviating configuration may be specified.
4453          *
4454          * The default is null, means inheriting from the parent form.
4455          *
4456          * @name LuCI.form.AbstractValue.prototype#uciconfig
4457          * @type string
4458          * @default null
4459          */
4460
4461         /**
4462          * Override the UCI section name to read the option value from.
4463          *
4464          * By default, the section ID is inherited from the parent section element.
4465          * By setting this property, a deviating section may be specified.
4466          *
4467          * The default is null, means inheriting from the parent section.
4468          *
4469          * @name LuCI.form.AbstractValue.prototype#ucisection
4470          * @type string
4471          * @default null
4472          */
4473
4474         /**
4475          * Override the UCI option name to read the value from.
4476          *
4477          * By default, the elements name, which is passed as third argument to
4478          * the constructor, is used as UCI option name. By setting this property,
4479          * a deviating UCI option may be specified.
4480          *
4481          * The default is null, means using the option element name.
4482          *
4483          * @name LuCI.form.AbstractValue.prototype#ucioption
4484          * @type string
4485          * @default null
4486          */
4487
4488         /**
4489          * Mark grid section option element as editable.
4490          *
4491          * Options which are displayed in the table portion of a `GridSection`
4492          * instance are rendered as readonly text by default. By setting the
4493          * `editable` property of a child option element to `true`, that element
4494          * is rendered as full input widget within its cell instead of a text only
4495          * preview.
4496          *
4497          * This property has no effect on options that are not children of grid
4498          * section elements.
4499          *
4500          * @name LuCI.form.AbstractValue.prototype#editable
4501          * @type boolean
4502          * @default false
4503          */
4504
4505         /**
4506          * Move grid section option element into the table, the modal popup or both.
4507          *
4508          * If this property is `null` (the default), the option element is
4509          * displayed in both the table preview area and the per-section instance
4510          * modal popup of a grid section. When it is set to `false` the option
4511          * is only shown in the table but not the modal popup. When set to `true`,
4512          * the option is only visible in the modal popup but not the table.
4513          *
4514          * This property has no effect on options that are not children of grid
4515          * section elements.
4516          *
4517          * @name LuCI.form.AbstractValue.prototype#modalonly
4518          * @type boolean
4519          * @default null
4520          */
4521
4522         /**
4523          * Override the cell width of a table or grid section child option.
4524          *
4525          * If the property is set to a numeric value, it is treated as pixel width
4526          * which is set on the containing cell element of the option, essentially
4527          * forcing a certain column width. When the property is set to a string
4528          * value, it is applied as-is to the CSS `width` property.
4529          *
4530          * This property has no effect on options that are not children of grid or
4531          * table section elements.
4532          *
4533          * @name LuCI.form.AbstractValue.prototype#width
4534          * @type number|string
4535          * @default null
4536          */
4537
4538         /**
4539          * Add a dependency contraint to the option.
4540          *
4541          * Dependency constraints allow making the presence of option elements
4542          * dependant on the current values of certain other options within the
4543          * same form. An option element with unsatisfied dependencies will be
4544          * hidden from the view and its current value is omitted when saving.
4545          *
4546          * Multiple constraints (that is, multiple calls to `depends()`) are
4547          * treated as alternatives, forming a logical "or" expression.
4548          *
4549          * By passing an object of name => value pairs as first argument, it is
4550          * possible to depend on multiple options simultaneously, allowing to form
4551          * a logical "and" expression.
4552          *
4553          * Option names may be given in "dot notation" which allows to reference
4554          * option elements outside of the current form section. If a name without
4555          * dot is specified, it refers to an option within the same configuration
4556          * section. If specified as &lt;code>configname.sectionid.optionname&lt;/code>,
4557          * options anywhere within the same form may be specified.
4558          *
4559          * The object notation also allows for a number of special keys which are
4560          * not treated as option names but as modifiers to influence the dependency
4561          * constraint evaluation. The associated value of these special "tag" keys
4562          * is ignored. The recognized tags are:
4563          *
4564          * &lt;ul>
4565          *   &lt;li>
4566          *    &lt;code>!reverse&lt;/code>&lt;br>
4567          *    Invert the dependency, instead of requiring another option to be
4568          *    equal to the dependency value, that option should &lt;em>not&lt;/em> be
4569          *    equal.
4570          *   &lt;/li>
4571          *   &lt;li>
4572          *    &lt;code>!contains&lt;/code>&lt;br>
4573          *    Instead of requiring an exact match, the dependency is considered
4574          *    satisfied when the dependency value is contained within the option
4575          *    value.
4576          *   &lt;/li>
4577          *   &lt;li>
4578          *    &lt;code>!default&lt;/code>&lt;br>
4579          *    The dependency is always satisfied
4580          *   &lt;/li>
4581          * &lt;/ul>
4582          *
4583          * Examples:
4584          *
4585          * &lt;ul>
4586          *  &lt;li>
4587          *   &lt;code>opt.depends("foo", "test")&lt;/code>&lt;br>
4588          *   Require the value of `foo` to be `test`.
4589          *  &lt;/li>
4590          *  &lt;li>
4591          *   &lt;code>opt.depends({ foo: "test" })&lt;/code>&lt;br>
4592          *   Equivalent to the previous example.
4593          *  &lt;/li>
4594          *  &lt;li>
4595          *   &lt;code>opt.depends({ foo: "test", bar: "qrx" })&lt;/code>&lt;br>
4596          *   Require the value of `foo` to be `test` and the value of `bar` to be
4597          *   `qrx`.
4598          *  &lt;/li>
4599          *  &lt;li>
4600          *   &lt;code>opt.depends({ foo: "test" })&lt;br>
4601          *         opt.depends({ bar: "qrx" })&lt;/code>&lt;br>
4602          *   Require either &lt;code>foo&lt;/code> to be set to &lt;code>test&lt;/code>,
4603          *   &lt;em>or&lt;/em> the &lt;code>bar&lt;/code> option to be &lt;code>qrx&lt;/code>.
4604          *  &lt;/li>
4605          *  &lt;li>
4606          *   &lt;code>opt.depends("test.section1.foo", "bar")&lt;/code>&lt;br>
4607          *   Require the "foo" form option within the "section1" section to be
4608          *   set to "bar".
4609          *  &lt;/li>
4610          *  &lt;li>
4611          *   &lt;code>opt.depends({ foo: "test", "!contains": true })&lt;/code>&lt;br>
4612          *   Require the "foo" option value to contain the substring "test".
4613          *  &lt;/li>
4614          * &lt;/ul>
4615          *
4616          * @param {string|Object&lt;string, string|boolean>} optionname_or_depends
4617          * The name of the option to depend on or an object describing multiple
4618          * dependencies which must be satified (a logical "and" expression).
4619          *
4620          * @param {string} optionvalue
4621          * When invoked with a plain option name as first argument, this parameter
4622          * specifies the expected value. In case an object is passed as first
4623          * argument, this parameter is ignored.
4624          */
4625         depends: function(field, value) {
4626                 var deps;
4627
4628                 if (typeof(field) === 'string')
4629                         deps = {}, deps[field] = value;
4630                 else
4631                         deps = field;
4632
4633                 this.deps.push(deps);
4634         },
4635
4636         /** @private */
4637         transformDepList: function(section_id, deplist) {
4638                 var list = deplist || this.deps,
4639                     deps = [];
4640
4641                 if (Array.isArray(list)) {
4642                         for (var i = 0; i &lt; list.length; i++) {
4643                                 var dep = {};
4644
4645                                 for (var k in list[i]) {
4646                                         if (list[i].hasOwnProperty(k)) {
4647                                                 if (k.charAt(0) === '!')
4648                                                         dep[k] = list[i][k];
4649                                                 else if (k.indexOf('.') !== -1)
4650                                                         dep['cbid.%s'.format(k)] = list[i][k];
4651                                                 else
4652                                                         dep['cbid.%s.%s.%s'.format(
4653                                                                 this.uciconfig || this.section.uciconfig || this.map.config,
4654                                                                 this.ucisection || section_id,
4655                                                                 k
4656                                                         )] = list[i][k];
4657                                         }
4658                                 }
4659
4660                                 for (var k in dep) {
4661                                         if (dep.hasOwnProperty(k)) {
4662                                                 deps.push(dep);
4663                                                 break;
4664                                         }
4665                                 }
4666                         }
4667                 }
4668
4669                 return deps;
4670         },
4671
4672         /** @private */
4673         transformChoices: function() {
4674                 if (!Array.isArray(this.keylist) || this.keylist.length == 0)
4675                         return null;
4676
4677                 var choices = {};
4678
4679                 for (var i = 0; i &lt; this.keylist.length; i++)
4680                         choices[this.keylist[i]] = this.vallist[i];
4681
4682                 return choices;
4683         },
4684
4685         /** @private */
4686         checkDepends: function(section_id) {
4687                 var config_name = this.uciconfig || this.section.uciconfig || this.map.config,
4688                     active = this.map.isDependencySatisfied(this.deps, config_name, section_id);
4689
4690                 if (active)
4691                         this.updateDefaultValue(section_id);
4692
4693                 return active;
4694         },
4695
4696         /** @private */
4697         updateDefaultValue: function(section_id) {
4698                 if (!L.isObject(this.defaults))
4699                         return;
4700
4701                 var config_name = this.uciconfig || this.section.uciconfig || this.map.config,
4702                     cfgvalue = L.toArray(this.cfgvalue(section_id))[0],
4703                     default_defval = null, satisified_defval = null;
4704
4705                 for (var value in this.defaults) {
4706                         if (!this.defaults[value] || this.defaults[value].length == 0) {
4707                                 default_defval = value;
4708                                 continue;
4709                         }
4710                         else if (this.map.isDependencySatisfied(this.defaults[value], config_name, section_id)) {
4711                                 satisified_defval = value;
4712                                 break;
4713                         }
4714                 }
4715
4716                 if (satisified_defval == null)
4717                         satisified_defval = default_defval;
4718
4719                 var node = this.map.findElement('id', this.cbid(section_id));
4720                 if (node &amp;&amp; node.getAttribute('data-changed') != 'true' &amp;&amp; satisified_defval != null &amp;&amp; cfgvalue == null)
4721                         dom.callClassMethod(node, 'setValue', satisified_defval);
4722
4723                 this.default = satisified_defval;
4724         },
4725
4726         /**
4727          * Obtain the internal ID ("cbid") of the element instance.
4728          *
4729          * Since each form section element may map multiple underlying
4730          * configuration sections, the configuration section ID is required to
4731          * form a fully qualified ID pointing to the specific element instance
4732          * within the given specific section.
4733          *
4734          * @param {string} section_id
4735          * The configuration section ID
4736          *
4737          * @throws {TypeError}
4738          * Throws a `TypeError` exception when no `section_id` was specified.
4739          *
4740          * @returns {string}
4741          * Returns the element ID.
4742          */
4743         cbid: function(section_id) {
4744                 if (section_id == null)
4745                         L.error('TypeError', 'Section ID required');
4746
4747                 return 'cbid.%s.%s.%s'.format(
4748                         this.uciconfig || this.section.uciconfig || this.map.config,
4749                         section_id, this.option);
4750         },
4751
4752         /**
4753          * Load the underlying configuration value.
4754          *
4755          * The default implementation of this method reads and returns the
4756          * underlying UCI option value (or the related JavaScript property for
4757          * `JSONMap` instances). It may be overwritten by user code to load data
4758          * from nonstandard sources.
4759          *
4760          * @param {string} section_id
4761          * The configuration section ID
4762          *
4763          * @throws {TypeError}
4764          * Throws a `TypeError` exception when no `section_id` was specified.
4765          *
4766          * @returns {*|Promise&lt;*>}
4767          * Returns the configuration value to initialize the option element with.
4768          * The return value of this function is filtered through `Promise.resolve()`
4769          * so it may return promises if overridden by user code.
4770          */
4771         load: function(section_id) {
4772                 if (section_id == null)
4773                         L.error('TypeError', 'Section ID required');
4774
4775                 return this.map.data.get(
4776                         this.uciconfig || this.section.uciconfig || this.map.config,
4777                         this.ucisection || section_id,
4778                         this.ucioption || this.option);
4779         },
4780
4781         /**
4782          * Obtain the underlying `LuCI.ui` element instance.
4783          *
4784          * @param {string} section_id
4785          * The configuration section ID
4786          *
4787          * @throws {TypeError}
4788          * Throws a `TypeError` exception when no `section_id` was specified.
4789          *
4790          * @return {LuCI.ui.AbstractElement|null}
4791          * Returns the `LuCI.ui` element instance or `null` in case the form
4792          * option implementation does not use `LuCI.ui` widgets.
4793          */
4794         getUIElement: function(section_id) {
4795                 var node = this.map.findElement('id', this.cbid(section_id)),
4796                     inst = node ? dom.findClassInstance(node) : null;
4797                 return (inst instanceof ui.AbstractElement) ? inst : null;
4798         },
4799
4800         /**
4801          * Query the underlying configuration value.
4802          *
4803          * The default implementation of this method returns the cached return
4804          * value of [load()]{@link LuCI.form.AbstractValue#load}. It may be
4805          * overwritten by user code to obtain the configuration value in a
4806          * different way.
4807          *
4808          * @param {string} section_id
4809          * The configuration section ID
4810          *
4811          * @throws {TypeError}
4812          * Throws a `TypeError` exception when no `section_id` was specified.
4813          *
4814          * @returns {*}
4815          * Returns the configuration value.
4816          */
4817         cfgvalue: function(section_id, set_value) {
4818                 if (section_id == null)
4819                         L.error('TypeError', 'Section ID required');
4820
4821                 if (arguments.length == 2) {
4822                         this.data = this.data || {};
4823                         this.data[section_id] = set_value;
4824                 }
4825
4826                 return this.data ? this.data[section_id] : null;
4827         },
4828
4829         /**
4830          * Query the current form input value.
4831          *
4832          * The default implementation of this method returns the current input
4833          * value of the underlying [LuCI.ui]{@link LuCI.ui.AbstractElement} widget.
4834          * It may be overwritten by user code to handle input values differently.
4835          *
4836          * @param {string} section_id
4837          * The configuration section ID
4838          *
4839          * @throws {TypeError}
4840          * Throws a `TypeError` exception when no `section_id` was specified.
4841          *
4842          * @returns {*}
4843          * Returns the current input value.
4844          */
4845         formvalue: function(section_id) {
4846                 var elem = this.getUIElement(section_id);
4847                 return elem ? elem.getValue() : null;
4848         },
4849
4850         /**
4851          * Obtain a textual input representation.
4852          *
4853          * The default implementation of this method returns the HTML escaped
4854          * current input value of the underlying
4855          * [LuCI.ui]{@link LuCI.ui.AbstractElement} widget. User code or specific
4856          * option element implementations may overwrite this function to apply a
4857          * different logic, e.g. to return `Yes` or `No` depending on the checked
4858          * state of checkbox elements.
4859          *
4860          * @param {string} section_id
4861          * The configuration section ID
4862          *
4863          * @throws {TypeError}
4864          * Throws a `TypeError` exception when no `section_id` was specified.
4865          *
4866          * @returns {string}
4867          * Returns the text representation of the current input value.
4868          */
4869         textvalue: function(section_id) {
4870                 var cval = this.cfgvalue(section_id);
4871
4872                 if (cval == null)
4873                         cval = this.default;
4874
4875                 return (cval != null) ? '%h'.format(cval) : null;
4876         },
4877
4878         /**
4879          * Apply custom validation logic.
4880          *
4881          * This method is invoked whenever incremental validation is performed on
4882          * the user input, e.g. on keyup or blur events.
4883          *
4884          * The default implementation of this method does nothing and always
4885          * returns `true`. User code may overwrite this method to provide
4886          * additional validation logic which is not covered by data type
4887          * constraints.
4888          *
4889          * @abstract
4890          * @param {string} section_id
4891          * The configuration section ID
4892          *
4893          * @param {*} value
4894          * The value to validate
4895          *
4896          * @returns {*}
4897          * The method shall return `true` to accept the given value. Any other
4898          * return value is treated as failure, converted to a string and displayed
4899          * as error message to the user.
4900          */
4901         validate: function(section_id, value) {
4902                 return true;
4903         },
4904
4905         /**
4906          * Test whether the input value is currently valid.
4907          *
4908          * @param {string} section_id
4909          * The configuration section ID
4910          *
4911          * @returns {boolean}
4912          * Returns `true` if the input value currently is valid, otherwise it
4913          * returns `false`.
4914          */
4915         isValid: function(section_id) {
4916                 var elem = this.getUIElement(section_id);
4917                 return elem ? elem.isValid() : true;
4918         },
4919
4920         /**
4921          * Test whether the option element is currently active.
4922          *
4923          * An element is active when it is not hidden due to unsatisfied dependency
4924          * constraints.
4925          *
4926          * @param {string} section_id
4927          * The configuration section ID
4928          *
4929          * @returns {boolean}
4930          * Returns `true` if the option element currently is active, otherwise it
4931          * returns `false`.
4932          */
4933         isActive: function(section_id) {
4934                 var field = this.map.findElement('data-field', this.cbid(section_id));
4935                 return (field != null &amp;&amp; !field.classList.contains('hidden'));
4936         },
4937
4938         /** @private */
4939         setActive: function(section_id, active) {
4940                 var field = this.map.findElement('data-field', this.cbid(section_id));
4941
4942                 if (field &amp;&amp; field.classList.contains('hidden') == active) {
4943                         field.classList[active ? 'remove' : 'add']('hidden');
4944                         return true;
4945                 }
4946
4947                 return false;
4948         },
4949
4950         /** @private */
4951         triggerValidation: function(section_id) {
4952                 var elem = this.getUIElement(section_id);
4953                 return elem ? elem.triggerValidation() : true;
4954         },
4955
4956         /**
4957          * Parse the option element input.
4958          *
4959          * The function is invoked when the `parse()` method has been invoked on
4960          * the parent form and triggers input value reading and validation.
4961          *
4962          * @param {string} section_id
4963          * The configuration section ID
4964          *
4965          * @returns {Promise&lt;void>}
4966          * Returns a promise resolving once the input value has been read and
4967          * validated or rejecting in case the input value does not meet the
4968          * validation constraints.
4969          */
4970         parse: function(section_id) {
4971                 var active = this.isActive(section_id),
4972                     cval = this.cfgvalue(section_id),
4973                     fval = active ? this.formvalue(section_id) : null;
4974
4975                 if (active &amp;&amp; !this.isValid(section_id))
4976                         return Promise.reject();
4977
4978                 if (fval != '' &amp;&amp; fval != null) {
4979                         if (this.forcewrite || !isEqual(cval, fval))
4980                                 return Promise.resolve(this.write(section_id, fval));
4981                 }
4982                 else {
4983                         if (!active || this.rmempty || this.optional) {
4984                                 return Promise.resolve(this.remove(section_id));
4985                         }
4986                         else if (!isEqual(cval, fval)) {
4987                                 console.log('This should have been catched by isValid()');
4988                                 return Promise.reject();
4989                         }
4990                 }
4991
4992                 return Promise.resolve();
4993         },
4994
4995         /**
4996          * Write the current input value into the configuration.
4997          *
4998          * This function is invoked upon saving the parent form when the option
4999          * element is valid and when its input value has been changed compared to
5000          * the initial value returned by
5001          * [cfgvalue()]{@link LuCI.form.AbstractValue#cfgvalue}.
5002          *
5003          * The default implementation simply sets the given input value in the
5004          * UCI configuration (or the associated JavaScript object property in
5005          * case of `JSONMap` forms). It may be overwritten by user code to
5006          * implement alternative save logic, e.g. to transform the input value
5007          * before it is written.
5008          *
5009          * @param {string} section_id
5010          * The configuration section ID
5011          *
5012          * @param {string|string[]}     formvalue
5013          * The input value to write.
5014          */
5015         write: function(section_id, formvalue) {
5016                 return this.map.data.set(
5017                         this.uciconfig || this.section.uciconfig || this.map.config,
5018                         this.ucisection || section_id,
5019                         this.ucioption || this.option,
5020                         formvalue);
5021         },
5022
5023         /**
5024          * Remove the corresponding value from the configuration.
5025          *
5026          * This function is invoked upon saving the parent form when the option
5027          * element has been hidden due to unsatisfied dependencies or when the
5028          * user cleared the input value and the option is marked optional.
5029          *
5030          * The default implementation simply removes the associated option from the
5031          * UCI configuration (or the associated JavaScript object property in
5032          * case of `JSONMap` forms). It may be overwritten by user code to
5033          * implement alternative removal logic, e.g. to retain the original value.
5034          *
5035          * @param {string} section_id
5036          * The configuration section ID
5037          */
5038         remove: function(section_id) {
5039                 return this.map.data.unset(
5040                         this.uciconfig || this.section.uciconfig || this.map.config,
5041                         this.ucisection || section_id,
5042                         this.ucioption || this.option);
5043         }
5044 });
5045
5046 /**
5047  * @class TypedSection
5048  * @memberof LuCI.form
5049  * @augments LuCI.form.AbstractSection
5050  * @hideconstructor
5051  * @classdesc
5052  *
5053  * The `TypedSection` class maps all or - if `filter()` is overwritten - a
5054  * subset of the underlying UCI configuration sections of a given type.
5055  *
5056  * Layout wise, the configuration section instances mapped by the section
5057  * element (sometimes referred to as "section nodes") are stacked beneath
5058  * each other in a single column, with an optional section remove button next
5059  * to each section node and a section add button at the end, depending on the
5060  * value of the `addremove` property.
5061  *
5062  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
5063  * The configuration form this section is added to. It is automatically passed
5064  * by [section()]{@link LuCI.form.Map#section}.
5065  *
5066  * @param {string} section_type
5067  * The type of the UCI section to map.
5068  *
5069  * @param {string} [title]
5070  * The title caption of the form section element.
5071  *
5072  * @param {string} [description]
5073  * The description text of the form section element.
5074  */
5075 var CBITypedSection = CBIAbstractSection.extend(/** @lends LuCI.form.TypedSection.prototype */ {
5076         __name__: 'CBI.TypedSection',
5077
5078         /**
5079          * If set to `true`, the user may add or remove instances from the form
5080          * section widget, otherwise only preexisting sections may be edited.
5081          * The default is `false`.
5082          *
5083          * @name LuCI.form.TypedSection.prototype#addremove
5084          * @type boolean
5085          * @default false
5086          */
5087
5088         /**
5089          * If set to `true`, mapped section instances are treated as anonymous
5090          * UCI sections, which means that section instance elements will be
5091          * rendered without title element and that no name is required when adding
5092          * new sections. The default is `false`.
5093          *
5094          * @name LuCI.form.TypedSection.prototype#anonymous
5095          * @type boolean
5096          * @default false
5097          */
5098
5099         /**
5100          * When set to `true`, instead of rendering section instances one below
5101          * another, treat each instance as separate tab pane and render a tab menu
5102          * at the top of the form section element, allowing the user to switch
5103          * among instances. The default is `false`.
5104          *
5105          * @name LuCI.form.TypedSection.prototype#tabbed
5106          * @type boolean
5107          * @default false
5108          */
5109
5110         /**
5111          * Override the caption used for the section add button at the bottom of
5112          * the section form element. If set to a string, it will be used as-is,
5113          * if set to a function, the function will be invoked and its return value
5114          * is used as caption, after converting it to a string. If this property
5115          * is not set, the default is `Add`.
5116          *
5117          * @name LuCI.form.TypedSection.prototype#addbtntitle
5118          * @type string|function
5119          * @default null
5120          */
5121
5122         /**
5123          * Override the UCI configuration name to read the section IDs from. By
5124          * default, the configuration name is inherited from the parent `Map`.
5125          * By setting this property, a deviating configuration may be specified.
5126          * The default is `null`, means inheriting from the parent form.
5127          *
5128          * @name LuCI.form.TypedSection.prototype#uciconfig
5129          * @type string
5130          * @default null
5131          */
5132
5133         /** @override */
5134         cfgsections: function() {
5135                 return this.map.data.sections(this.uciconfig || this.map.config, this.sectiontype)
5136                         .map(function(s) { return s['.name'] })
5137                         .filter(L.bind(this.filter, this));
5138         },
5139
5140         /** @private */
5141         handleAdd: function(ev, name) {
5142                 var config_name = this.uciconfig || this.map.config;
5143
5144                 this.map.data.add(config_name, this.sectiontype, name);
5145                 return this.map.save(null, true);
5146         },
5147
5148         /** @private */
5149         handleRemove: function(section_id, ev) {
5150                 var config_name = this.uciconfig || this.map.config;
5151
5152                 this.map.data.remove(config_name, section_id);
5153                 return this.map.save(null, true);
5154         },
5155
5156         /** @private */
5157         renderSectionAdd: function(extra_class) {
5158                 if (!this.addremove)
5159                         return E([]);
5160
5161                 var createEl = E('div', { 'class': 'cbi-section-create' }),
5162                     config_name = this.uciconfig || this.map.config,
5163                     btn_title = this.titleFn('addbtntitle');
5164
5165                 if (extra_class != null)
5166                         createEl.classList.add(extra_class);
5167
5168                 if (this.anonymous) {
5169                         createEl.appendChild(E('button', {
5170                                 'class': 'cbi-button cbi-button-add',
5171                                 'title': btn_title || _('Add'),
5172                                 'click': ui.createHandlerFn(this, 'handleAdd')
5173                         }, [ btn_title || _('Add') ]));
5174                 }
5175                 else {
5176                         var nameEl = E('input', {
5177                                 'type': 'text',
5178                                 'class': 'cbi-section-create-name'
5179                         });
5180
5181                         dom.append(createEl, [
5182                                 E('div', {}, nameEl),
5183                                 E('input', {
5184                                         'class': 'cbi-button cbi-button-add',
5185                                         'type': 'submit',
5186                                         'value': btn_title || _('Add'),
5187                                         'title': btn_title || _('Add'),
5188                                         'click': ui.createHandlerFn(this, function(ev) {
5189                                                 if (nameEl.classList.contains('cbi-input-invalid'))
5190                                                         return;
5191
5192                                                 return this.handleAdd(ev, nameEl.value);
5193                                         })
5194                                 })
5195                         ]);
5196
5197                         ui.addValidator(nameEl, 'uciname', true, 'blur', 'keyup');
5198                 }
5199
5200                 return createEl;
5201         },
5202
5203         /** @private */
5204         renderSectionPlaceholder: function() {
5205                 return E([
5206                         E('em', _('This section contains no values yet')),
5207                         E('br'), E('br')
5208                 ]);
5209         },
5210
5211         /** @private */
5212         renderContents: function(cfgsections, nodes) {
5213                 var section_id = null,
5214                     config_name = this.uciconfig || this.map.config,
5215                     sectionEl = E('div', {
5216                                 'id': 'cbi-%s-%s'.format(config_name, this.sectiontype),
5217                                 'class': 'cbi-section',
5218                                 'data-tab': (this.map.tabbed &amp;&amp; !this.parentoption) ? this.sectiontype : null,
5219                                 'data-tab-title': (this.map.tabbed &amp;&amp; !this.parentoption) ? this.title || this.sectiontype : null
5220                         });
5221
5222                 if (this.title != null &amp;&amp; this.title != '')
5223                         sectionEl.appendChild(E('legend', {}, this.title));
5224
5225                 if (this.description != null &amp;&amp; this.description != '')
5226                         sectionEl.appendChild(E('div', { 'class': 'cbi-section-descr' }, this.description));
5227
5228                 for (var i = 0; i &lt; nodes.length; i++) {
5229                         if (this.addremove) {
5230                                 sectionEl.appendChild(
5231                                         E('div', { 'class': 'cbi-section-remove right' },
5232                                                 E('button', {
5233                                                         'class': 'cbi-button',
5234                                                         'name': 'cbi.rts.%s.%s'.format(config_name, cfgsections[i]),
5235                                                         'data-section-id': cfgsections[i],
5236                                                         'click': ui.createHandlerFn(this, 'handleRemove', cfgsections[i])
5237                                                 }, [ _('Delete') ])));
5238                         }
5239
5240                         if (!this.anonymous)
5241                                 sectionEl.appendChild(E('h3', cfgsections[i].toUpperCase()));
5242
5243                         sectionEl.appendChild(E('div', {
5244                                 'id': 'cbi-%s-%s'.format(config_name, cfgsections[i]),
5245                                 'class': this.tabs
5246                                         ? 'cbi-section-node cbi-section-node-tabbed' : 'cbi-section-node',
5247                                 'data-section-id': cfgsections[i]
5248                         }, nodes[i]));
5249                 }
5250
5251                 if (nodes.length == 0)
5252                         sectionEl.appendChild(this.renderSectionPlaceholder());
5253
5254                 sectionEl.appendChild(this.renderSectionAdd());
5255
5256                 dom.bindClassInstance(sectionEl, this);
5257
5258                 return sectionEl;
5259         },
5260
5261         /** @override */
5262         render: function() {
5263                 var cfgsections = this.cfgsections(),
5264                     renderTasks = [];
5265
5266                 for (var i = 0; i &lt; cfgsections.length; i++)
5267                         renderTasks.push(this.renderUCISection(cfgsections[i]));
5268
5269                 return Promise.all(renderTasks).then(this.renderContents.bind(this, cfgsections));
5270         }
5271 });
5272
5273 /**
5274  * @class TableSection
5275  * @memberof LuCI.form
5276  * @augments LuCI.form.TypedSection
5277  * @hideconstructor
5278  * @classdesc
5279  *
5280  * The `TableSection` class maps all or - if `filter()` is overwritten - a
5281  * subset of the underlying UCI configuration sections of a given type.
5282  *
5283  * Layout wise, the configuration section instances mapped by the section
5284  * element (sometimes referred to as "section nodes") are rendered as rows
5285  * within an HTML table element, with an optional section remove button in the
5286  * last column and a section add button below the table, depending on the
5287  * value of the `addremove` property.
5288  *
5289  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
5290  * The configuration form this section is added to. It is automatically passed
5291  * by [section()]{@link LuCI.form.Map#section}.
5292  *
5293  * @param {string} section_type
5294  * The type of the UCI section to map.
5295  *
5296  * @param {string} [title]
5297  * The title caption of the form section element.
5298  *
5299  * @param {string} [description]
5300  * The description text of the form section element.
5301  */
5302 var CBITableSection = CBITypedSection.extend(/** @lends LuCI.form.TableSection.prototype */ {
5303         __name__: 'CBI.TableSection',
5304
5305         /**
5306          * If set to `true`, the user may add or remove instances from the form
5307          * section widget, otherwise only preexisting sections may be edited.
5308          * The default is `false`.
5309          *
5310          * @name LuCI.form.TableSection.prototype#addremove
5311          * @type boolean
5312          * @default false
5313          */
5314
5315         /**
5316          * If set to `true`, mapped section instances are treated as anonymous
5317          * UCI sections, which means that section instance elements will be
5318          * rendered without title element and that no name is required when adding
5319          * new sections. The default is `false`.
5320          *
5321          * @name LuCI.form.TableSection.prototype#anonymous
5322          * @type boolean
5323          * @default false
5324          */
5325
5326         /**
5327          * Override the caption used for the section add button at the bottom of
5328          * the section form element. If set to a string, it will be used as-is,
5329          * if set to a function, the function will be invoked and its return value
5330          * is used as caption, after converting it to a string. If this property
5331          * is not set, the default is `Add`.
5332          *
5333          * @name LuCI.form.TableSection.prototype#addbtntitle
5334          * @type string|function
5335          * @default null
5336          */
5337
5338         /**
5339          * Override the per-section instance title caption shown in the first
5340          * column of the table unless `anonymous` is set to true. If set to a
5341          * string, it will be used as `String.format()` pattern with the name of
5342          * the underlying UCI section as first argument, if set to a function, the
5343          * function will be invoked with the section name as first argument and
5344          * its return value is used as caption, after converting it to a string.
5345          * If this property is not set, the default is the name of the underlying
5346          * UCI configuration section.
5347          *
5348          * @name LuCI.form.TableSection.prototype#sectiontitle
5349          * @type string|function
5350          * @default null
5351          */
5352
5353         /**
5354          * Override the per-section instance modal popup title caption shown when
5355          * clicking the `More…` button in a section specifying `max_cols`. If set
5356          * to a string, it will be used as `String.format()` pattern with the name
5357          * of the underlying UCI section as first argument, if set to a function,
5358          * the function will be invoked with the section name as first argument and
5359          * its return value is used as caption, after converting it to a string.
5360          * If this property is not set, the default is the name of the underlying
5361          * UCI configuration section.
5362          *
5363          * @name LuCI.form.TableSection.prototype#modaltitle
5364          * @type string|function
5365          * @default null
5366          */
5367
5368         /**
5369          * Override the UCI configuration name to read the section IDs from. By
5370          * default, the configuration name is inherited from the parent `Map`.
5371          * By setting this property, a deviating configuration may be specified.
5372          * The default is `null`, means inheriting from the parent form.
5373          *
5374          * @name LuCI.form.TableSection.prototype#uciconfig
5375          * @type string
5376          * @default null
5377          */
5378
5379         /**
5380          * Specify a maximum amount of columns to display. By default, one table
5381          * column is rendered for each child option of the form section element.
5382          * When this option is set to a positive number, then no more columns than
5383          * the given amount are rendered. When the number of child options exceeds
5384          * the specified amount, a `More…` button is rendered in the last column,
5385          * opening a modal dialog presenting all options elements in `NamedSection`
5386          * style when clicked.
5387          *
5388          * @name LuCI.form.TableSection.prototype#max_cols
5389          * @type number
5390          * @default null
5391          */
5392
5393         /**
5394          * If set to `true`, alternating `cbi-rowstyle-1` and `cbi-rowstyle-2` CSS
5395          * classes are added to the table row elements. Not all LuCI themes
5396          * implement these row style classes. The default is `false`.
5397          *
5398          * @name LuCI.form.TableSection.prototype#rowcolors
5399          * @type boolean
5400          * @default false
5401          */
5402
5403         /**
5404          * Enables a per-section instance row `Edit` button which triggers a certain
5405          * action when clicked. If set to a string, the string value is used
5406          * as `String.format()` pattern with the name of the underlying UCI section
5407          * as first format argument. The result is then interpreted as URL which
5408          * LuCI will navigate to when the user clicks the edit button.
5409          *
5410          * If set to a function, this function will be registered as click event
5411          * handler on the rendered edit button, receiving the section instance
5412          * name as first and the DOM click event as second argument.
5413          *
5414          * @name LuCI.form.TableSection.prototype#extedit
5415          * @type string|function
5416          * @default null
5417          */
5418
5419         /**
5420          * If set to `true`, a sort button is added to the last column, allowing
5421          * the user to reorder the section instances mapped by the section form
5422          * element.
5423          *
5424          * @name LuCI.form.TableSection.prototype#sortable
5425          * @type boolean
5426          * @default false
5427          */
5428
5429         /**
5430          * The `TableSection` implementation does not support option tabbing, so
5431          * its implementation of `tab()` will always throw an exception when
5432          * invoked.
5433          *
5434          * @override
5435          * @throws Throws an exception when invoked.
5436          */
5437         tab: function() {
5438                 throw 'Tabs are not supported by TableSection';
5439         },
5440
5441         /** @private */
5442         renderContents: function(cfgsections, nodes) {
5443                 var section_id = null,
5444                     config_name = this.uciconfig || this.map.config,
5445                     max_cols = isNaN(this.max_cols) ? this.children.length : this.max_cols,
5446                     has_more = max_cols &lt; this.children.length,
5447                     sectionEl = E('div', {
5448                                 'id': 'cbi-%s-%s'.format(config_name, this.sectiontype),
5449                                 'class': 'cbi-section cbi-tblsection',
5450                                 'data-tab': (this.map.tabbed &amp;&amp; !this.parentoption) ? this.sectiontype : null,
5451                                 'data-tab-title': (this.map.tabbed &amp;&amp; !this.parentoption) ? this.title || this.sectiontype : null
5452                         }),
5453                         tableEl = E('div', {
5454                                 'class': 'table cbi-section-table'
5455                         });
5456
5457                 if (this.title != null &amp;&amp; this.title != '')
5458                         sectionEl.appendChild(E('h3', {}, this.title));
5459
5460                 if (this.description != null &amp;&amp; this.description != '')
5461                         sectionEl.appendChild(E('div', { 'class': 'cbi-section-descr' }, this.description));
5462
5463                 tableEl.appendChild(this.renderHeaderRows(max_cols));
5464
5465                 for (var i = 0; i &lt; nodes.length; i++) {
5466                         var sectionname = this.titleFn('sectiontitle', cfgsections[i]);
5467
5468                         if (sectionname == null)
5469                                 sectionname = cfgsections[i];
5470
5471                         var trEl = E('div', {
5472                                 'id': 'cbi-%s-%s'.format(config_name, cfgsections[i]),
5473                                 'class': 'tr cbi-section-table-row',
5474                                 'data-sid': cfgsections[i],
5475                                 'draggable': this.sortable ? true : null,
5476                                 'mousedown': this.sortable ? L.bind(this.handleDragInit, this) : null,
5477                                 'dragstart': this.sortable ? L.bind(this.handleDragStart, this) : null,
5478                                 'dragover': this.sortable ? L.bind(this.handleDragOver, this) : null,
5479                                 'dragenter': this.sortable ? L.bind(this.handleDragEnter, this) : null,
5480                                 'dragleave': this.sortable ? L.bind(this.handleDragLeave, this) : null,
5481                                 'dragend': this.sortable ? L.bind(this.handleDragEnd, this) : null,
5482                                 'drop': this.sortable ? L.bind(this.handleDrop, this) : null,
5483                                 'data-title': (sectionname &amp;&amp; (!this.anonymous || this.sectiontitle)) ? sectionname : null,
5484                                 'data-section-id': cfgsections[i]
5485                         });
5486
5487                         if (this.extedit || this.rowcolors)
5488                                 trEl.classList.add(!(tableEl.childNodes.length % 2)
5489                                         ? 'cbi-rowstyle-1' : 'cbi-rowstyle-2');
5490
5491                         for (var j = 0; j &lt; max_cols &amp;&amp; nodes[i].firstChild; j++)
5492                                 trEl.appendChild(nodes[i].firstChild);
5493
5494                         trEl.appendChild(this.renderRowActions(cfgsections[i], has_more ? _('More…') : null));
5495                         tableEl.appendChild(trEl);
5496                 }
5497
5498                 if (nodes.length == 0)
5499                         tableEl.appendChild(E('div', { 'class': 'tr cbi-section-table-row placeholder' },
5500                                 E('div', { 'class': 'td' },
5501                                         E('em', {}, _('This section contains no values yet')))));
5502
5503                 sectionEl.appendChild(tableEl);
5504
5505                 sectionEl.appendChild(this.renderSectionAdd('cbi-tblsection-create'));
5506
5507                 dom.bindClassInstance(sectionEl, this);
5508
5509                 return sectionEl;
5510         },
5511
5512         /** @private */
5513         renderHeaderRows: function(max_cols, has_action) {
5514                 var has_titles = false,
5515                     has_descriptions = false,
5516                     max_cols = isNaN(this.max_cols) ? this.children.length : this.max_cols,
5517                     has_more = max_cols &lt; this.children.length,
5518                     anon_class = (!this.anonymous || this.sectiontitle) ? 'named' : 'anonymous',
5519                     trEls = E([]);
5520
5521                 for (var i = 0, opt; i &lt; max_cols &amp;&amp; (opt = this.children[i]) != null; i++) {
5522                         if (opt.modalonly)
5523                                 continue;
5524
5525                         has_titles = has_titles || !!opt.title;
5526                         has_descriptions = has_descriptions || !!opt.description;
5527                 }
5528
5529                 if (has_titles) {
5530                         var trEl = E('div', {
5531                                 'class': 'tr cbi-section-table-titles ' + anon_class,
5532                                 'data-title': (!this.anonymous || this.sectiontitle) ? _('Name') : null
5533                         });
5534
5535                         for (var i = 0, opt; i &lt; max_cols &amp;&amp; (opt = this.children[i]) != null; i++) {
5536                                 if (opt.modalonly)
5537                                         continue;
5538
5539                                 trEl.appendChild(E('div', {
5540                                         'class': 'th cbi-section-table-cell',
5541                                         'data-widget': opt.__name__
5542                                 }));
5543
5544                                 if (opt.width != null)
5545                                         trEl.lastElementChild.style.width =
5546                                                 (typeof(opt.width) == 'number') ? opt.width+'px' : opt.width;
5547
5548                                 if (opt.titleref)
5549                                         trEl.lastElementChild.appendChild(E('a', {
5550                                                 'href': opt.titleref,
5551                                                 'class': 'cbi-title-ref',
5552                                                 'title': this.titledesc || _('Go to relevant configuration page')
5553                                         }, opt.title));
5554                                 else
5555                                         dom.content(trEl.lastElementChild, opt.title);
5556                         }
5557
5558                         if (this.sortable || this.extedit || this.addremove || has_more || has_action)
5559                                 trEl.appendChild(E('div', {
5560                                         'class': 'th cbi-section-table-cell cbi-section-actions'
5561                                 }));
5562
5563                         trEls.appendChild(trEl);
5564                 }
5565
5566                 if (has_descriptions) {
5567                         var trEl = E('div', {
5568                                 'class': 'tr cbi-section-table-descr ' + anon_class
5569                         });
5570
5571                         for (var i = 0, opt; i &lt; max_cols &amp;&amp; (opt = this.children[i]) != null; i++) {
5572                                 if (opt.modalonly)
5573                                         continue;
5574
5575                                 trEl.appendChild(E('div', {
5576                                         'class': 'th cbi-section-table-cell',
5577                                         'data-widget': opt.__name__
5578                                 }, opt.description));
5579
5580                                 if (opt.width != null)
5581                                         trEl.lastElementChild.style.width =
5582                                                 (typeof(opt.width) == 'number') ? opt.width+'px' : opt.width;
5583                         }
5584
5585                         if (this.sortable || this.extedit || this.addremove || has_more)
5586                                 trEl.appendChild(E('div', {
5587                                         'class': 'th cbi-section-table-cell cbi-section-actions'
5588                                 }));
5589
5590                         trEls.appendChild(trEl);
5591                 }
5592
5593                 return trEls;
5594         },
5595
5596         /** @private */
5597         renderRowActions: function(section_id, more_label) {
5598                 var config_name = this.uciconfig || this.map.config;
5599
5600                 if (!this.sortable &amp;&amp; !this.extedit &amp;&amp; !this.addremove &amp;&amp; !more_label)
5601                         return E([]);
5602
5603                 var tdEl = E('div', {
5604                         'class': 'td cbi-section-table-cell nowrap cbi-section-actions'
5605                 }, E('div'));
5606
5607                 if (this.sortable) {
5608                         dom.append(tdEl.lastElementChild, [
5609                                 E('div', {
5610                                         'title': _('Drag to reorder'),
5611                                         'class': 'btn cbi-button drag-handle center',
5612                                         'style': 'cursor:move'
5613                                 }, '☰')
5614                         ]);
5615                 }
5616
5617                 if (this.extedit) {
5618                         var evFn = null;
5619
5620                         if (typeof(this.extedit) == 'function')
5621                                 evFn = L.bind(this.extedit, this);
5622                         else if (typeof(this.extedit) == 'string')
5623                                 evFn = L.bind(function(sid, ev) {
5624                                         location.href = this.extedit.format(sid);
5625                                 }, this, section_id);
5626
5627                         dom.append(tdEl.lastElementChild,
5628                                 E('button', {
5629                                         'title': _('Edit'),
5630                                         'class': 'cbi-button cbi-button-edit',
5631                                         'click': evFn
5632                                 }, [ _('Edit') ])
5633                         );
5634                 }
5635
5636                 if (more_label) {
5637                         dom.append(tdEl.lastElementChild,
5638                                 E('button', {
5639                                         'title': more_label,
5640                                         'class': 'cbi-button cbi-button-edit',
5641                                         'click': ui.createHandlerFn(this, 'renderMoreOptionsModal', section_id)
5642                                 }, [ more_label ])
5643                         );
5644                 }
5645
5646                 if (this.addremove) {
5647                         var btn_title = this.titleFn('removebtntitle', section_id);
5648
5649                         dom.append(tdEl.lastElementChild,
5650                                 E('button', {
5651                                         'title': btn_title || _('Delete'),
5652                                         'class': 'cbi-button cbi-button-remove',
5653                                         'click': ui.createHandlerFn(this, 'handleRemove', section_id)
5654                                 }, [ btn_title || _('Delete') ])
5655                         );
5656                 }
5657
5658                 return tdEl;
5659         },
5660
5661         /** @private */
5662         handleDragInit: function(ev) {
5663                 scope.dragState = { node: ev.target };
5664         },
5665
5666         /** @private */
5667         handleDragStart: function(ev) {
5668                 if (!scope.dragState || !scope.dragState.node.classList.contains('drag-handle')) {
5669                         scope.dragState = null;
5670                         ev.preventDefault();
5671                         return false;
5672                 }
5673
5674                 scope.dragState.node = dom.parent(scope.dragState.node, '.tr');
5675                 ev.dataTransfer.setData('text', 'drag');
5676                 ev.target.style.opacity = 0.4;
5677         },
5678
5679         /** @private */
5680         handleDragOver: function(ev) {
5681                 var n = scope.dragState.targetNode,
5682                     r = scope.dragState.rect,
5683                     t = r.top + r.height / 2;
5684
5685                 if (ev.clientY &lt;= t) {
5686                         n.classList.remove('drag-over-below');
5687                         n.classList.add('drag-over-above');
5688                 }
5689                 else {
5690                         n.classList.remove('drag-over-above');
5691                         n.classList.add('drag-over-below');
5692                 }
5693
5694                 ev.dataTransfer.dropEffect = 'move';
5695                 ev.preventDefault();
5696                 return false;
5697         },
5698
5699         /** @private */
5700         handleDragEnter: function(ev) {
5701                 scope.dragState.rect = ev.currentTarget.getBoundingClientRect();
5702                 scope.dragState.targetNode = ev.currentTarget;
5703         },
5704
5705         /** @private */
5706         handleDragLeave: function(ev) {
5707                 ev.currentTarget.classList.remove('drag-over-above');
5708                 ev.currentTarget.classList.remove('drag-over-below');
5709         },
5710
5711         /** @private */
5712         handleDragEnd: function(ev) {
5713                 var n = ev.target;
5714
5715                 n.style.opacity = '';
5716                 n.classList.add('flash');
5717                 n.parentNode.querySelectorAll('.drag-over-above, .drag-over-below')
5718                         .forEach(function(tr) {
5719                                 tr.classList.remove('drag-over-above');
5720                                 tr.classList.remove('drag-over-below');
5721                         });
5722         },
5723
5724         /** @private */
5725         handleDrop: function(ev) {
5726                 var s = scope.dragState;
5727
5728                 if (s.node &amp;&amp; s.targetNode) {
5729                         var config_name = this.uciconfig || this.map.config,
5730                             ref_node = s.targetNode,
5731                             after = false;
5732
5733                     if (ref_node.classList.contains('drag-over-below')) {
5734                         ref_node = ref_node.nextElementSibling;
5735                         after = true;
5736                     }
5737
5738                     var sid1 = s.node.getAttribute('data-sid'),
5739                         sid2 = s.targetNode.getAttribute('data-sid');
5740
5741                     s.node.parentNode.insertBefore(s.node, ref_node);
5742                     this.map.data.move(config_name, sid1, sid2, after);
5743                 }
5744
5745                 scope.dragState = null;
5746                 ev.target.style.opacity = '';
5747                 ev.stopPropagation();
5748                 ev.preventDefault();
5749                 return false;
5750         },
5751
5752         /** @private */
5753         handleModalCancel: function(modalMap, ev) {
5754                 return Promise.resolve(ui.hideModal());
5755         },
5756
5757         /** @private */
5758         handleModalSave: function(modalMap, ev) {
5759                 return modalMap.save()
5760                         .then(L.bind(this.map.load, this.map))
5761                         .then(L.bind(this.map.reset, this.map))
5762                         .then(ui.hideModal)
5763                         .catch(function() {});
5764         },
5765
5766         /**
5767          * Add further options to the per-section instanced modal popup.
5768          *
5769          * This function may be overwritten by user code to perform additional
5770          * setup steps before displaying the more options modal which is useful to
5771          * e.g. query additional data or to inject further option elements.
5772          *
5773          * The default implementation of this function does nothing.
5774          *
5775          * @abstract
5776          * @param {LuCI.form.NamedSection} modalSection
5777          * The `NamedSection` instance about to be rendered in the modal popup.
5778          *
5779          * @param {string} section_id
5780          * The ID of the underlying UCI section the modal popup belongs to.
5781          *
5782          * @param {Event} ev
5783          * The DOM event emitted by clicking the `More…` button.
5784          *
5785          * @returns {*|Promise&lt;*>}
5786          * Return values of this function are ignored but if a promise is returned,
5787          * it is run to completion before the rendering is continued, allowing
5788          * custom logic to perform asynchroneous work before the modal dialog
5789          * is shown.
5790          */
5791         addModalOptions: function(modalSection, section_id, ev) {
5792
5793         },
5794
5795         /** @private */
5796         renderMoreOptionsModal: function(section_id, ev) {
5797                 var parent = this.map,
5798                     title = parent.title,
5799                     name = null,
5800                     m = new CBIMap(this.map.config, null, null),
5801                     s = m.section(CBINamedSection, section_id, this.sectiontype);
5802
5803                 m.parent = parent;
5804
5805                 s.tabs = this.tabs;
5806                 s.tab_names = this.tab_names;
5807
5808                 if ((name = this.titleFn('modaltitle', section_id)) != null)
5809                         title = name;
5810                 else if ((name = this.titleFn('sectiontitle', section_id)) != null)
5811                         title = '%s - %s'.format(parent.title, name);
5812                 else if (!this.anonymous)
5813                         title = '%s - %s'.format(parent.title, section_id);
5814
5815                 for (var i = 0; i &lt; this.children.length; i++) {
5816                         var o1 = this.children[i];
5817
5818                         if (o1.modalonly === false)
5819                                 continue;
5820
5821                         var o2 = s.option(o1.constructor, o1.option, o1.title, o1.description);
5822
5823                         for (var k in o1) {
5824                                 if (!o1.hasOwnProperty(k))
5825                                         continue;
5826
5827                                 switch (k) {
5828                                 case 'map':
5829                                 case 'section':
5830                                 case 'option':
5831                                 case 'title':
5832                                 case 'description':
5833                                         continue;
5834
5835                                 default:
5836                                         o2[k] = o1[k];
5837                                 }
5838                         }
5839                 }
5840
5841                 return Promise.resolve(this.addModalOptions(s, section_id, ev)).then(L.bind(m.render, m)).then(L.bind(function(nodes) {
5842                         ui.showModal(title, [
5843                                 nodes,
5844                                 E('div', { 'class': 'right' }, [
5845                                         E('button', {
5846                                                 'class': 'btn',
5847                                                 'click': ui.createHandlerFn(this, 'handleModalCancel', m)
5848                                         }, [ _('Dismiss') ]), ' ',
5849                                         E('button', {
5850                                                 'class': 'cbi-button cbi-button-positive important',
5851                                                 'click': ui.createHandlerFn(this, 'handleModalSave', m)
5852                                         }, [ _('Save') ])
5853                                 ])
5854                         ], 'cbi-modal');
5855                 }, this)).catch(L.error);
5856         }
5857 });
5858
5859 /**
5860  * @class GridSection
5861  * @memberof LuCI.form
5862  * @augments LuCI.form.TableSection
5863  * @hideconstructor
5864  * @classdesc
5865  *
5866  * The `GridSection` class maps all or - if `filter()` is overwritten - a
5867  * subset of the underlying UCI configuration sections of a given type.
5868  *
5869  * A grid section functions similar to a {@link LuCI.form.TableSection} but
5870  * supports tabbing in the modal overlay. Option elements added with
5871  * [option()]{@link LuCI.form.GridSection#option} are shown in the table while
5872  * elements added with [taboption()]{@link LuCI.form.GridSection#taboption}
5873  * are displayed in the modal popup.
5874  *
5875  * Another important difference is that the table cells show a readonly text
5876  * preview of the corresponding option elements by default, unless the child
5877  * option element is explicitely made writable by setting the `editable`
5878  * property to `true`.
5879  *
5880  * Additionally, the grid section honours a `modalonly` property of child
5881  * option elements. Refer to the [AbstractValue]{@link LuCI.form.AbstractValue}
5882  * documentation for details.
5883  *
5884  * Layout wise, a grid section looks mostly identical to table sections.
5885  *
5886  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
5887  * The configuration form this section is added to. It is automatically passed
5888  * by [section()]{@link LuCI.form.Map#section}.
5889  *
5890  * @param {string} section_type
5891  * The type of the UCI section to map.
5892  *
5893  * @param {string} [title]
5894  * The title caption of the form section element.
5895  *
5896  * @param {string} [description]
5897  * The description text of the form section element.
5898  */
5899 var CBIGridSection = CBITableSection.extend(/** @lends LuCI.form.GridSection.prototype */ {
5900         /**
5901          * Add an option tab to the section.
5902          *
5903          * The modal option elements of a grid section may be divided into multiple
5904          * tabs to provide a better overview to the user.
5905          *
5906          * Before options can be moved into a tab pane, the corresponding tab
5907          * has to be defined first, which is done by calling this function.
5908          *
5909          * Note that tabs are only effective in modal popups, options added with
5910          * `option()` will not be assigned to a specific tab and are rendered in
5911          * the table view only.
5912          *
5913          * @param {string} name
5914          * The name of the tab to register. It may be freely chosen and just serves
5915          * as an identifier to differentiate tabs.
5916          *
5917          * @param {string} title
5918          * The human readable caption of the tab.
5919          *
5920          * @param {string} [description]
5921          * An additional description text for the corresponding tab pane. It is
5922          * displayed as text paragraph below the tab but before the tab pane
5923          * contents. If omitted, no description will be rendered.
5924          *
5925          * @throws {Error}
5926          * Throws an exeption if a tab with the same `name` already exists.
5927          */
5928         tab: function(name, title, description) {
5929                 CBIAbstractSection.prototype.tab.call(this, name, title, description);
5930         },
5931
5932         /** @private */
5933         handleAdd: function(ev, name) {
5934                 var config_name = this.uciconfig || this.map.config,
5935                     section_id = this.map.data.add(config_name, this.sectiontype, name);
5936
5937                 this.addedSection = section_id;
5938                 return this.renderMoreOptionsModal(section_id);
5939         },
5940
5941         /** @private */
5942         handleModalSave: function(/* ... */) {
5943                 return this.super('handleModalSave', arguments)
5944                         .then(L.bind(function() { this.addedSection = null }, this));
5945         },
5946
5947         /** @private */
5948         handleModalCancel: function(/* ... */) {
5949                 var config_name = this.uciconfig || this.map.config;
5950
5951                 if (this.addedSection != null) {
5952                         this.map.data.remove(config_name, this.addedSection);
5953                         this.addedSection = null;
5954                 }
5955
5956                 return this.super('handleModalCancel', arguments);
5957         },
5958
5959         /** @private */
5960         renderUCISection: function(section_id) {
5961                 return this.renderOptions(null, section_id);
5962         },
5963
5964         /** @private */
5965         renderChildren: function(tab_name, section_id, in_table) {
5966                 var tasks = [], index = 0;
5967
5968                 for (var i = 0, opt; (opt = this.children[i]) != null; i++) {
5969                         if (opt.disable || opt.modalonly)
5970                                 continue;
5971
5972                         if (opt.editable)
5973                                 tasks.push(opt.render(index++, section_id, in_table));
5974                         else
5975                                 tasks.push(this.renderTextValue(section_id, opt));
5976                 }
5977
5978                 return Promise.all(tasks);
5979         },
5980
5981         /** @private */
5982         renderTextValue: function(section_id, opt) {
5983                 var title = this.stripTags(opt.title).trim(),
5984                     descr = this.stripTags(opt.description).trim(),
5985                     value = opt.textvalue(section_id);
5986
5987                 return E('div', {
5988                         'class': 'td cbi-value-field',
5989                         'data-title': (title != '') ? title : null,
5990                         'data-description': (descr != '') ? descr : null,
5991                         'data-name': opt.option,
5992                         'data-widget': opt.typename || opt.__name__
5993                 }, (value != null) ? value : E('em', _('none')));
5994         },
5995
5996         /** @private */
5997         renderHeaderRows: function(section_id) {
5998                 return this.super('renderHeaderRows', [ NaN, true ]);
5999         },
6000
6001         /** @private */
6002         renderRowActions: function(section_id) {
6003                 return this.super('renderRowActions', [ section_id, _('Edit') ]);
6004         },
6005
6006         /** @override */
6007         parse: function() {
6008                 var section_ids = this.cfgsections(),
6009                     tasks = [];
6010
6011                 if (Array.isArray(this.children)) {
6012                         for (var i = 0; i &lt; section_ids.length; i++) {
6013                                 for (var j = 0; j &lt; this.children.length; j++) {
6014                                         if (!this.children[j].editable || this.children[j].modalonly)
6015                                                 continue;
6016
6017                                         tasks.push(this.children[j].parse(section_ids[i]));
6018                                 }
6019                         }
6020                 }
6021
6022                 return Promise.all(tasks);
6023         }
6024 });
6025
6026 /**
6027  * @class NamedSection
6028  * @memberof LuCI.form
6029  * @augments LuCI.form.AbstractSection
6030  * @hideconstructor
6031  * @classdesc
6032  *
6033  * The `NamedSection` class maps exactly one UCI section instance which is
6034  * specified when constructing the class instance.
6035  *
6036  * Layout and functionality wise, a named section is essentially a
6037  * `TypedSection` which allows exactly one section node.
6038  *
6039  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6040  * The configuration form this section is added to. It is automatically passed
6041  * by [section()]{@link LuCI.form.Map#section}.
6042  *
6043  * @param {string} section_id
6044  * The name (ID) of the UCI section to map.
6045  *
6046  * @param {string} section_type
6047  * The type of the UCI section to map.
6048  *
6049  * @param {string} [title]
6050  * The title caption of the form section element.
6051  *
6052  * @param {string} [description]
6053  * The description text of the form section element.
6054  */
6055 var CBINamedSection = CBIAbstractSection.extend(/** @lends LuCI.form.NamedSection.prototype */ {
6056         __name__: 'CBI.NamedSection',
6057         __init__: function(map, section_id /*, ... */) {
6058                 this.super('__init__', this.varargs(arguments, 2, map));
6059
6060                 this.section = section_id;
6061         },
6062
6063         /**
6064          * If set to `true`, the user may remove or recreate the sole mapped
6065          * configuration instance from the form section widget, otherwise only a
6066          * preexisting section may be edited. The default is `false`.
6067          *
6068          * @name LuCI.form.NamedSection.prototype#addremove
6069          * @type boolean
6070          * @default false
6071          */
6072
6073         /**
6074          * Override the UCI configuration name to read the section IDs from. By
6075          * default, the configuration name is inherited from the parent `Map`.
6076          * By setting this property, a deviating configuration may be specified.
6077          * The default is `null`, means inheriting from the parent form.
6078          *
6079          * @name LuCI.form.NamedSection.prototype#uciconfig
6080          * @type string
6081          * @default null
6082          */
6083
6084         /**
6085          * The `NamedSection` class overwrites the generic `cfgsections()`
6086          * implementation to return a one-element array containing the mapped
6087          * section ID as sole element. User code should not normally change this.
6088          *
6089          * @returns {string[]}
6090          * Returns a one-element array containing the mapped section ID.
6091          */
6092         cfgsections: function() {
6093                 return [ this.section ];
6094         },
6095
6096         /** @private */
6097         handleAdd: function(ev) {
6098                 var section_id = this.section,
6099                     config_name = this.uciconfig || this.map.config;
6100
6101                 this.map.data.add(config_name, this.sectiontype, section_id);
6102                 return this.map.save(null, true);
6103         },
6104
6105         /** @private */
6106         handleRemove: function(ev) {
6107                 var section_id = this.section,
6108                     config_name = this.uciconfig || this.map.config;
6109
6110                 this.map.data.remove(config_name, section_id);
6111                 return this.map.save(null, true);
6112         },
6113
6114         /** @private */
6115         renderContents: function(data) {
6116                 var ucidata = data[0], nodes = data[1],
6117                     section_id = this.section,
6118                     config_name = this.uciconfig || this.map.config,
6119                     sectionEl = E('div', {
6120                                 'id': ucidata ? null : 'cbi-%s-%s'.format(config_name, section_id),
6121                                 'class': 'cbi-section',
6122                                 'data-tab': (this.map.tabbed &amp;&amp; !this.parentoption) ? this.sectiontype : null,
6123                                 'data-tab-title': (this.map.tabbed &amp;&amp; !this.parentoption) ? this.title || this.sectiontype : null
6124                         });
6125
6126                 if (typeof(this.title) === 'string' &amp;&amp; this.title !== '')
6127                         sectionEl.appendChild(E('legend', {}, this.title));
6128
6129                 if (typeof(this.description) === 'string' &amp;&amp; this.description !== '')
6130                         sectionEl.appendChild(E('div', { 'class': 'cbi-section-descr' }, this.description));
6131
6132                 if (ucidata) {
6133                         if (this.addremove) {
6134                                 sectionEl.appendChild(
6135                                         E('div', { 'class': 'cbi-section-remove right' },
6136                                                 E('button', {
6137                                                         'class': 'cbi-button',
6138                                                         'click': ui.createHandlerFn(this, 'handleRemove')
6139                                                 }, [ _('Delete') ])));
6140                         }
6141
6142                         sectionEl.appendChild(E('div', {
6143                                 'id': 'cbi-%s-%s'.format(config_name, section_id),
6144                                 'class': this.tabs
6145                                         ? 'cbi-section-node cbi-section-node-tabbed' : 'cbi-section-node',
6146                                 'data-section-id': section_id
6147                         }, nodes));
6148                 }
6149                 else if (this.addremove) {
6150                         sectionEl.appendChild(
6151                                 E('button', {
6152                                         'class': 'cbi-button cbi-button-add',
6153                                         'click': ui.createHandlerFn(this, 'handleAdd')
6154                                 }, [ _('Add') ]));
6155                 }
6156
6157                 dom.bindClassInstance(sectionEl, this);
6158
6159                 return sectionEl;
6160         },
6161
6162         /** @override */
6163         render: function() {
6164                 var config_name = this.uciconfig || this.map.config,
6165                     section_id = this.section;
6166
6167                 return Promise.all([
6168                         this.map.data.get(config_name, section_id),
6169                         this.renderUCISection(section_id)
6170                 ]).then(this.renderContents.bind(this));
6171         }
6172 });
6173
6174 /**
6175  * @class Value
6176  * @memberof LuCI.form
6177  * @augments LuCI.form.AbstractValue
6178  * @hideconstructor
6179  * @classdesc
6180  *
6181  * The `Value` class represents a simple one-line form input using the
6182  * {@link LuCI.ui.Textfield} or - in case choices are added - the
6183  * {@link LuCI.ui.Combobox} class as underlying widget.
6184  *
6185  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6186  * The configuration form this section is added to. It is automatically passed
6187  * by [option()]{@link LuCI.form.AbstractSection#option} or
6188  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6189  * option to the section.
6190  *
6191  * @param {LuCI.form.AbstractSection} section
6192  * The configuration section this option is added to. It is automatically passed
6193  * by [option()]{@link LuCI.form.AbstractSection#option} or
6194  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6195  * option to the section.
6196  *
6197  * @param {string} option
6198  * The name of the UCI option to map.
6199  *
6200  * @param {string} [title]
6201  * The title caption of the option element.
6202  *
6203  * @param {string} [description]
6204  * The description text of the option element.
6205  */
6206 var CBIValue = CBIAbstractValue.extend(/** @lends LuCI.form.Value.prototype */ {
6207         __name__: 'CBI.Value',
6208
6209         /**
6210          * If set to `true`, the field is rendered as password input, otherwise
6211          * as plain text input.
6212          *
6213          * @name LuCI.form.Value.prototype#password
6214          * @type boolean
6215          * @default false
6216          */
6217
6218         /**
6219          * Set a placeholder string to use when the input field is empty.
6220          *
6221          * @name LuCI.form.Value.prototype#placeholder
6222          * @type string
6223          * @default null
6224          */
6225
6226         /**
6227          * Add a predefined choice to the form option. By adding one or more
6228          * choices, the plain text input field is turned into a combobox widget
6229          * which prompts the user to select a predefined choice, or to enter a
6230          * custom value.
6231          *
6232          * @param {string} key
6233          * The choice value to add.
6234          *
6235          * @param {Node|string} value
6236          * The caption for the choice value. May be a DOM node, a document fragment
6237          * or a plain text string. If omitted, the `key` value is used as caption.
6238          */
6239         value: function(key, val) {
6240                 this.keylist = this.keylist || [];
6241                 this.keylist.push(String(key));
6242
6243                 this.vallist = this.vallist || [];
6244                 this.vallist.push(dom.elem(val) ? val : String(val != null ? val : key));
6245         },
6246
6247         /** @override */
6248         render: function(option_index, section_id, in_table) {
6249                 return Promise.resolve(this.cfgvalue(section_id))
6250                         .then(this.renderWidget.bind(this, section_id, option_index))
6251                         .then(this.renderFrame.bind(this, section_id, in_table, option_index));
6252         },
6253
6254         /** @private */
6255         renderFrame: function(section_id, in_table, option_index, nodes) {
6256                 var config_name = this.uciconfig || this.section.uciconfig || this.map.config,
6257                     depend_list = this.transformDepList(section_id),
6258                     optionEl;
6259
6260                 if (in_table) {
6261                         var title = this.stripTags(this.title).trim();
6262                         optionEl = E('div', {
6263                                 'class': 'td cbi-value-field',
6264                                 'data-title': (title != '') ? title : null,
6265                                 'data-description': this.stripTags(this.description).trim(),
6266                                 'data-name': this.option,
6267                                 'data-widget': this.typename || (this.template ? this.template.replace(/^.+\//, '') : null) || this.__name__
6268                         }, E('div', {
6269                                 'id': 'cbi-%s-%s-%s'.format(config_name, section_id, this.option),
6270                                 'data-index': option_index,
6271                                 'data-depends': depend_list,
6272                                 'data-field': this.cbid(section_id)
6273                         }));
6274                 }
6275                 else {
6276                         optionEl = E('div', {
6277                                 'class': 'cbi-value',
6278                                 'id': 'cbi-%s-%s-%s'.format(config_name, section_id, this.option),
6279                                 'data-index': option_index,
6280                                 'data-depends': depend_list,
6281                                 'data-field': this.cbid(section_id),
6282                                 'data-name': this.option,
6283                                 'data-widget': this.typename || (this.template ? this.template.replace(/^.+\//, '') : null) || this.__name__
6284                         });
6285
6286                         if (this.last_child)
6287                                 optionEl.classList.add('cbi-value-last');
6288
6289                         if (typeof(this.title) === 'string' &amp;&amp; this.title !== '') {
6290                                 optionEl.appendChild(E('label', {
6291                                         'class': 'cbi-value-title',
6292                                         'for': 'widget.cbid.%s.%s.%s'.format(config_name, section_id, this.option),
6293                                         'click': function(ev) {
6294                                                 var node = ev.currentTarget,
6295                                                     elem = node.nextElementSibling.querySelector('#' + node.getAttribute('for')) || node.nextElementSibling.querySelector('[data-widget-id="' + node.getAttribute('for') + '"]');
6296
6297                                                 if (elem) {
6298                                                         elem.click();
6299                                                         elem.focus();
6300                                                 }
6301                                         }
6302                                 },
6303                                 this.titleref ? E('a', {
6304                                         'class': 'cbi-title-ref',
6305                                         'href': this.titleref,
6306                                         'title': this.titledesc || _('Go to relevant configuration page')
6307                                 }, this.title) : this.title));
6308
6309                                 optionEl.appendChild(E('div', { 'class': 'cbi-value-field' }));
6310                         }
6311                 }
6312
6313                 if (nodes)
6314                         (optionEl.lastChild || optionEl).appendChild(nodes);
6315
6316                 if (!in_table &amp;&amp; typeof(this.description) === 'string' &amp;&amp; this.description !== '')
6317                         dom.append(optionEl.lastChild || optionEl,
6318                                 E('div', { 'class': 'cbi-value-description' }, this.description));
6319
6320                 if (depend_list &amp;&amp; depend_list.length)
6321                         optionEl.classList.add('hidden');
6322
6323                 optionEl.addEventListener('widget-change',
6324                         L.bind(this.map.checkDepends, this.map));
6325
6326                 dom.bindClassInstance(optionEl, this);
6327
6328                 return optionEl;
6329         },
6330
6331         /** @private */
6332         renderWidget: function(section_id, option_index, cfgvalue) {
6333                 var value = (cfgvalue != null) ? cfgvalue : this.default,
6334                     choices = this.transformChoices(),
6335                     widget;
6336
6337                 if (choices) {
6338                         var placeholder = (this.optional || this.rmempty)
6339                                 ? E('em', _('unspecified')) : _('-- Please choose --');
6340
6341                         widget = new ui.Combobox(Array.isArray(value) ? value.join(' ') : value, choices, {
6342                                 id: this.cbid(section_id),
6343                                 sort: this.keylist,
6344                                 optional: this.optional || this.rmempty,
6345                                 datatype: this.datatype,
6346                                 select_placeholder: this.placeholder || placeholder,
6347                                 validate: L.bind(this.validate, this, section_id)
6348                         });
6349                 }
6350                 else {
6351                         widget = new ui.Textfield(Array.isArray(value) ? value.join(' ') : value, {
6352                                 id: this.cbid(section_id),
6353                                 password: this.password,
6354                                 optional: this.optional || this.rmempty,
6355                                 datatype: this.datatype,
6356                                 placeholder: this.placeholder,
6357                                 validate: L.bind(this.validate, this, section_id)
6358                         });
6359                 }
6360
6361                 return widget.render();
6362         }
6363 });
6364
6365 /**
6366  * @class DynamicList
6367  * @memberof LuCI.form
6368  * @augments LuCI.form.Value
6369  * @hideconstructor
6370  * @classdesc
6371  *
6372  * The `DynamicList` class represents a multi value widget allowing the user
6373  * to enter multiple unique values, optionally selected from a set of
6374  * predefined choices. It builds upon the {@link LuCI.ui.DynamicList} widget.
6375  *
6376  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6377  * The configuration form this section is added to. It is automatically passed
6378  * by [option()]{@link LuCI.form.AbstractSection#option} or
6379  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6380  * option to the section.
6381  *
6382  * @param {LuCI.form.AbstractSection} section
6383  * The configuration section this option is added to. It is automatically passed
6384  * by [option()]{@link LuCI.form.AbstractSection#option} or
6385  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6386  * option to the section.
6387  *
6388  * @param {string} option
6389  * The name of the UCI option to map.
6390  *
6391  * @param {string} [title]
6392  * The title caption of the option element.
6393  *
6394  * @param {string} [description]
6395  * The description text of the option element.
6396  */
6397 var CBIDynamicList = CBIValue.extend(/** @lends LuCI.form.DynamicList.prototype */ {
6398         __name__: 'CBI.DynamicList',
6399
6400         /** @private */
6401         renderWidget: function(section_id, option_index, cfgvalue) {
6402                 var value = (cfgvalue != null) ? cfgvalue : this.default,
6403                     choices = this.transformChoices(),
6404                     items = L.toArray(value);
6405
6406                 var widget = new ui.DynamicList(items, choices, {
6407                         id: this.cbid(section_id),
6408                         sort: this.keylist,
6409                         optional: this.optional || this.rmempty,
6410                         datatype: this.datatype,
6411                         placeholder: this.placeholder,
6412                         validate: L.bind(this.validate, this, section_id)
6413                 });
6414
6415                 return widget.render();
6416         },
6417 });
6418
6419 /**
6420  * @class ListValue
6421  * @memberof LuCI.form
6422  * @augments LuCI.form.Value
6423  * @hideconstructor
6424  * @classdesc
6425  *
6426  * The `ListValue` class implements a simple static HTML select element
6427  * allowing the user to chose a single value from a set of predefined choices.
6428  * It builds upon the {@link LuCI.ui.Select} widget.
6429  *
6430  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6431  * The configuration form this section is added to. It is automatically passed
6432  * by [option()]{@link LuCI.form.AbstractSection#option} or
6433  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6434  * option to the section.
6435  *
6436  * @param {LuCI.form.AbstractSection} section
6437  * The configuration section this option is added to. It is automatically passed
6438  * by [option()]{@link LuCI.form.AbstractSection#option} or
6439  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6440  * option to the section.
6441  *
6442  * @param {string} option
6443  * The name of the UCI option to map.
6444  *
6445  * @param {string} [title]
6446  * The title caption of the option element.
6447  *
6448  * @param {string} [description]
6449  * The description text of the option element.
6450  */
6451 var CBIListValue = CBIValue.extend(/** @lends LuCI.form.ListValue.prototype */ {
6452         __name__: 'CBI.ListValue',
6453
6454         __init__: function() {
6455                 this.super('__init__', arguments);
6456                 this.widget = 'select';
6457                 this.deplist = [];
6458         },
6459
6460         /**
6461          * Set the size attribute of the underlying HTML select element.
6462          *
6463          * @name LuCI.form.ListValue.prototype#size
6464          * @type number
6465          * @default null
6466          */
6467
6468          /** @private */
6469         renderWidget: function(section_id, option_index, cfgvalue) {
6470                 var choices = this.transformChoices();
6471                 var widget = new ui.Select((cfgvalue != null) ? cfgvalue : this.default, choices, {
6472                         id: this.cbid(section_id),
6473                         size: this.size,
6474                         sort: this.keylist,
6475                         optional: this.optional,
6476                         placeholder: this.placeholder,
6477                         validate: L.bind(this.validate, this, section_id)
6478                 });
6479
6480                 return widget.render();
6481         },
6482 });
6483
6484 /**
6485  * @class FlagValue
6486  * @memberof LuCI.form
6487  * @augments LuCI.form.Value
6488  * @hideconstructor
6489  * @classdesc
6490  *
6491  * The `FlagValue` element builds upon the {@link LuCI.ui.Checkbox} widget to
6492  * implement a simple checkbox element.
6493  *
6494  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6495  * The configuration form this section is added to. It is automatically passed
6496  * by [option()]{@link LuCI.form.AbstractSection#option} or
6497  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6498  * option to the section.
6499  *
6500  * @param {LuCI.form.AbstractSection} section
6501  * The configuration section this option is added to. It is automatically passed
6502  * by [option()]{@link LuCI.form.AbstractSection#option} or
6503  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6504  * option to the section.
6505  *
6506  * @param {string} option
6507  * The name of the UCI option to map.
6508  *
6509  * @param {string} [title]
6510  * The title caption of the option element.
6511  *
6512  * @param {string} [description]
6513  * The description text of the option element.
6514  */
6515 var CBIFlagValue = CBIValue.extend(/** @lends LuCI.form.FlagValue.prototype */ {
6516         __name__: 'CBI.FlagValue',
6517
6518         __init__: function() {
6519                 this.super('__init__', arguments);
6520
6521                 this.enabled = '1';
6522                 this.disabled = '0';
6523                 this.default = this.disabled;
6524         },
6525
6526         /**
6527          * Sets the input value to use for the checkbox checked state.
6528          *
6529          * @name LuCI.form.FlagValue.prototype#enabled
6530          * @type number
6531          * @default 1
6532          */
6533
6534         /**
6535          * Sets the input value to use for the checkbox unchecked state.
6536          *
6537          * @name LuCI.form.FlagValue.prototype#disabled
6538          * @type number
6539          * @default 0
6540          */
6541
6542         /** @private */
6543         renderWidget: function(section_id, option_index, cfgvalue) {
6544                 var widget = new ui.Checkbox((cfgvalue != null) ? cfgvalue : this.default, {
6545                         id: this.cbid(section_id),
6546                         value_enabled: this.enabled,
6547                         value_disabled: this.disabled,
6548                         validate: L.bind(this.validate, this, section_id)
6549                 });
6550
6551                 return widget.render();
6552         },
6553
6554         /**
6555          * Query the checked state of the underlying checkbox widget and return
6556          * either the `enabled` or the `disabled` property value, depending on
6557          * the checked state.
6558          *
6559          * @override
6560          */
6561         formvalue: function(section_id) {
6562                 var elem = this.getUIElement(section_id),
6563                     checked = elem ? elem.isChecked() : false;
6564                 return checked ? this.enabled : this.disabled;
6565         },
6566
6567         /**
6568          * Query the checked state of the underlying checkbox widget and return
6569          * either a localized `Yes` or `No` string, depending on the checked state.
6570          *
6571          * @override
6572          */
6573         textvalue: function(section_id) {
6574                 var cval = this.cfgvalue(section_id);
6575
6576                 if (cval == null)
6577                         cval = this.default;
6578
6579                 return (cval == this.enabled) ? _('Yes') : _('No');
6580         },
6581
6582         /** @override */
6583         parse: function(section_id) {
6584                 if (this.isActive(section_id)) {
6585                         var fval = this.formvalue(section_id);
6586
6587                         if (!this.isValid(section_id))
6588                                 return Promise.reject();
6589
6590                         if (fval == this.default &amp;&amp; (this.optional || this.rmempty))
6591                                 return Promise.resolve(this.remove(section_id));
6592                         else
6593                                 return Promise.resolve(this.write(section_id, fval));
6594                 }
6595                 else {
6596                         return Promise.resolve(this.remove(section_id));
6597                 }
6598         },
6599 });
6600
6601 /**
6602  * @class MultiValue
6603  * @memberof LuCI.form
6604  * @augments LuCI.form.DynamicList
6605  * @hideconstructor
6606  * @classdesc
6607  *
6608  * The `MultiValue` class is a modified variant of the `DynamicList` element
6609  * which leverages the {@link LuCI.ui.Dropdown} widget to implement a multi
6610  * select dropdown element.
6611  *
6612  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6613  * The configuration form this section is added to. It is automatically passed
6614  * by [option()]{@link LuCI.form.AbstractSection#option} or
6615  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6616  * option to the section.
6617  *
6618  * @param {LuCI.form.AbstractSection} section
6619  * The configuration section this option is added to. It is automatically passed
6620  * by [option()]{@link LuCI.form.AbstractSection#option} or
6621  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6622  * option to the section.
6623  *
6624  * @param {string} option
6625  * The name of the UCI option to map.
6626  *
6627  * @param {string} [title]
6628  * The title caption of the option element.
6629  *
6630  * @param {string} [description]
6631  * The description text of the option element.
6632  */
6633 var CBIMultiValue = CBIDynamicList.extend(/** @lends LuCI.form.MultiValue.prototype */ {
6634         __name__: 'CBI.MultiValue',
6635
6636         __init__: function() {
6637                 this.super('__init__', arguments);
6638                 this.placeholder = _('-- Please choose --');
6639         },
6640
6641         /**
6642          * Allows to specify the [display_items]{@link LuCI.ui.Dropdown.InitOptions}
6643          * property of the underlying dropdown widget. If omitted, the value of
6644          * the `size` property is used or `3` when `size` is unspecified as well.
6645          *
6646          * @name LuCI.form.MultiValue.prototype#display_size
6647          * @type number
6648          * @default null
6649          */
6650
6651         /**
6652          * Allows to specify the [dropdown_items]{@link LuCI.ui.Dropdown.InitOptions}
6653          * property of the underlying dropdown widget. If omitted, the value of
6654          * the `size` property is used or `-1` when `size` is unspecified as well.
6655          *
6656          * @name LuCI.form.MultiValue.prototype#dropdown_size
6657          * @type number
6658          * @default null
6659          */
6660
6661         /** @private */
6662         renderWidget: function(section_id, option_index, cfgvalue) {
6663                 var value = (cfgvalue != null) ? cfgvalue : this.default,
6664                     choices = this.transformChoices();
6665
6666                 var widget = new ui.Dropdown(L.toArray(value), choices, {
6667                         id: this.cbid(section_id),
6668                         sort: this.keylist,
6669                         multiple: true,
6670                         optional: this.optional || this.rmempty,
6671                         select_placeholder: this.placeholder,
6672                         display_items: this.display_size || this.size || 3,
6673                         dropdown_items: this.dropdown_size || this.size || -1,
6674                         validate: L.bind(this.validate, this, section_id)
6675                 });
6676
6677                 return widget.render();
6678         },
6679 });
6680
6681 /**
6682  * @class TextValue
6683  * @memberof LuCI.form
6684  * @augments LuCI.form.Value
6685  * @hideconstructor
6686  * @classdesc
6687  *
6688  * The `TextValue` class implements a multi-line textarea input using
6689  * {@link LuCI.ui.Textarea}.
6690  *
6691  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6692  * The configuration form this section is added to. It is automatically passed
6693  * by [option()]{@link LuCI.form.AbstractSection#option} or
6694  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6695  * option to the section.
6696  *
6697  * @param {LuCI.form.AbstractSection} section
6698  * The configuration section this option is added to. It is automatically passed
6699  * by [option()]{@link LuCI.form.AbstractSection#option} or
6700  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6701  * option to the section.
6702  *
6703  * @param {string} option
6704  * The name of the UCI option to map.
6705  *
6706  * @param {string} [title]
6707  * The title caption of the option element.
6708  *
6709  * @param {string} [description]
6710  * The description text of the option element.
6711  */
6712 var CBITextValue = CBIValue.extend(/** @lends LuCI.form.TextValue.prototype */ {
6713         __name__: 'CBI.TextValue',
6714
6715         /** @ignore */
6716         value: null,
6717
6718         /**
6719          * Enforces the use of a monospace font for the textarea contents when set
6720          * to `true`.
6721          *
6722          * @name LuCI.form.TextValue.prototype#monospace
6723          * @type boolean
6724          * @default false
6725          */
6726
6727         /**
6728          * Allows to specify the [cols]{@link LuCI.ui.Textarea.InitOptions}
6729          * property of the underlying textarea widget.
6730          *
6731          * @name LuCI.form.TextValue.prototype#cols
6732          * @type number
6733          * @default null
6734          */
6735
6736         /**
6737          * Allows to specify the [rows]{@link LuCI.ui.Textarea.InitOptions}
6738          * property of the underlying textarea widget.
6739          *
6740          * @name LuCI.form.TextValue.prototype#rows
6741          * @type number
6742          * @default null
6743          */
6744
6745         /**
6746          * Allows to specify the [wrap]{@link LuCI.ui.Textarea.InitOptions}
6747          * property of the underlying textarea widget.
6748          *
6749          * @name LuCI.form.TextValue.prototype#wrap
6750          * @type number
6751          * @default null
6752          */
6753
6754         /** @private */
6755         renderWidget: function(section_id, option_index, cfgvalue) {
6756                 var value = (cfgvalue != null) ? cfgvalue : this.default;
6757
6758                 var widget = new ui.Textarea(value, {
6759                         id: this.cbid(section_id),
6760                         optional: this.optional || this.rmempty,
6761                         placeholder: this.placeholder,
6762                         monospace: this.monospace,
6763                         cols: this.cols,
6764                         rows: this.rows,
6765                         wrap: this.wrap,
6766                         validate: L.bind(this.validate, this, section_id)
6767                 });
6768
6769                 return widget.render();
6770         }
6771 });
6772
6773 /**
6774  * @class DummyValue
6775  * @memberof LuCI.form
6776  * @augments LuCI.form.Value
6777  * @hideconstructor
6778  * @classdesc
6779  *
6780  * The `DummyValue` element wraps an {@link LuCI.ui.Hiddenfield} widget and
6781  * renders the underlying UCI option or default value as readonly text.
6782  *
6783  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6784  * The configuration form this section is added to. It is automatically passed
6785  * by [option()]{@link LuCI.form.AbstractSection#option} or
6786  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6787  * option to the section.
6788  *
6789  * @param {LuCI.form.AbstractSection} section
6790  * The configuration section this option is added to. It is automatically passed
6791  * by [option()]{@link LuCI.form.AbstractSection#option} or
6792  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6793  * option to the section.
6794  *
6795  * @param {string} option
6796  * The name of the UCI option to map.
6797  *
6798  * @param {string} [title]
6799  * The title caption of the option element.
6800  *
6801  * @param {string} [description]
6802  * The description text of the option element.
6803  */
6804 var CBIDummyValue = CBIValue.extend(/** @lends LuCI.form.DummyValue.prototype */ {
6805         __name__: 'CBI.DummyValue',
6806
6807         /**
6808          * Set an URL which is opened when clicking on the dummy value text.
6809          *
6810          * By setting this property, the dummy value text is wrapped in an `&lt;a>`
6811          * element with the property value used as `href` attribute.
6812          *
6813          * @name LuCI.form.DummyValue.prototype#href
6814          * @type string
6815          * @default null
6816          */
6817
6818         /**
6819          * Treat the UCI option value (or the `default` property value) as HTML.
6820          *
6821          * By default, the value text is HTML escaped before being rendered as
6822          * text. In some cases it may be needed to actually interpret and render
6823          * HTML contents as-is. When set to `true`, HTML escaping is disabled.
6824          *
6825          * @name LuCI.form.DummyValue.prototype#rawhtml
6826          * @type boolean
6827          * @default null
6828          */
6829
6830         /** @private */
6831         renderWidget: function(section_id, option_index, cfgvalue) {
6832                 var value = (cfgvalue != null) ? cfgvalue : this.default,
6833                     hiddenEl = new ui.Hiddenfield(value, { id: this.cbid(section_id) }),
6834                     outputEl = E('div');
6835
6836                 if (this.href)
6837                         outputEl.appendChild(E('a', { 'href': this.href }));
6838
6839                 dom.append(outputEl.lastChild || outputEl,
6840                         this.rawhtml ? value : [ value ]);
6841
6842                 return E([
6843                         outputEl,
6844                         hiddenEl.render()
6845                 ]);
6846         },
6847
6848         /** @override */
6849         remove: function() {},
6850
6851         /** @override */
6852         write: function() {}
6853 });
6854
6855 /**
6856  * @class ButtonValue
6857  * @memberof LuCI.form
6858  * @augments LuCI.form.Value
6859  * @hideconstructor
6860  * @classdesc
6861  *
6862  * The `DummyValue` element wraps an {@link LuCI.ui.Hiddenfield} widget and
6863  * renders the underlying UCI option or default value as readonly text.
6864  *
6865  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6866  * The configuration form this section is added to. It is automatically passed
6867  * by [option()]{@link LuCI.form.AbstractSection#option} or
6868  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6869  * option to the section.
6870  *
6871  * @param {LuCI.form.AbstractSection} section
6872  * The configuration section this option is added to. It is automatically passed
6873  * by [option()]{@link LuCI.form.AbstractSection#option} or
6874  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6875  * option to the section.
6876  *
6877  * @param {string} option
6878  * The name of the UCI option to map.
6879  *
6880  * @param {string} [title]
6881  * The title caption of the option element.
6882  *
6883  * @param {string} [description]
6884  * The description text of the option element.
6885  */
6886 var CBIButtonValue = CBIValue.extend(/** @lends LuCI.form.ButtonValue.prototype */ {
6887         __name__: 'CBI.ButtonValue',
6888
6889         /**
6890          * Override the rendered button caption.
6891          *
6892          * By default, the option title - which is passed as fourth argument to the
6893          * constructor - is used as caption for the button element. When setting
6894          * this property to a string, it is used as `String.format()` pattern with
6895          * the underlying UCI section name passed as first format argument. When
6896          * set to a function, it is invoked passing the section ID as sole argument
6897          * and the resulting return value is converted to a string before being
6898          * used as button caption.
6899          *
6900          * The default is `null`, means the option title is used as caption.
6901          *
6902          * @name LuCI.form.ButtonValue.prototype#inputtitle
6903          * @type string|function
6904          * @default null
6905          */
6906
6907         /**
6908          * Override the button style class.
6909          *
6910          * By setting this property, a specific `cbi-button-*` CSS class can be
6911          * selected to influence the style of the resulting button.
6912          *
6913          * Suitable values which are implemented by most themes are `positive`,
6914          * `negative` and `primary`.
6915          *
6916          * The default is `null`, means a neutral button styling is used.
6917          *
6918          * @name LuCI.form.ButtonValue.prototype#inputstyle
6919          * @type string
6920          * @default null
6921          */
6922
6923         /**
6924          * Override the button click action.
6925          *
6926          * By default, the underlying UCI option (or default property) value is
6927          * copied into a hidden field tied to the button element and the save
6928          * action is triggered on the parent form element.
6929          *
6930          * When this property is set to a function, it is invoked instead of
6931          * performing the default actions. The handler function will receive the
6932          * DOM click element as first and the underlying configuration section ID
6933          * as second argument.
6934          *
6935          * @name LuCI.form.ButtonValue.prototype#onclick
6936          * @type function
6937          * @default null
6938          */
6939
6940         /** @private */
6941         renderWidget: function(section_id, option_index, cfgvalue) {
6942                 var value = (cfgvalue != null) ? cfgvalue : this.default,
6943                     hiddenEl = new ui.Hiddenfield(value, { id: this.cbid(section_id) }),
6944                     outputEl = E('div'),
6945                     btn_title = this.titleFn('inputtitle', section_id) || this.titleFn('title', section_id);
6946
6947                 if (value !== false)
6948                         dom.content(outputEl, [
6949                                 E('button', {
6950                                         'class': 'cbi-button cbi-button-%s'.format(this.inputstyle || 'button'),
6951                                         'click': ui.createHandlerFn(this, function(section_id, ev) {
6952                                                 if (this.onclick)
6953                                                         return this.onclick(ev, section_id);
6954
6955                                                 ev.currentTarget.parentNode.nextElementSibling.value = value;
6956                                                 return this.map.save();
6957                                         }, section_id)
6958                                 }, [ btn_title ])
6959                         ]);
6960                 else
6961                         dom.content(outputEl, ' - ');
6962
6963                 return E([
6964                         outputEl,
6965                         hiddenEl.render()
6966                 ]);
6967         }
6968 });
6969
6970 /**
6971  * @class HiddenValue
6972  * @memberof LuCI.form
6973  * @augments LuCI.form.Value
6974  * @hideconstructor
6975  * @classdesc
6976  *
6977  * The `HiddenValue` element wraps an {@link LuCI.ui.Hiddenfield} widget.
6978  *
6979  * Hidden value widgets used to be necessary in legacy code which actually
6980  * submitted the underlying HTML form the server. With client side handling of
6981  * forms, there are more efficient ways to store hidden state data.
6982  *
6983  * Since this widget has no visible content, the title and description values
6984  * of this form element should be set to `null` as well to avoid a broken or
6985  * distorted form layout when rendering the option element.
6986  *
6987  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6988  * The configuration form this section is added to. It is automatically passed
6989  * by [option()]{@link LuCI.form.AbstractSection#option} or
6990  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6991  * option to the section.
6992  *
6993  * @param {LuCI.form.AbstractSection} section
6994  * The configuration section this option is added to. It is automatically passed
6995  * by [option()]{@link LuCI.form.AbstractSection#option} or
6996  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
6997  * option to the section.
6998  *
6999  * @param {string} option
7000  * The name of the UCI option to map.
7001  *
7002  * @param {string} [title]
7003  * The title caption of the option element.
7004  *
7005  * @param {string} [description]
7006  * The description text of the option element.
7007  */
7008 var CBIHiddenValue = CBIValue.extend(/** @lends LuCI.form.HiddenValue.prototype */ {
7009         __name__: 'CBI.HiddenValue',
7010
7011         /** @private */
7012         renderWidget: function(section_id, option_index, cfgvalue) {
7013                 var widget = new ui.Hiddenfield((cfgvalue != null) ? cfgvalue : this.default, {
7014                         id: this.cbid(section_id)
7015                 });
7016
7017                 return widget.render();
7018         }
7019 });
7020
7021 /**
7022  * @class FileUpload
7023  * @memberof LuCI.form
7024  * @augments LuCI.form.Value
7025  * @hideconstructor
7026  * @classdesc
7027  *
7028  * The `FileUpload` element wraps an {@link LuCI.ui.FileUpload} widget and
7029  * offers the ability to browse, upload and select remote files.
7030  *
7031  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7032  * The configuration form this section is added to. It is automatically passed
7033  * by [option()]{@link LuCI.form.AbstractSection#option} or
7034  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7035  * option to the section.
7036  *
7037  * @param {LuCI.form.AbstractSection} section
7038  * The configuration section this option is added to. It is automatically passed
7039  * by [option()]{@link LuCI.form.AbstractSection#option} or
7040  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7041  * option to the section.
7042  *
7043  * @param {string} option
7044  * The name of the UCI option to map.
7045  *
7046  * @param {string} [title]
7047  * The title caption of the option element.
7048  *
7049  * @param {string} [description]
7050  * The description text of the option element.
7051  */
7052 var CBIFileUpload = CBIValue.extend(/** @lends LuCI.form.FileUpload.prototype */ {
7053         __name__: 'CBI.FileSelect',
7054
7055         __init__: function(/* ... */) {
7056                 this.super('__init__', arguments);
7057
7058                 this.show_hidden = false;
7059                 this.enable_upload = true;
7060                 this.enable_remove = true;
7061                 this.root_directory = '/etc/luci-uploads';
7062         },
7063
7064         /**
7065          * Toggle display of hidden files.
7066          *
7067          * Display hidden files when rendering the remote directory listing.
7068          * Note that this is merely a cosmetic feature, hidden files are always
7069          * included in received remote file listings.
7070          *
7071          * The default is `false`, means hidden files are not displayed.
7072          *
7073          * @name LuCI.form.FileUpload.prototype#show_hidden
7074          * @type boolean
7075          * @default false
7076          */
7077
7078         /**
7079          * Toggle file upload functionality.
7080          *
7081          * When set to `true`, the underlying widget provides a button which lets
7082          * the user select and upload local files to the remote system.
7083          * Note that this is merely a cosmetic feature, remote upload access is
7084          * controlled by the session ACL rules.
7085          *
7086          * The default is `true`, means file upload functionality is displayed.
7087          *
7088          * @name LuCI.form.FileUpload.prototype#enable_upload
7089          * @type boolean
7090          * @default true
7091          */
7092
7093         /**
7094          * Toggle remote file delete functionality.
7095          *
7096          * When set to `true`, the underlying widget provides a buttons which let
7097          * the user delete files from remote directories. Note that this is merely
7098          * a cosmetic feature, remote delete permissions are controlled by the
7099          * session ACL rules.
7100          *
7101          * The default is `true`, means file removal buttons are displayed.
7102          *
7103          * @name LuCI.form.FileUpload.prototype#enable_remove
7104          * @type boolean
7105          * @default true
7106          */
7107
7108         /**
7109          * Specify the root directory for file browsing.
7110          *
7111          * This property defines the topmost directory the file browser widget may
7112          * navigate to, the UI will not allow browsing directories outside this
7113          * prefix. Note that this is merely a cosmetic feature, remote file access
7114          * and directory listing permissions are controlled by the session ACL
7115          * rules.
7116          *
7117          * The default is `/etc/luci-uploads`.
7118          *
7119          * @name LuCI.form.FileUpload.prototype#root_directory
7120          * @type string
7121          * @default /etc/luci-uploads
7122          */
7123
7124         /** @private */
7125         renderWidget: function(section_id, option_index, cfgvalue) {
7126                 var browserEl = new ui.FileUpload((cfgvalue != null) ? cfgvalue : this.default, {
7127                         id: this.cbid(section_id),
7128                         name: this.cbid(section_id),
7129                         show_hidden: this.show_hidden,
7130                         enable_upload: this.enable_upload,
7131                         enable_remove: this.enable_remove,
7132                         root_directory: this.root_directory
7133                 });
7134
7135                 return browserEl.render();
7136         }
7137 });
7138
7139 /**
7140  * @class SectionValue
7141  * @memberof LuCI.form
7142  * @augments LuCI.form.Value
7143  * @hideconstructor
7144  * @classdesc
7145  *
7146  * The `SectionValue` widget embeds a form section element within an option
7147  * element container, allowing to nest form sections into other sections.
7148  *
7149  * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7150  * The configuration form this section is added to. It is automatically passed
7151  * by [option()]{@link LuCI.form.AbstractSection#option} or
7152  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7153  * option to the section.
7154  *
7155  * @param {LuCI.form.AbstractSection} section
7156  * The configuration section this option is added to. It is automatically passed
7157  * by [option()]{@link LuCI.form.AbstractSection#option} or
7158  * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7159  * option to the section.
7160  *
7161  * @param {string} option
7162  * The internal name of the option element holding the section. Since a section
7163  * container element does not read or write any configuration itself, the name
7164  * is only used internally and does not need to relate to any underlying UCI
7165  * option name.
7166  *
7167  * @param {LuCI.form.AbstractSection} subsection_class
7168  * The class to use for instantiating the nested section element. Note that
7169  * the class value itself is expected here, not a class instance obtained by
7170  * calling `new`. The given class argument must be a subclass of the
7171  * `AbstractSection` class.
7172  *
7173  * @param {...*} [class_args]
7174  * All further arguments are passed as-is to the subclass constructor. Refer
7175  * to the corresponding class constructor documentations for details.
7176  */
7177 var CBISectionValue = CBIValue.extend(/** @lends LuCI.form.SectionValue.prototype */ {
7178         __name__: 'CBI.ContainerValue',
7179         __init__: function(map, section, option, cbiClass /*, ... */) {
7180                 this.super('__init__', [map, section, option]);
7181
7182                 if (!CBIAbstractSection.isSubclass(cbiClass))
7183                         throw 'Sub section must be a descendent of CBIAbstractSection';
7184
7185                 this.subsection = cbiClass.instantiate(this.varargs(arguments, 4, this.map));
7186                 this.subsection.parentoption = this;
7187         },
7188
7189         /**
7190          * Access the embedded section instance.
7191          *
7192          * This property holds a reference to the instantiated nested section.
7193          *
7194          * @name LuCI.form.SectionValue.prototype#subsection
7195          * @type LuCI.form.AbstractSection
7196          * @readonly
7197          */
7198
7199         /** @override */
7200         load: function(section_id) {
7201                 return this.subsection.load();
7202         },
7203
7204         /** @override */
7205         parse: function(section_id) {
7206                 return this.subsection.parse();
7207         },
7208
7209         /** @private */
7210         renderWidget: function(section_id, option_index, cfgvalue) {
7211                 return this.subsection.render();
7212         },
7213
7214         /** @private */
7215         checkDepends: function(section_id) {
7216                 this.subsection.checkDepends();
7217                 return CBIValue.prototype.checkDepends.apply(this, [ section_id ]);
7218         },
7219
7220         /**
7221          * Since the section container is not rendering an own widget,
7222          * its `value()` implementation is a no-op.
7223          *
7224          * @override
7225          */
7226         value: function() {},
7227
7228         /**
7229          * Since the section container is not tied to any UCI configuration,
7230          * its `write()` implementation is a no-op.
7231          *
7232          * @override
7233          */
7234         write: function() {},
7235
7236         /**
7237          * Since the section container is not tied to any UCI configuration,
7238          * its `remove()` implementation is a no-op.
7239          *
7240          * @override
7241          */
7242         remove: function() {},
7243
7244         /**
7245          * Since the section container is not tied to any UCI configuration,
7246          * its `cfgvalue()` implementation will always return `null`.
7247          *
7248          * @override
7249          * @returns {null}
7250          */
7251         cfgvalue: function() { return null },
7252
7253         /**
7254          * Since the section container is not tied to any UCI configuration,
7255          * its `formvalue()` implementation will always return `null`.
7256          *
7257          * @override
7258          * @returns {null}
7259          */
7260         formvalue: function() { return null }
7261 });
7262
7263 /**
7264  * @class form
7265  * @memberof LuCI
7266  * @hideconstructor
7267  * @classdesc
7268  *
7269  * The LuCI form class provides high level abstractions for creating creating
7270  * UCI- or JSON backed configurations forms.
7271  *
7272  * To import the class in views, use `'require form'`, to import it in
7273  * external JavaScript, use `L.require("form").then(...)`.
7274  *
7275  * A typical form is created by first constructing a
7276  * {@link LuCI.form.Map} or {@link LuCI.form.JSONMap} instance using `new` and
7277  * by subsequently adding sections and options to it. Finally
7278  * [render()]{@link LuCI.form.Map#render} is invoked on the instance to
7279  * assemble the HTML markup and insert it into the DOM.
7280  *
7281  * Example:
7282  *
7283  * &lt;pre>
7284  * 'use strict';
7285  * 'require form';
7286  *
7287  * var m, s, o;
7288  *
7289  * m = new form.Map('example', 'Example form',
7290  *      'This is an example form mapping the contents of /etc/config/example');
7291  *
7292  * s = m.section(form.NamedSection, 'first_section', 'example', 'The first section',
7293  *      'This sections maps "config example first_section" of /etc/config/example');
7294  *
7295  * o = s.option(form.Flag, 'some_bool', 'A checkbox option');
7296  *
7297  * o = s.option(form.ListValue, 'some_choice', 'A select element');
7298  * o.value('choice1', 'The first choice');
7299  * o.value('choice2', 'The second choice');
7300  *
7301  * m.render().then(function(node) {
7302  *      document.body.appendChild(node);
7303  * });
7304  * &lt;/pre>
7305  */
7306 return baseclass.extend(/** @lends LuCI.form.prototype */ {
7307         Map: CBIMap,
7308         JSONMap: CBIJSONMap,
7309         AbstractSection: CBIAbstractSection,
7310         AbstractValue: CBIAbstractValue,
7311
7312         TypedSection: CBITypedSection,
7313         TableSection: CBITableSection,
7314         GridSection: CBIGridSection,
7315         NamedSection: CBINamedSection,
7316
7317         Value: CBIValue,
7318         DynamicList: CBIDynamicList,
7319         ListValue: CBIListValue,
7320         Flag: CBIFlagValue,
7321         MultiValue: CBIMultiValue,
7322         TextValue: CBITextValue,
7323         DummyValue: CBIDummyValue,
7324         Button: CBIButtonValue,
7325         HiddenValue: CBIHiddenValue,
7326         FileUpload: CBIFileUpload,
7327         SectionValue: CBISectionValue
7328 });
7329 </code></pre>
7330         </article>
7331     </section>
7332
7333
7334
7335
7336
7337
7338         
7339
7340         <footer>
7341             Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Apr 07 2020 16:33:40 GMT+0200 (Central European Summer Time)
7342         </footer>
7343     </div>
7344 </div>
7345 <script>prettyPrint();</script>
7346 <script src="scripts/jaguar.js"></script>
7347 </body>
7348 </html>
Unnamed repository; edit this file 'description' to name the repository.