5 <title>Source: form.js
</title>
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>
12 <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
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">
20 var config = {
"monospaceLinks":true,
"cleverLinks":true,
"default":{
"outputSourceFiles":true}};
27 <div id=
"wrap" class=
"clearfix">
29 <div class=
"navigation">
30 <h3 class=
"applicationName"><a href=
"index.html"></a></h3>
33 <input id=
"search" type=
"text" class=
"form-control input-sm" placeholder=
"Search Documentations">
37 <li class=
"item" data-name=
"LuCI">
39 <a href=
"LuCI.html">LuCI
</a>
42 <ul class=
"members itemMembers">
44 <span class=
"subtitle">Members
</span>
46 <li data-name=
"LuCI#Class"><a href=
"LuCI.html#Class">Class
</a></li>
48 <li data-name=
"LuCI#dom"><a href=
"LuCI.html#dom">dom
</a></li>
50 <li data-name=
"LuCI#env"><a href=
"LuCI.html#env">env
</a></li>
52 <li data-name=
"LuCI#naturalCompare"><a href=
"LuCI.html#naturalCompare">naturalCompare
</a></li>
54 <li data-name=
"LuCI#Poll"><a href=
"LuCI.html#Poll">Poll
</a></li>
56 <li data-name=
"LuCI#Request"><a href=
"LuCI.html#Request">Request
</a></li>
58 <li data-name=
"LuCI#view"><a href=
"LuCI.html#view">view
</a></li>
61 <ul class=
"typedefs itemMembers">
63 <span class=
"subtitle">Typedefs
</span>
65 <li data-name=
"LuCI.requestCallbackFn"><a href=
"LuCI.html#.requestCallbackFn">requestCallbackFn
</a></li>
68 <ul class=
"typedefs itemMembers">
71 <ul class=
"methods itemMembers">
73 <span class=
"subtitle">Methods
</span>
75 <li data-name=
"LuCI#bind"><a href=
"LuCI.html#bind">bind
</a></li>
77 <li data-name=
"LuCI#error"><a href=
"LuCI.html#error">error
</a></li>
79 <li data-name=
"LuCI#fspath"><a href=
"LuCI.html#fspath">fspath
</a></li>
81 <li data-name=
"LuCI#get"><a href=
"LuCI.html#get">get
</a></li>
83 <li data-name=
"LuCI#halt"><a href=
"LuCI.html#halt">halt
</a></li>
85 <li data-name=
"LuCI#hasSystemFeature"><a href=
"LuCI.html#hasSystemFeature">hasSystemFeature
</a></li>
87 <li data-name=
"LuCI#hasViewPermission"><a href=
"LuCI.html#hasViewPermission">hasViewPermission
</a></li>
89 <li data-name=
"LuCI#isObject"><a href=
"LuCI.html#isObject">isObject
</a></li>
91 <li data-name=
"LuCI#location"><a href=
"LuCI.html#location">location
</a></li>
93 <li data-name=
"LuCI#media"><a href=
"LuCI.html#media">media
</a></li>
95 <li data-name=
"LuCI#path"><a href=
"LuCI.html#path">path
</a></li>
97 <li data-name=
"LuCI#poll"><a href=
"LuCI.html#poll">poll
</a></li>
99 <li data-name=
"LuCI#post"><a href=
"LuCI.html#post">post
</a></li>
101 <li data-name=
"LuCI#raise"><a href=
"LuCI.html#raise">raise
</a></li>
103 <li data-name=
"LuCI#require"><a href=
"LuCI.html#require">require
</a></li>
105 <li data-name=
"LuCI#resolveDefault"><a href=
"LuCI.html#resolveDefault">resolveDefault
</a></li>
107 <li data-name=
"LuCI#resource"><a href=
"LuCI.html#resource">resource
</a></li>
109 <li data-name=
"LuCI#run"><a href=
"LuCI.html#run">run
</a></li>
111 <li data-name=
"LuCI#sortedArray"><a href=
"LuCI.html#sortedArray">sortedArray
</a></li>
113 <li data-name=
"LuCI#sortedKeys"><a href=
"LuCI.html#sortedKeys">sortedKeys
</a></li>
115 <li data-name=
"LuCI#stop"><a href=
"LuCI.html#stop">stop
</a></li>
117 <li data-name=
"LuCI#toArray"><a href=
"LuCI.html#toArray">toArray
</a></li>
119 <li data-name=
"LuCI#url"><a href=
"LuCI.html#url">url
</a></li>
122 <ul class=
"events itemMembers">
127 <li class=
"item" data-name=
"LuCI.baseclass">
129 <a href=
"LuCI.baseclass.html">LuCI.baseclass
</a>
132 <ul class=
"members itemMembers">
135 <ul class=
"typedefs itemMembers">
138 <ul class=
"typedefs itemMembers">
141 <ul class=
"methods itemMembers">
143 <span class=
"subtitle">Methods
</span>
145 <li data-name=
"LuCI.baseclass.extend"><a href=
"LuCI.baseclass.html#.extend">extend
</a></li>
147 <li data-name=
"LuCI.baseclass.instantiate"><a href=
"LuCI.baseclass.html#.instantiate">instantiate
</a></li>
149 <li data-name=
"LuCI.baseclass.isSubclass"><a href=
"LuCI.baseclass.html#.isSubclass">isSubclass
</a></li>
151 <li data-name=
"LuCI.baseclass.singleton"><a href=
"LuCI.baseclass.html#.singleton">singleton
</a></li>
153 <li data-name=
"LuCI.baseclass#super"><a href=
"LuCI.baseclass.html#super">super
</a></li>
155 <li data-name=
"LuCI.baseclass#varargs"><a href=
"LuCI.baseclass.html#varargs">varargs
</a></li>
158 <ul class=
"events itemMembers">
163 <li class=
"item" data-name=
"LuCI.dom">
165 <a href=
"LuCI.dom.html">LuCI.dom
</a>
168 <ul class=
"members itemMembers">
171 <ul class=
"typedefs itemMembers">
173 <span class=
"subtitle">Typedefs
</span>
175 <li data-name=
"LuCI.dom~ignoreCallbackFn"><a href=
"LuCI.dom.html#~ignoreCallbackFn">ignoreCallbackFn
</a></li>
178 <ul class=
"typedefs itemMembers">
181 <ul class=
"methods itemMembers">
183 <span class=
"subtitle">Methods
</span>
185 <li data-name=
"LuCI.dom#append"><a href=
"LuCI.dom.html#append">append
</a></li>
187 <li data-name=
"LuCI.dom#attr"><a href=
"LuCI.dom.html#attr">attr
</a></li>
189 <li data-name=
"LuCI.dom#bindClassInstance"><a href=
"LuCI.dom.html#bindClassInstance">bindClassInstance
</a></li>
191 <li data-name=
"LuCI.dom#callClassMethod"><a href=
"LuCI.dom.html#callClassMethod">callClassMethod
</a></li>
193 <li data-name=
"LuCI.dom#content"><a href=
"LuCI.dom.html#content">content
</a></li>
195 <li data-name=
"LuCI.dom#create"><a href=
"LuCI.dom.html#create">create
</a></li>
197 <li data-name=
"LuCI.dom#data"><a href=
"LuCI.dom.html#data">data
</a></li>
199 <li data-name=
"LuCI.dom#elem"><a href=
"LuCI.dom.html#elem">elem
</a></li>
201 <li data-name=
"LuCI.dom#findClassInstance"><a href=
"LuCI.dom.html#findClassInstance">findClassInstance
</a></li>
203 <li data-name=
"LuCI.dom#isEmpty"><a href=
"LuCI.dom.html#isEmpty">isEmpty
</a></li>
205 <li data-name=
"LuCI.dom#matches"><a href=
"LuCI.dom.html#matches">matches
</a></li>
207 <li data-name=
"LuCI.dom#parent"><a href=
"LuCI.dom.html#parent">parent
</a></li>
209 <li data-name=
"LuCI.dom#parse"><a href=
"LuCI.dom.html#parse">parse
</a></li>
212 <ul class=
"events itemMembers">
217 <li class=
"item" data-name=
"LuCI.form">
219 <a href=
"LuCI.form.html">LuCI.form
</a>
222 <ul class=
"members itemMembers">
225 <ul class=
"typedefs itemMembers">
228 <ul class=
"typedefs itemMembers">
231 <ul class=
"methods itemMembers">
234 <ul class=
"events itemMembers">
239 <li class=
"item" data-name=
"LuCI.form.AbstractElement">
241 <a href=
"LuCI.form.AbstractElement.html">LuCI.form.AbstractElement
</a>
244 <ul class=
"members itemMembers">
247 <ul class=
"typedefs itemMembers">
250 <ul class=
"typedefs itemMembers">
253 <ul class=
"methods itemMembers">
255 <span class=
"subtitle">Methods
</span>
257 <li data-name=
"LuCI.form.AbstractElement#append"><a href=
"LuCI.form.AbstractElement.html#append">append
</a></li>
259 <li data-name=
"LuCI.form.AbstractElement#parse"><a href=
"LuCI.form.AbstractElement.html#parse">parse
</a></li>
261 <li data-name=
"LuCI.form.AbstractElement#render"><a href=
"LuCI.form.AbstractElement.html#render">render
</a></li>
263 <li data-name=
"LuCI.form.AbstractElement#stripTags"><a href=
"LuCI.form.AbstractElement.html#stripTags">stripTags
</a></li>
265 <li data-name=
"LuCI.form.AbstractElement#titleFn"><a href=
"LuCI.form.AbstractElement.html#titleFn">titleFn
</a></li>
268 <ul class=
"events itemMembers">
273 <li class=
"item" data-name=
"LuCI.form.AbstractSection">
275 <a href=
"LuCI.form.AbstractSection.html">LuCI.form.AbstractSection
</a>
278 <ul class=
"members itemMembers">
280 <span class=
"subtitle">Members
</span>
282 <li data-name=
"LuCI.form.AbstractSection##parentoption"><a href=
"LuCI.form.AbstractSection.html#parentoption">parentoption
</a></li>
285 <ul class=
"typedefs itemMembers">
288 <ul class=
"typedefs itemMembers">
291 <ul class=
"methods itemMembers">
293 <span class=
"subtitle">Methods
</span>
295 <li data-name=
"LuCI.form.AbstractSection#append"><a href=
"LuCI.form.AbstractSection.html#append">append
</a></li>
297 <li data-name=
"LuCI.form.AbstractSection#cfgsections"><a href=
"LuCI.form.AbstractSection.html#cfgsections">cfgsections
</a></li>
299 <li data-name=
"LuCI.form.AbstractSection#cfgvalue"><a href=
"LuCI.form.AbstractSection.html#cfgvalue">cfgvalue
</a></li>
301 <li data-name=
"LuCI.form.AbstractSection#filter"><a href=
"LuCI.form.AbstractSection.html#filter">filter
</a></li>
303 <li data-name=
"LuCI.form.AbstractSection#formvalue"><a href=
"LuCI.form.AbstractSection.html#formvalue">formvalue
</a></li>
305 <li data-name=
"LuCI.form.AbstractSection#getOption"><a href=
"LuCI.form.AbstractSection.html#getOption">getOption
</a></li>
307 <li data-name=
"LuCI.form.AbstractSection#getUIElement"><a href=
"LuCI.form.AbstractSection.html#getUIElement">getUIElement
</a></li>
309 <li data-name=
"LuCI.form.AbstractSection#load"><a href=
"LuCI.form.AbstractSection.html#load">load
</a></li>
311 <li data-name=
"LuCI.form.AbstractSection#option"><a href=
"LuCI.form.AbstractSection.html#option">option
</a></li>
313 <li data-name=
"LuCI.form.AbstractSection#parse"><a href=
"LuCI.form.AbstractSection.html#parse">parse
</a></li>
315 <li data-name=
"LuCI.form.AbstractSection#render"><a href=
"LuCI.form.AbstractSection.html#render">render
</a></li>
317 <li data-name=
"LuCI.form.AbstractSection#stripTags"><a href=
"LuCI.form.AbstractSection.html#stripTags">stripTags
</a></li>
319 <li data-name=
"LuCI.form.AbstractSection#tab"><a href=
"LuCI.form.AbstractSection.html#tab">tab
</a></li>
321 <li data-name=
"LuCI.form.AbstractSection#taboption"><a href=
"LuCI.form.AbstractSection.html#taboption">taboption
</a></li>
323 <li data-name=
"LuCI.form.AbstractSection#titleFn"><a href=
"LuCI.form.AbstractSection.html#titleFn">titleFn
</a></li>
326 <ul class=
"events itemMembers">
331 <li class=
"item" data-name=
"LuCI.form.AbstractValue">
333 <a href=
"LuCI.form.AbstractValue.html">LuCI.form.AbstractValue
</a>
336 <ul class=
"members itemMembers">
338 <span class=
"subtitle">Members
</span>
340 <li data-name=
"LuCI.form.AbstractValue##datatype"><a href=
"LuCI.form.AbstractValue.html#datatype">datatype
</a></li>
342 <li data-name=
"LuCI.form.AbstractValue##default"><a href=
"LuCI.form.AbstractValue.html#default">default
</a></li>
344 <li data-name=
"LuCI.form.AbstractValue##editable"><a href=
"LuCI.form.AbstractValue.html#editable">editable
</a></li>
346 <li data-name=
"LuCI.form.AbstractValue##modalonly"><a href=
"LuCI.form.AbstractValue.html#modalonly">modalonly
</a></li>
348 <li data-name=
"LuCI.form.AbstractValue##onchange"><a href=
"LuCI.form.AbstractValue.html#onchange">onchange
</a></li>
350 <li data-name=
"LuCI.form.AbstractValue##optional"><a href=
"LuCI.form.AbstractValue.html#optional">optional
</a></li>
352 <li data-name=
"LuCI.form.AbstractValue##readonly"><a href=
"LuCI.form.AbstractValue.html#readonly">readonly
</a></li>
354 <li data-name=
"LuCI.form.AbstractValue##retain"><a href=
"LuCI.form.AbstractValue.html#retain">retain
</a></li>
356 <li data-name=
"LuCI.form.AbstractValue##rmempty"><a href=
"LuCI.form.AbstractValue.html#rmempty">rmempty
</a></li>
358 <li data-name=
"LuCI.form.AbstractValue##uciconfig"><a href=
"LuCI.form.AbstractValue.html#uciconfig">uciconfig
</a></li>
360 <li data-name=
"LuCI.form.AbstractValue##ucioption"><a href=
"LuCI.form.AbstractValue.html#ucioption">ucioption
</a></li>
362 <li data-name=
"LuCI.form.AbstractValue##ucisection"><a href=
"LuCI.form.AbstractValue.html#ucisection">ucisection
</a></li>
364 <li data-name=
"LuCI.form.AbstractValue##validate"><a href=
"LuCI.form.AbstractValue.html#validate">validate
</a></li>
366 <li data-name=
"LuCI.form.AbstractValue##width"><a href=
"LuCI.form.AbstractValue.html#width">width
</a></li>
369 <ul class=
"typedefs itemMembers">
372 <ul class=
"typedefs itemMembers">
375 <ul class=
"methods itemMembers">
377 <span class=
"subtitle">Methods
</span>
379 <li data-name=
"LuCI.form.AbstractValue#append"><a href=
"LuCI.form.AbstractValue.html#append">append
</a></li>
381 <li data-name=
"LuCI.form.AbstractValue#cbid"><a href=
"LuCI.form.AbstractValue.html#cbid">cbid
</a></li>
383 <li data-name=
"LuCI.form.AbstractValue#cfgvalue"><a href=
"LuCI.form.AbstractValue.html#cfgvalue">cfgvalue
</a></li>
385 <li data-name=
"LuCI.form.AbstractValue#depends"><a href=
"LuCI.form.AbstractValue.html#depends">depends
</a></li>
387 <li data-name=
"LuCI.form.AbstractValue#formvalue"><a href=
"LuCI.form.AbstractValue.html#formvalue">formvalue
</a></li>
389 <li data-name=
"LuCI.form.AbstractValue#getUIElement"><a href=
"LuCI.form.AbstractValue.html#getUIElement">getUIElement
</a></li>
391 <li data-name=
"LuCI.form.AbstractValue#getValidationError"><a href=
"LuCI.form.AbstractValue.html#getValidationError">getValidationError
</a></li>
393 <li data-name=
"LuCI.form.AbstractValue#isActive"><a href=
"LuCI.form.AbstractValue.html#isActive">isActive
</a></li>
395 <li data-name=
"LuCI.form.AbstractValue#isValid"><a href=
"LuCI.form.AbstractValue.html#isValid">isValid
</a></li>
397 <li data-name=
"LuCI.form.AbstractValue#load"><a href=
"LuCI.form.AbstractValue.html#load">load
</a></li>
399 <li data-name=
"LuCI.form.AbstractValue#parse"><a href=
"LuCI.form.AbstractValue.html#parse">parse
</a></li>
401 <li data-name=
"LuCI.form.AbstractValue#remove"><a href=
"LuCI.form.AbstractValue.html#remove">remove
</a></li>
403 <li data-name=
"LuCI.form.AbstractValue#render"><a href=
"LuCI.form.AbstractValue.html#render">render
</a></li>
405 <li data-name=
"LuCI.form.AbstractValue#stripTags"><a href=
"LuCI.form.AbstractValue.html#stripTags">stripTags
</a></li>
407 <li data-name=
"LuCI.form.AbstractValue#textvalue"><a href=
"LuCI.form.AbstractValue.html#textvalue">textvalue
</a></li>
409 <li data-name=
"LuCI.form.AbstractValue#titleFn"><a href=
"LuCI.form.AbstractValue.html#titleFn">titleFn
</a></li>
411 <li data-name=
"LuCI.form.AbstractValue#validate"><a href=
"LuCI.form.AbstractValue.html#validate">validate
</a></li>
413 <li data-name=
"LuCI.form.AbstractValue#write"><a href=
"LuCI.form.AbstractValue.html#write">write
</a></li>
416 <ul class=
"events itemMembers">
421 <li class=
"item" data-name=
"LuCI.form.ButtonValue">
423 <a href=
"LuCI.form.ButtonValue.html">LuCI.form.ButtonValue
</a>
426 <ul class=
"members itemMembers">
428 <span class=
"subtitle">Members
</span>
430 <li data-name=
"LuCI.form.ButtonValue##inputstyle"><a href=
"LuCI.form.ButtonValue.html#inputstyle">inputstyle
</a></li>
432 <li data-name=
"LuCI.form.ButtonValue##inputtitle"><a href=
"LuCI.form.ButtonValue.html#inputtitle">inputtitle
</a></li>
434 <li data-name=
"LuCI.form.ButtonValue##onclick"><a href=
"LuCI.form.ButtonValue.html#onclick">onclick
</a></li>
436 <li data-name=
"LuCI.form.ButtonValue#datatype"><a href=
"LuCI.form.ButtonValue.html#datatype">datatype
</a></li>
438 <li data-name=
"LuCI.form.ButtonValue#default"><a href=
"LuCI.form.ButtonValue.html#default">default
</a></li>
440 <li data-name=
"LuCI.form.ButtonValue#editable"><a href=
"LuCI.form.ButtonValue.html#editable">editable
</a></li>
442 <li data-name=
"LuCI.form.ButtonValue#modalonly"><a href=
"LuCI.form.ButtonValue.html#modalonly">modalonly
</a></li>
444 <li data-name=
"LuCI.form.ButtonValue#onchange"><a href=
"LuCI.form.ButtonValue.html#onchange">onchange
</a></li>
446 <li data-name=
"LuCI.form.ButtonValue#optional"><a href=
"LuCI.form.ButtonValue.html#optional">optional
</a></li>
448 <li data-name=
"LuCI.form.ButtonValue#password"><a href=
"LuCI.form.ButtonValue.html#password">password
</a></li>
450 <li data-name=
"LuCI.form.ButtonValue#placeholder"><a href=
"LuCI.form.ButtonValue.html#placeholder">placeholder
</a></li>
452 <li data-name=
"LuCI.form.ButtonValue#readonly"><a href=
"LuCI.form.ButtonValue.html#readonly">readonly
</a></li>
454 <li data-name=
"LuCI.form.ButtonValue#retain"><a href=
"LuCI.form.ButtonValue.html#retain">retain
</a></li>
456 <li data-name=
"LuCI.form.ButtonValue#rmempty"><a href=
"LuCI.form.ButtonValue.html#rmempty">rmempty
</a></li>
458 <li data-name=
"LuCI.form.ButtonValue#uciconfig"><a href=
"LuCI.form.ButtonValue.html#uciconfig">uciconfig
</a></li>
460 <li data-name=
"LuCI.form.ButtonValue#ucioption"><a href=
"LuCI.form.ButtonValue.html#ucioption">ucioption
</a></li>
462 <li data-name=
"LuCI.form.ButtonValue#ucisection"><a href=
"LuCI.form.ButtonValue.html#ucisection">ucisection
</a></li>
464 <li data-name=
"LuCI.form.ButtonValue#validate"><a href=
"LuCI.form.ButtonValue.html#validate">validate
</a></li>
466 <li data-name=
"LuCI.form.ButtonValue#width"><a href=
"LuCI.form.ButtonValue.html#width">width
</a></li>
469 <ul class=
"typedefs itemMembers">
472 <ul class=
"typedefs itemMembers">
475 <ul class=
"methods itemMembers">
477 <span class=
"subtitle">Methods
</span>
479 <li data-name=
"LuCI.form.ButtonValue#append"><a href=
"LuCI.form.ButtonValue.html#append">append
</a></li>
481 <li data-name=
"LuCI.form.ButtonValue#cbid"><a href=
"LuCI.form.ButtonValue.html#cbid">cbid
</a></li>
483 <li data-name=
"LuCI.form.ButtonValue#cfgvalue"><a href=
"LuCI.form.ButtonValue.html#cfgvalue">cfgvalue
</a></li>
485 <li data-name=
"LuCI.form.ButtonValue#depends"><a href=
"LuCI.form.ButtonValue.html#depends">depends
</a></li>
487 <li data-name=
"LuCI.form.ButtonValue#formvalue"><a href=
"LuCI.form.ButtonValue.html#formvalue">formvalue
</a></li>
489 <li data-name=
"LuCI.form.ButtonValue#getUIElement"><a href=
"LuCI.form.ButtonValue.html#getUIElement">getUIElement
</a></li>
491 <li data-name=
"LuCI.form.ButtonValue#getValidationError"><a href=
"LuCI.form.ButtonValue.html#getValidationError">getValidationError
</a></li>
493 <li data-name=
"LuCI.form.ButtonValue#isActive"><a href=
"LuCI.form.ButtonValue.html#isActive">isActive
</a></li>
495 <li data-name=
"LuCI.form.ButtonValue#isValid"><a href=
"LuCI.form.ButtonValue.html#isValid">isValid
</a></li>
497 <li data-name=
"LuCI.form.ButtonValue#load"><a href=
"LuCI.form.ButtonValue.html#load">load
</a></li>
499 <li data-name=
"LuCI.form.ButtonValue#parse"><a href=
"LuCI.form.ButtonValue.html#parse">parse
</a></li>
501 <li data-name=
"LuCI.form.ButtonValue#remove"><a href=
"LuCI.form.ButtonValue.html#remove">remove
</a></li>
503 <li data-name=
"LuCI.form.ButtonValue#stripTags"><a href=
"LuCI.form.ButtonValue.html#stripTags">stripTags
</a></li>
505 <li data-name=
"LuCI.form.ButtonValue#textvalue"><a href=
"LuCI.form.ButtonValue.html#textvalue">textvalue
</a></li>
507 <li data-name=
"LuCI.form.ButtonValue#titleFn"><a href=
"LuCI.form.ButtonValue.html#titleFn">titleFn
</a></li>
509 <li data-name=
"LuCI.form.ButtonValue#value"><a href=
"LuCI.form.ButtonValue.html#value">value
</a></li>
511 <li data-name=
"LuCI.form.ButtonValue#write"><a href=
"LuCI.form.ButtonValue.html#write">write
</a></li>
514 <ul class=
"events itemMembers">
519 <li class=
"item" data-name=
"LuCI.form.DummyValue">
521 <a href=
"LuCI.form.DummyValue.html">LuCI.form.DummyValue
</a>
524 <ul class=
"members itemMembers">
526 <span class=
"subtitle">Members
</span>
528 <li data-name=
"LuCI.form.DummyValue##hidden"><a href=
"LuCI.form.DummyValue.html#hidden">hidden
</a></li>
530 <li data-name=
"LuCI.form.DummyValue##href"><a href=
"LuCI.form.DummyValue.html#href">href
</a></li>
532 <li data-name=
"LuCI.form.DummyValue##rawhtml"><a href=
"LuCI.form.DummyValue.html#rawhtml">rawhtml
</a></li>
534 <li data-name=
"LuCI.form.DummyValue#datatype"><a href=
"LuCI.form.DummyValue.html#datatype">datatype
</a></li>
536 <li data-name=
"LuCI.form.DummyValue#default"><a href=
"LuCI.form.DummyValue.html#default">default
</a></li>
538 <li data-name=
"LuCI.form.DummyValue#editable"><a href=
"LuCI.form.DummyValue.html#editable">editable
</a></li>
540 <li data-name=
"LuCI.form.DummyValue#modalonly"><a href=
"LuCI.form.DummyValue.html#modalonly">modalonly
</a></li>
542 <li data-name=
"LuCI.form.DummyValue#onchange"><a href=
"LuCI.form.DummyValue.html#onchange">onchange
</a></li>
544 <li data-name=
"LuCI.form.DummyValue#optional"><a href=
"LuCI.form.DummyValue.html#optional">optional
</a></li>
546 <li data-name=
"LuCI.form.DummyValue#password"><a href=
"LuCI.form.DummyValue.html#password">password
</a></li>
548 <li data-name=
"LuCI.form.DummyValue#placeholder"><a href=
"LuCI.form.DummyValue.html#placeholder">placeholder
</a></li>
550 <li data-name=
"LuCI.form.DummyValue#readonly"><a href=
"LuCI.form.DummyValue.html#readonly">readonly
</a></li>
552 <li data-name=
"LuCI.form.DummyValue#retain"><a href=
"LuCI.form.DummyValue.html#retain">retain
</a></li>
554 <li data-name=
"LuCI.form.DummyValue#rmempty"><a href=
"LuCI.form.DummyValue.html#rmempty">rmempty
</a></li>
556 <li data-name=
"LuCI.form.DummyValue#uciconfig"><a href=
"LuCI.form.DummyValue.html#uciconfig">uciconfig
</a></li>
558 <li data-name=
"LuCI.form.DummyValue#ucioption"><a href=
"LuCI.form.DummyValue.html#ucioption">ucioption
</a></li>
560 <li data-name=
"LuCI.form.DummyValue#ucisection"><a href=
"LuCI.form.DummyValue.html#ucisection">ucisection
</a></li>
562 <li data-name=
"LuCI.form.DummyValue#validate"><a href=
"LuCI.form.DummyValue.html#validate">validate
</a></li>
564 <li data-name=
"LuCI.form.DummyValue#width"><a href=
"LuCI.form.DummyValue.html#width">width
</a></li>
567 <ul class=
"typedefs itemMembers">
570 <ul class=
"typedefs itemMembers">
573 <ul class=
"methods itemMembers">
575 <span class=
"subtitle">Methods
</span>
577 <li data-name=
"LuCI.form.DummyValue#append"><a href=
"LuCI.form.DummyValue.html#append">append
</a></li>
579 <li data-name=
"LuCI.form.DummyValue#cbid"><a href=
"LuCI.form.DummyValue.html#cbid">cbid
</a></li>
581 <li data-name=
"LuCI.form.DummyValue#cfgvalue"><a href=
"LuCI.form.DummyValue.html#cfgvalue">cfgvalue
</a></li>
583 <li data-name=
"LuCI.form.DummyValue#depends"><a href=
"LuCI.form.DummyValue.html#depends">depends
</a></li>
585 <li data-name=
"LuCI.form.DummyValue#formvalue"><a href=
"LuCI.form.DummyValue.html#formvalue">formvalue
</a></li>
587 <li data-name=
"LuCI.form.DummyValue#getUIElement"><a href=
"LuCI.form.DummyValue.html#getUIElement">getUIElement
</a></li>
589 <li data-name=
"LuCI.form.DummyValue#getValidationError"><a href=
"LuCI.form.DummyValue.html#getValidationError">getValidationError
</a></li>
591 <li data-name=
"LuCI.form.DummyValue#isActive"><a href=
"LuCI.form.DummyValue.html#isActive">isActive
</a></li>
593 <li data-name=
"LuCI.form.DummyValue#isValid"><a href=
"LuCI.form.DummyValue.html#isValid">isValid
</a></li>
595 <li data-name=
"LuCI.form.DummyValue#load"><a href=
"LuCI.form.DummyValue.html#load">load
</a></li>
597 <li data-name=
"LuCI.form.DummyValue#parse"><a href=
"LuCI.form.DummyValue.html#parse">parse
</a></li>
599 <li data-name=
"LuCI.form.DummyValue#remove"><a href=
"LuCI.form.DummyValue.html#remove">remove
</a></li>
601 <li data-name=
"LuCI.form.DummyValue#stripTags"><a href=
"LuCI.form.DummyValue.html#stripTags">stripTags
</a></li>
603 <li data-name=
"LuCI.form.DummyValue#textvalue"><a href=
"LuCI.form.DummyValue.html#textvalue">textvalue
</a></li>
605 <li data-name=
"LuCI.form.DummyValue#titleFn"><a href=
"LuCI.form.DummyValue.html#titleFn">titleFn
</a></li>
607 <li data-name=
"LuCI.form.DummyValue#value"><a href=
"LuCI.form.DummyValue.html#value">value
</a></li>
609 <li data-name=
"LuCI.form.DummyValue#write"><a href=
"LuCI.form.DummyValue.html#write">write
</a></li>
612 <ul class=
"events itemMembers">
617 <li class=
"item" data-name=
"LuCI.form.DynamicList">
619 <a href=
"LuCI.form.DynamicList.html">LuCI.form.DynamicList
</a>
622 <ul class=
"members itemMembers">
624 <span class=
"subtitle">Members
</span>
626 <li data-name=
"LuCI.form.DynamicList#datatype"><a href=
"LuCI.form.DynamicList.html#datatype">datatype
</a></li>
628 <li data-name=
"LuCI.form.DynamicList#default"><a href=
"LuCI.form.DynamicList.html#default">default
</a></li>
630 <li data-name=
"LuCI.form.DynamicList#editable"><a href=
"LuCI.form.DynamicList.html#editable">editable
</a></li>
632 <li data-name=
"LuCI.form.DynamicList#modalonly"><a href=
"LuCI.form.DynamicList.html#modalonly">modalonly
</a></li>
634 <li data-name=
"LuCI.form.DynamicList#onchange"><a href=
"LuCI.form.DynamicList.html#onchange">onchange
</a></li>
636 <li data-name=
"LuCI.form.DynamicList#optional"><a href=
"LuCI.form.DynamicList.html#optional">optional
</a></li>
638 <li data-name=
"LuCI.form.DynamicList#password"><a href=
"LuCI.form.DynamicList.html#password">password
</a></li>
640 <li data-name=
"LuCI.form.DynamicList#placeholder"><a href=
"LuCI.form.DynamicList.html#placeholder">placeholder
</a></li>
642 <li data-name=
"LuCI.form.DynamicList#readonly"><a href=
"LuCI.form.DynamicList.html#readonly">readonly
</a></li>
644 <li data-name=
"LuCI.form.DynamicList#retain"><a href=
"LuCI.form.DynamicList.html#retain">retain
</a></li>
646 <li data-name=
"LuCI.form.DynamicList#rmempty"><a href=
"LuCI.form.DynamicList.html#rmempty">rmempty
</a></li>
648 <li data-name=
"LuCI.form.DynamicList#uciconfig"><a href=
"LuCI.form.DynamicList.html#uciconfig">uciconfig
</a></li>
650 <li data-name=
"LuCI.form.DynamicList#ucioption"><a href=
"LuCI.form.DynamicList.html#ucioption">ucioption
</a></li>
652 <li data-name=
"LuCI.form.DynamicList#ucisection"><a href=
"LuCI.form.DynamicList.html#ucisection">ucisection
</a></li>
654 <li data-name=
"LuCI.form.DynamicList#validate"><a href=
"LuCI.form.DynamicList.html#validate">validate
</a></li>
656 <li data-name=
"LuCI.form.DynamicList#width"><a href=
"LuCI.form.DynamicList.html#width">width
</a></li>
659 <ul class=
"typedefs itemMembers">
662 <ul class=
"typedefs itemMembers">
665 <ul class=
"methods itemMembers">
667 <span class=
"subtitle">Methods
</span>
669 <li data-name=
"LuCI.form.DynamicList#append"><a href=
"LuCI.form.DynamicList.html#append">append
</a></li>
671 <li data-name=
"LuCI.form.DynamicList#cbid"><a href=
"LuCI.form.DynamicList.html#cbid">cbid
</a></li>
673 <li data-name=
"LuCI.form.DynamicList#cfgvalue"><a href=
"LuCI.form.DynamicList.html#cfgvalue">cfgvalue
</a></li>
675 <li data-name=
"LuCI.form.DynamicList#depends"><a href=
"LuCI.form.DynamicList.html#depends">depends
</a></li>
677 <li data-name=
"LuCI.form.DynamicList#formvalue"><a href=
"LuCI.form.DynamicList.html#formvalue">formvalue
</a></li>
679 <li data-name=
"LuCI.form.DynamicList#getUIElement"><a href=
"LuCI.form.DynamicList.html#getUIElement">getUIElement
</a></li>
681 <li data-name=
"LuCI.form.DynamicList#getValidationError"><a href=
"LuCI.form.DynamicList.html#getValidationError">getValidationError
</a></li>
683 <li data-name=
"LuCI.form.DynamicList#isActive"><a href=
"LuCI.form.DynamicList.html#isActive">isActive
</a></li>
685 <li data-name=
"LuCI.form.DynamicList#isValid"><a href=
"LuCI.form.DynamicList.html#isValid">isValid
</a></li>
687 <li data-name=
"LuCI.form.DynamicList#load"><a href=
"LuCI.form.DynamicList.html#load">load
</a></li>
689 <li data-name=
"LuCI.form.DynamicList#parse"><a href=
"LuCI.form.DynamicList.html#parse">parse
</a></li>
691 <li data-name=
"LuCI.form.DynamicList#remove"><a href=
"LuCI.form.DynamicList.html#remove">remove
</a></li>
693 <li data-name=
"LuCI.form.DynamicList#stripTags"><a href=
"LuCI.form.DynamicList.html#stripTags">stripTags
</a></li>
695 <li data-name=
"LuCI.form.DynamicList#textvalue"><a href=
"LuCI.form.DynamicList.html#textvalue">textvalue
</a></li>
697 <li data-name=
"LuCI.form.DynamicList#titleFn"><a href=
"LuCI.form.DynamicList.html#titleFn">titleFn
</a></li>
699 <li data-name=
"LuCI.form.DynamicList#value"><a href=
"LuCI.form.DynamicList.html#value">value
</a></li>
701 <li data-name=
"LuCI.form.DynamicList#write"><a href=
"LuCI.form.DynamicList.html#write">write
</a></li>
704 <ul class=
"events itemMembers">
709 <li class=
"item" data-name=
"LuCI.form.FileUpload">
711 <a href=
"LuCI.form.FileUpload.html">LuCI.form.FileUpload
</a>
714 <ul class=
"members itemMembers">
716 <span class=
"subtitle">Members
</span>
718 <li data-name=
"LuCI.form.FileUpload##enable_remove"><a href=
"LuCI.form.FileUpload.html#enable_remove">enable_remove
</a></li>
720 <li data-name=
"LuCI.form.FileUpload##enable_upload"><a href=
"LuCI.form.FileUpload.html#enable_upload">enable_upload
</a></li>
722 <li data-name=
"LuCI.form.FileUpload##root_directory"><a href=
"LuCI.form.FileUpload.html#root_directory">root_directory
</a></li>
724 <li data-name=
"LuCI.form.FileUpload##show_hidden"><a href=
"LuCI.form.FileUpload.html#show_hidden">show_hidden
</a></li>
726 <li data-name=
"LuCI.form.FileUpload#datatype"><a href=
"LuCI.form.FileUpload.html#datatype">datatype
</a></li>
728 <li data-name=
"LuCI.form.FileUpload#default"><a href=
"LuCI.form.FileUpload.html#default">default
</a></li>
730 <li data-name=
"LuCI.form.FileUpload#editable"><a href=
"LuCI.form.FileUpload.html#editable">editable
</a></li>
732 <li data-name=
"LuCI.form.FileUpload#modalonly"><a href=
"LuCI.form.FileUpload.html#modalonly">modalonly
</a></li>
734 <li data-name=
"LuCI.form.FileUpload#onchange"><a href=
"LuCI.form.FileUpload.html#onchange">onchange
</a></li>
736 <li data-name=
"LuCI.form.FileUpload#optional"><a href=
"LuCI.form.FileUpload.html#optional">optional
</a></li>
738 <li data-name=
"LuCI.form.FileUpload#password"><a href=
"LuCI.form.FileUpload.html#password">password
</a></li>
740 <li data-name=
"LuCI.form.FileUpload#placeholder"><a href=
"LuCI.form.FileUpload.html#placeholder">placeholder
</a></li>
742 <li data-name=
"LuCI.form.FileUpload#readonly"><a href=
"LuCI.form.FileUpload.html#readonly">readonly
</a></li>
744 <li data-name=
"LuCI.form.FileUpload#retain"><a href=
"LuCI.form.FileUpload.html#retain">retain
</a></li>
746 <li data-name=
"LuCI.form.FileUpload#rmempty"><a href=
"LuCI.form.FileUpload.html#rmempty">rmempty
</a></li>
748 <li data-name=
"LuCI.form.FileUpload#uciconfig"><a href=
"LuCI.form.FileUpload.html#uciconfig">uciconfig
</a></li>
750 <li data-name=
"LuCI.form.FileUpload#ucioption"><a href=
"LuCI.form.FileUpload.html#ucioption">ucioption
</a></li>
752 <li data-name=
"LuCI.form.FileUpload#ucisection"><a href=
"LuCI.form.FileUpload.html#ucisection">ucisection
</a></li>
754 <li data-name=
"LuCI.form.FileUpload#validate"><a href=
"LuCI.form.FileUpload.html#validate">validate
</a></li>
756 <li data-name=
"LuCI.form.FileUpload#width"><a href=
"LuCI.form.FileUpload.html#width">width
</a></li>
759 <ul class=
"typedefs itemMembers">
762 <ul class=
"typedefs itemMembers">
765 <ul class=
"methods itemMembers">
767 <span class=
"subtitle">Methods
</span>
769 <li data-name=
"LuCI.form.FileUpload#append"><a href=
"LuCI.form.FileUpload.html#append">append
</a></li>
771 <li data-name=
"LuCI.form.FileUpload#cbid"><a href=
"LuCI.form.FileUpload.html#cbid">cbid
</a></li>
773 <li data-name=
"LuCI.form.FileUpload#cfgvalue"><a href=
"LuCI.form.FileUpload.html#cfgvalue">cfgvalue
</a></li>
775 <li data-name=
"LuCI.form.FileUpload#depends"><a href=
"LuCI.form.FileUpload.html#depends">depends
</a></li>
777 <li data-name=
"LuCI.form.FileUpload#formvalue"><a href=
"LuCI.form.FileUpload.html#formvalue">formvalue
</a></li>
779 <li data-name=
"LuCI.form.FileUpload#getUIElement"><a href=
"LuCI.form.FileUpload.html#getUIElement">getUIElement
</a></li>
781 <li data-name=
"LuCI.form.FileUpload#getValidationError"><a href=
"LuCI.form.FileUpload.html#getValidationError">getValidationError
</a></li>
783 <li data-name=
"LuCI.form.FileUpload#isActive"><a href=
"LuCI.form.FileUpload.html#isActive">isActive
</a></li>
785 <li data-name=
"LuCI.form.FileUpload#isValid"><a href=
"LuCI.form.FileUpload.html#isValid">isValid
</a></li>
787 <li data-name=
"LuCI.form.FileUpload#load"><a href=
"LuCI.form.FileUpload.html#load">load
</a></li>
789 <li data-name=
"LuCI.form.FileUpload#parse"><a href=
"LuCI.form.FileUpload.html#parse">parse
</a></li>
791 <li data-name=
"LuCI.form.FileUpload#remove"><a href=
"LuCI.form.FileUpload.html#remove">remove
</a></li>
793 <li data-name=
"LuCI.form.FileUpload#stripTags"><a href=
"LuCI.form.FileUpload.html#stripTags">stripTags
</a></li>
795 <li data-name=
"LuCI.form.FileUpload#textvalue"><a href=
"LuCI.form.FileUpload.html#textvalue">textvalue
</a></li>
797 <li data-name=
"LuCI.form.FileUpload#titleFn"><a href=
"LuCI.form.FileUpload.html#titleFn">titleFn
</a></li>
799 <li data-name=
"LuCI.form.FileUpload#value"><a href=
"LuCI.form.FileUpload.html#value">value
</a></li>
801 <li data-name=
"LuCI.form.FileUpload#write"><a href=
"LuCI.form.FileUpload.html#write">write
</a></li>
804 <ul class=
"events itemMembers">
809 <li class=
"item" data-name=
"LuCI.form.FlagValue">
811 <a href=
"LuCI.form.FlagValue.html">LuCI.form.FlagValue
</a>
814 <ul class=
"members itemMembers">
816 <span class=
"subtitle">Members
</span>
818 <li data-name=
"LuCI.form.FlagValue##disabled"><a href=
"LuCI.form.FlagValue.html#disabled">disabled
</a></li>
820 <li data-name=
"LuCI.form.FlagValue##enabled"><a href=
"LuCI.form.FlagValue.html#enabled">enabled
</a></li>
822 <li data-name=
"LuCI.form.FlagValue#datatype"><a href=
"LuCI.form.FlagValue.html#datatype">datatype
</a></li>
824 <li data-name=
"LuCI.form.FlagValue#default"><a href=
"LuCI.form.FlagValue.html#default">default
</a></li>
826 <li data-name=
"LuCI.form.FlagValue#editable"><a href=
"LuCI.form.FlagValue.html#editable">editable
</a></li>
828 <li data-name=
"LuCI.form.FlagValue#modalonly"><a href=
"LuCI.form.FlagValue.html#modalonly">modalonly
</a></li>
830 <li data-name=
"LuCI.form.FlagValue#onchange"><a href=
"LuCI.form.FlagValue.html#onchange">onchange
</a></li>
832 <li data-name=
"LuCI.form.FlagValue#optional"><a href=
"LuCI.form.FlagValue.html#optional">optional
</a></li>
834 <li data-name=
"LuCI.form.FlagValue#password"><a href=
"LuCI.form.FlagValue.html#password">password
</a></li>
836 <li data-name=
"LuCI.form.FlagValue#placeholder"><a href=
"LuCI.form.FlagValue.html#placeholder">placeholder
</a></li>
838 <li data-name=
"LuCI.form.FlagValue#readonly"><a href=
"LuCI.form.FlagValue.html#readonly">readonly
</a></li>
840 <li data-name=
"LuCI.form.FlagValue#retain"><a href=
"LuCI.form.FlagValue.html#retain">retain
</a></li>
842 <li data-name=
"LuCI.form.FlagValue#rmempty"><a href=
"LuCI.form.FlagValue.html#rmempty">rmempty
</a></li>
844 <li data-name=
"LuCI.form.FlagValue#uciconfig"><a href=
"LuCI.form.FlagValue.html#uciconfig">uciconfig
</a></li>
846 <li data-name=
"LuCI.form.FlagValue#ucioption"><a href=
"LuCI.form.FlagValue.html#ucioption">ucioption
</a></li>
848 <li data-name=
"LuCI.form.FlagValue#ucisection"><a href=
"LuCI.form.FlagValue.html#ucisection">ucisection
</a></li>
850 <li data-name=
"LuCI.form.FlagValue#validate"><a href=
"LuCI.form.FlagValue.html#validate">validate
</a></li>
852 <li data-name=
"LuCI.form.FlagValue#width"><a href=
"LuCI.form.FlagValue.html#width">width
</a></li>
855 <ul class=
"typedefs itemMembers">
858 <ul class=
"typedefs itemMembers">
861 <ul class=
"methods itemMembers">
863 <span class=
"subtitle">Methods
</span>
865 <li data-name=
"LuCI.form.FlagValue#append"><a href=
"LuCI.form.FlagValue.html#append">append
</a></li>
867 <li data-name=
"LuCI.form.FlagValue#cbid"><a href=
"LuCI.form.FlagValue.html#cbid">cbid
</a></li>
869 <li data-name=
"LuCI.form.FlagValue#cfgvalue"><a href=
"LuCI.form.FlagValue.html#cfgvalue">cfgvalue
</a></li>
871 <li data-name=
"LuCI.form.FlagValue#depends"><a href=
"LuCI.form.FlagValue.html#depends">depends
</a></li>
873 <li data-name=
"LuCI.form.FlagValue#formvalue"><a href=
"LuCI.form.FlagValue.html#formvalue">formvalue
</a></li>
875 <li data-name=
"LuCI.form.FlagValue#getUIElement"><a href=
"LuCI.form.FlagValue.html#getUIElement">getUIElement
</a></li>
877 <li data-name=
"LuCI.form.FlagValue#getValidationError"><a href=
"LuCI.form.FlagValue.html#getValidationError">getValidationError
</a></li>
879 <li data-name=
"LuCI.form.FlagValue#isActive"><a href=
"LuCI.form.FlagValue.html#isActive">isActive
</a></li>
881 <li data-name=
"LuCI.form.FlagValue#isValid"><a href=
"LuCI.form.FlagValue.html#isValid">isValid
</a></li>
883 <li data-name=
"LuCI.form.FlagValue#load"><a href=
"LuCI.form.FlagValue.html#load">load
</a></li>
885 <li data-name=
"LuCI.form.FlagValue#parse"><a href=
"LuCI.form.FlagValue.html#parse">parse
</a></li>
887 <li data-name=
"LuCI.form.FlagValue#remove"><a href=
"LuCI.form.FlagValue.html#remove">remove
</a></li>
889 <li data-name=
"LuCI.form.FlagValue#stripTags"><a href=
"LuCI.form.FlagValue.html#stripTags">stripTags
</a></li>
891 <li data-name=
"LuCI.form.FlagValue#textvalue"><a href=
"LuCI.form.FlagValue.html#textvalue">textvalue
</a></li>
893 <li data-name=
"LuCI.form.FlagValue#titleFn"><a href=
"LuCI.form.FlagValue.html#titleFn">titleFn
</a></li>
895 <li data-name=
"LuCI.form.FlagValue#value"><a href=
"LuCI.form.FlagValue.html#value">value
</a></li>
897 <li data-name=
"LuCI.form.FlagValue#write"><a href=
"LuCI.form.FlagValue.html#write">write
</a></li>
900 <ul class=
"events itemMembers">
905 <li class=
"item" data-name=
"LuCI.form.GridSection">
907 <a href=
"LuCI.form.GridSection.html">LuCI.form.GridSection
</a>
910 <ul class=
"members itemMembers">
912 <span class=
"subtitle">Members
</span>
914 <li data-name=
"LuCI.form.GridSection#addbtntitle"><a href=
"LuCI.form.GridSection.html#addbtntitle">addbtntitle
</a></li>
916 <li data-name=
"LuCI.form.GridSection#addremove"><a href=
"LuCI.form.GridSection.html#addremove">addremove
</a></li>
918 <li data-name=
"LuCI.form.GridSection#anonymous"><a href=
"LuCI.form.GridSection.html#anonymous">anonymous
</a></li>
920 <li data-name=
"LuCI.form.GridSection#extedit"><a href=
"LuCI.form.GridSection.html#extedit">extedit
</a></li>
922 <li data-name=
"LuCI.form.GridSection#max_cols"><a href=
"LuCI.form.GridSection.html#max_cols">max_cols
</a></li>
924 <li data-name=
"LuCI.form.GridSection#modaltitle"><a href=
"LuCI.form.GridSection.html#modaltitle">modaltitle
</a></li>
926 <li data-name=
"LuCI.form.GridSection#nodescriptions"><a href=
"LuCI.form.GridSection.html#nodescriptions">nodescriptions
</a></li>
928 <li data-name=
"LuCI.form.GridSection#parentoption"><a href=
"LuCI.form.GridSection.html#parentoption">parentoption
</a></li>
930 <li data-name=
"LuCI.form.GridSection#rowcolors"><a href=
"LuCI.form.GridSection.html#rowcolors">rowcolors
</a></li>
932 <li data-name=
"LuCI.form.GridSection#sectiontitle"><a href=
"LuCI.form.GridSection.html#sectiontitle">sectiontitle
</a></li>
934 <li data-name=
"LuCI.form.GridSection#sortable"><a href=
"LuCI.form.GridSection.html#sortable">sortable
</a></li>
936 <li data-name=
"LuCI.form.GridSection#tabbed"><a href=
"LuCI.form.GridSection.html#tabbed">tabbed
</a></li>
938 <li data-name=
"LuCI.form.GridSection#tooltip"><a href=
"LuCI.form.GridSection.html#tooltip">tooltip
</a></li>
940 <li data-name=
"LuCI.form.GridSection#tooltipicon"><a href=
"LuCI.form.GridSection.html#tooltipicon">tooltipicon
</a></li>
942 <li data-name=
"LuCI.form.GridSection#uciconfig"><a href=
"LuCI.form.GridSection.html#uciconfig">uciconfig
</a></li>
945 <ul class=
"typedefs itemMembers">
948 <ul class=
"typedefs itemMembers">
951 <ul class=
"methods itemMembers">
953 <span class=
"subtitle">Methods
</span>
955 <li data-name=
"LuCI.form.GridSection#addModalOptions"><a href=
"LuCI.form.GridSection.html#addModalOptions">addModalOptions
</a></li>
957 <li data-name=
"LuCI.form.GridSection#append"><a href=
"LuCI.form.GridSection.html#append">append
</a></li>
959 <li data-name=
"LuCI.form.GridSection#cfgvalue"><a href=
"LuCI.form.GridSection.html#cfgvalue">cfgvalue
</a></li>
961 <li data-name=
"LuCI.form.GridSection#filter"><a href=
"LuCI.form.GridSection.html#filter">filter
</a></li>
963 <li data-name=
"LuCI.form.GridSection#formvalue"><a href=
"LuCI.form.GridSection.html#formvalue">formvalue
</a></li>
965 <li data-name=
"LuCI.form.GridSection#getOption"><a href=
"LuCI.form.GridSection.html#getOption">getOption
</a></li>
967 <li data-name=
"LuCI.form.GridSection#getUIElement"><a href=
"LuCI.form.GridSection.html#getUIElement">getUIElement
</a></li>
969 <li data-name=
"LuCI.form.GridSection#load"><a href=
"LuCI.form.GridSection.html#load">load
</a></li>
971 <li data-name=
"LuCI.form.GridSection#option"><a href=
"LuCI.form.GridSection.html#option">option
</a></li>
973 <li data-name=
"LuCI.form.GridSection#parse"><a href=
"LuCI.form.GridSection.html#parse">parse
</a></li>
975 <li data-name=
"LuCI.form.GridSection#stripTags"><a href=
"LuCI.form.GridSection.html#stripTags">stripTags
</a></li>
977 <li data-name=
"LuCI.form.GridSection#tab"><a href=
"LuCI.form.GridSection.html#tab">tab
</a></li>
979 <li data-name=
"LuCI.form.GridSection#taboption"><a href=
"LuCI.form.GridSection.html#taboption">taboption
</a></li>
981 <li data-name=
"LuCI.form.GridSection#titleFn"><a href=
"LuCI.form.GridSection.html#titleFn">titleFn
</a></li>
984 <ul class=
"events itemMembers">
989 <li class=
"item" data-name=
"LuCI.form.HiddenValue">
991 <a href=
"LuCI.form.HiddenValue.html">LuCI.form.HiddenValue
</a>
994 <ul class=
"members itemMembers">
996 <span class=
"subtitle">Members
</span>
998 <li data-name=
"LuCI.form.HiddenValue#datatype"><a href=
"LuCI.form.HiddenValue.html#datatype">datatype
</a></li>
1000 <li data-name=
"LuCI.form.HiddenValue#default"><a href=
"LuCI.form.HiddenValue.html#default">default
</a></li>
1002 <li data-name=
"LuCI.form.HiddenValue#editable"><a href=
"LuCI.form.HiddenValue.html#editable">editable
</a></li>
1004 <li data-name=
"LuCI.form.HiddenValue#modalonly"><a href=
"LuCI.form.HiddenValue.html#modalonly">modalonly
</a></li>
1006 <li data-name=
"LuCI.form.HiddenValue#onchange"><a href=
"LuCI.form.HiddenValue.html#onchange">onchange
</a></li>
1008 <li data-name=
"LuCI.form.HiddenValue#optional"><a href=
"LuCI.form.HiddenValue.html#optional">optional
</a></li>
1010 <li data-name=
"LuCI.form.HiddenValue#password"><a href=
"LuCI.form.HiddenValue.html#password">password
</a></li>
1012 <li data-name=
"LuCI.form.HiddenValue#placeholder"><a href=
"LuCI.form.HiddenValue.html#placeholder">placeholder
</a></li>
1014 <li data-name=
"LuCI.form.HiddenValue#readonly"><a href=
"LuCI.form.HiddenValue.html#readonly">readonly
</a></li>
1016 <li data-name=
"LuCI.form.HiddenValue#retain"><a href=
"LuCI.form.HiddenValue.html#retain">retain
</a></li>
1018 <li data-name=
"LuCI.form.HiddenValue#rmempty"><a href=
"LuCI.form.HiddenValue.html#rmempty">rmempty
</a></li>
1020 <li data-name=
"LuCI.form.HiddenValue#uciconfig"><a href=
"LuCI.form.HiddenValue.html#uciconfig">uciconfig
</a></li>
1022 <li data-name=
"LuCI.form.HiddenValue#ucioption"><a href=
"LuCI.form.HiddenValue.html#ucioption">ucioption
</a></li>
1024 <li data-name=
"LuCI.form.HiddenValue#ucisection"><a href=
"LuCI.form.HiddenValue.html#ucisection">ucisection
</a></li>
1026 <li data-name=
"LuCI.form.HiddenValue#validate"><a href=
"LuCI.form.HiddenValue.html#validate">validate
</a></li>
1028 <li data-name=
"LuCI.form.HiddenValue#width"><a href=
"LuCI.form.HiddenValue.html#width">width
</a></li>
1031 <ul class=
"typedefs itemMembers">
1034 <ul class=
"typedefs itemMembers">
1037 <ul class=
"methods itemMembers">
1039 <span class=
"subtitle">Methods
</span>
1041 <li data-name=
"LuCI.form.HiddenValue#append"><a href=
"LuCI.form.HiddenValue.html#append">append
</a></li>
1043 <li data-name=
"LuCI.form.HiddenValue#cbid"><a href=
"LuCI.form.HiddenValue.html#cbid">cbid
</a></li>
1045 <li data-name=
"LuCI.form.HiddenValue#cfgvalue"><a href=
"LuCI.form.HiddenValue.html#cfgvalue">cfgvalue
</a></li>
1047 <li data-name=
"LuCI.form.HiddenValue#depends"><a href=
"LuCI.form.HiddenValue.html#depends">depends
</a></li>
1049 <li data-name=
"LuCI.form.HiddenValue#formvalue"><a href=
"LuCI.form.HiddenValue.html#formvalue">formvalue
</a></li>
1051 <li data-name=
"LuCI.form.HiddenValue#getUIElement"><a href=
"LuCI.form.HiddenValue.html#getUIElement">getUIElement
</a></li>
1053 <li data-name=
"LuCI.form.HiddenValue#getValidationError"><a href=
"LuCI.form.HiddenValue.html#getValidationError">getValidationError
</a></li>
1055 <li data-name=
"LuCI.form.HiddenValue#isActive"><a href=
"LuCI.form.HiddenValue.html#isActive">isActive
</a></li>
1057 <li data-name=
"LuCI.form.HiddenValue#isValid"><a href=
"LuCI.form.HiddenValue.html#isValid">isValid
</a></li>
1059 <li data-name=
"LuCI.form.HiddenValue#load"><a href=
"LuCI.form.HiddenValue.html#load">load
</a></li>
1061 <li data-name=
"LuCI.form.HiddenValue#parse"><a href=
"LuCI.form.HiddenValue.html#parse">parse
</a></li>
1063 <li data-name=
"LuCI.form.HiddenValue#remove"><a href=
"LuCI.form.HiddenValue.html#remove">remove
</a></li>
1065 <li data-name=
"LuCI.form.HiddenValue#stripTags"><a href=
"LuCI.form.HiddenValue.html#stripTags">stripTags
</a></li>
1067 <li data-name=
"LuCI.form.HiddenValue#textvalue"><a href=
"LuCI.form.HiddenValue.html#textvalue">textvalue
</a></li>
1069 <li data-name=
"LuCI.form.HiddenValue#titleFn"><a href=
"LuCI.form.HiddenValue.html#titleFn">titleFn
</a></li>
1071 <li data-name=
"LuCI.form.HiddenValue#value"><a href=
"LuCI.form.HiddenValue.html#value">value
</a></li>
1073 <li data-name=
"LuCI.form.HiddenValue#write"><a href=
"LuCI.form.HiddenValue.html#write">write
</a></li>
1076 <ul class=
"events itemMembers">
1081 <li class=
"item" data-name=
"LuCI.form.JSONMap">
1082 <span class=
"title">
1083 <a href=
"LuCI.form.JSONMap.html">LuCI.form.JSONMap
</a>
1086 <ul class=
"members itemMembers">
1088 <span class=
"subtitle">Members
</span>
1090 <li data-name=
"LuCI.form.JSONMap#readonly"><a href=
"LuCI.form.JSONMap.html#readonly">readonly
</a></li>
1093 <ul class=
"typedefs itemMembers">
1096 <ul class=
"typedefs itemMembers">
1099 <ul class=
"methods itemMembers">
1101 <span class=
"subtitle">Methods
</span>
1103 <li data-name=
"LuCI.form.JSONMap#append"><a href=
"LuCI.form.JSONMap.html#append">append
</a></li>
1105 <li data-name=
"LuCI.form.JSONMap#chain"><a href=
"LuCI.form.JSONMap.html#chain">chain
</a></li>
1107 <li data-name=
"LuCI.form.JSONMap#findElement"><a href=
"LuCI.form.JSONMap.html#findElement">findElement
</a></li>
1109 <li data-name=
"LuCI.form.JSONMap#findElements"><a href=
"LuCI.form.JSONMap.html#findElements">findElements
</a></li>
1111 <li data-name=
"LuCI.form.JSONMap#load"><a href=
"LuCI.form.JSONMap.html#load">load
</a></li>
1113 <li data-name=
"LuCI.form.JSONMap#lookupOption"><a href=
"LuCI.form.JSONMap.html#lookupOption">lookupOption
</a></li>
1115 <li data-name=
"LuCI.form.JSONMap#parse"><a href=
"LuCI.form.JSONMap.html#parse">parse
</a></li>
1117 <li data-name=
"LuCI.form.JSONMap#render"><a href=
"LuCI.form.JSONMap.html#render">render
</a></li>
1119 <li data-name=
"LuCI.form.JSONMap#reset"><a href=
"LuCI.form.JSONMap.html#reset">reset
</a></li>
1121 <li data-name=
"LuCI.form.JSONMap#save"><a href=
"LuCI.form.JSONMap.html#save">save
</a></li>
1123 <li data-name=
"LuCI.form.JSONMap#section"><a href=
"LuCI.form.JSONMap.html#section">section
</a></li>
1125 <li data-name=
"LuCI.form.JSONMap#stripTags"><a href=
"LuCI.form.JSONMap.html#stripTags">stripTags
</a></li>
1127 <li data-name=
"LuCI.form.JSONMap#titleFn"><a href=
"LuCI.form.JSONMap.html#titleFn">titleFn
</a></li>
1130 <ul class=
"events itemMembers">
1135 <li class=
"item" data-name=
"LuCI.form.ListValue">
1136 <span class=
"title">
1137 <a href=
"LuCI.form.ListValue.html">LuCI.form.ListValue
</a>
1140 <ul class=
"members itemMembers">
1142 <span class=
"subtitle">Members
</span>
1144 <li data-name=
"LuCI.form.ListValue##orientation"><a href=
"LuCI.form.ListValue.html#orientation">orientation
</a></li>
1146 <li data-name=
"LuCI.form.ListValue##size"><a href=
"LuCI.form.ListValue.html#size">size
</a></li>
1148 <li data-name=
"LuCI.form.ListValue##widget"><a href=
"LuCI.form.ListValue.html#widget">widget
</a></li>
1150 <li data-name=
"LuCI.form.ListValue#datatype"><a href=
"LuCI.form.ListValue.html#datatype">datatype
</a></li>
1152 <li data-name=
"LuCI.form.ListValue#default"><a href=
"LuCI.form.ListValue.html#default">default
</a></li>
1154 <li data-name=
"LuCI.form.ListValue#editable"><a href=
"LuCI.form.ListValue.html#editable">editable
</a></li>
1156 <li data-name=
"LuCI.form.ListValue#modalonly"><a href=
"LuCI.form.ListValue.html#modalonly">modalonly
</a></li>
1158 <li data-name=
"LuCI.form.ListValue#onchange"><a href=
"LuCI.form.ListValue.html#onchange">onchange
</a></li>
1160 <li data-name=
"LuCI.form.ListValue#optional"><a href=
"LuCI.form.ListValue.html#optional">optional
</a></li>
1162 <li data-name=
"LuCI.form.ListValue#password"><a href=
"LuCI.form.ListValue.html#password">password
</a></li>
1164 <li data-name=
"LuCI.form.ListValue#placeholder"><a href=
"LuCI.form.ListValue.html#placeholder">placeholder
</a></li>
1166 <li data-name=
"LuCI.form.ListValue#readonly"><a href=
"LuCI.form.ListValue.html#readonly">readonly
</a></li>
1168 <li data-name=
"LuCI.form.ListValue#retain"><a href=
"LuCI.form.ListValue.html#retain">retain
</a></li>
1170 <li data-name=
"LuCI.form.ListValue#rmempty"><a href=
"LuCI.form.ListValue.html#rmempty">rmempty
</a></li>
1172 <li data-name=
"LuCI.form.ListValue#uciconfig"><a href=
"LuCI.form.ListValue.html#uciconfig">uciconfig
</a></li>
1174 <li data-name=
"LuCI.form.ListValue#ucioption"><a href=
"LuCI.form.ListValue.html#ucioption">ucioption
</a></li>
1176 <li data-name=
"LuCI.form.ListValue#ucisection"><a href=
"LuCI.form.ListValue.html#ucisection">ucisection
</a></li>
1178 <li data-name=
"LuCI.form.ListValue#validate"><a href=
"LuCI.form.ListValue.html#validate">validate
</a></li>
1180 <li data-name=
"LuCI.form.ListValue#width"><a href=
"LuCI.form.ListValue.html#width">width
</a></li>
1183 <ul class=
"typedefs itemMembers">
1186 <ul class=
"typedefs itemMembers">
1189 <ul class=
"methods itemMembers">
1191 <span class=
"subtitle">Methods
</span>
1193 <li data-name=
"LuCI.form.ListValue#append"><a href=
"LuCI.form.ListValue.html#append">append
</a></li>
1195 <li data-name=
"LuCI.form.ListValue#cbid"><a href=
"LuCI.form.ListValue.html#cbid">cbid
</a></li>
1197 <li data-name=
"LuCI.form.ListValue#cfgvalue"><a href=
"LuCI.form.ListValue.html#cfgvalue">cfgvalue
</a></li>
1199 <li data-name=
"LuCI.form.ListValue#depends"><a href=
"LuCI.form.ListValue.html#depends">depends
</a></li>
1201 <li data-name=
"LuCI.form.ListValue#formvalue"><a href=
"LuCI.form.ListValue.html#formvalue">formvalue
</a></li>
1203 <li data-name=
"LuCI.form.ListValue#getUIElement"><a href=
"LuCI.form.ListValue.html#getUIElement">getUIElement
</a></li>
1205 <li data-name=
"LuCI.form.ListValue#getValidationError"><a href=
"LuCI.form.ListValue.html#getValidationError">getValidationError
</a></li>
1207 <li data-name=
"LuCI.form.ListValue#isActive"><a href=
"LuCI.form.ListValue.html#isActive">isActive
</a></li>
1209 <li data-name=
"LuCI.form.ListValue#isValid"><a href=
"LuCI.form.ListValue.html#isValid">isValid
</a></li>
1211 <li data-name=
"LuCI.form.ListValue#load"><a href=
"LuCI.form.ListValue.html#load">load
</a></li>
1213 <li data-name=
"LuCI.form.ListValue#parse"><a href=
"LuCI.form.ListValue.html#parse">parse
</a></li>
1215 <li data-name=
"LuCI.form.ListValue#remove"><a href=
"LuCI.form.ListValue.html#remove">remove
</a></li>
1217 <li data-name=
"LuCI.form.ListValue#stripTags"><a href=
"LuCI.form.ListValue.html#stripTags">stripTags
</a></li>
1219 <li data-name=
"LuCI.form.ListValue#textvalue"><a href=
"LuCI.form.ListValue.html#textvalue">textvalue
</a></li>
1221 <li data-name=
"LuCI.form.ListValue#titleFn"><a href=
"LuCI.form.ListValue.html#titleFn">titleFn
</a></li>
1223 <li data-name=
"LuCI.form.ListValue#value"><a href=
"LuCI.form.ListValue.html#value">value
</a></li>
1225 <li data-name=
"LuCI.form.ListValue#write"><a href=
"LuCI.form.ListValue.html#write">write
</a></li>
1228 <ul class=
"events itemMembers">
1233 <li class=
"item" data-name=
"LuCI.form.Map">
1234 <span class=
"title">
1235 <a href=
"LuCI.form.Map.html">LuCI.form.Map
</a>
1238 <ul class=
"members itemMembers">
1240 <span class=
"subtitle">Members
</span>
1242 <li data-name=
"LuCI.form.Map##readonly"><a href=
"LuCI.form.Map.html#readonly">readonly
</a></li>
1245 <ul class=
"typedefs itemMembers">
1248 <ul class=
"typedefs itemMembers">
1251 <ul class=
"methods itemMembers">
1253 <span class=
"subtitle">Methods
</span>
1255 <li data-name=
"LuCI.form.Map#append"><a href=
"LuCI.form.Map.html#append">append
</a></li>
1257 <li data-name=
"LuCI.form.Map#chain"><a href=
"LuCI.form.Map.html#chain">chain
</a></li>
1259 <li data-name=
"LuCI.form.Map#findElement"><a href=
"LuCI.form.Map.html#findElement">findElement
</a></li>
1261 <li data-name=
"LuCI.form.Map#findElements"><a href=
"LuCI.form.Map.html#findElements">findElements
</a></li>
1263 <li data-name=
"LuCI.form.Map#load"><a href=
"LuCI.form.Map.html#load">load
</a></li>
1265 <li data-name=
"LuCI.form.Map#lookupOption"><a href=
"LuCI.form.Map.html#lookupOption">lookupOption
</a></li>
1267 <li data-name=
"LuCI.form.Map#parse"><a href=
"LuCI.form.Map.html#parse">parse
</a></li>
1269 <li data-name=
"LuCI.form.Map#render"><a href=
"LuCI.form.Map.html#render">render
</a></li>
1271 <li data-name=
"LuCI.form.Map#reset"><a href=
"LuCI.form.Map.html#reset">reset
</a></li>
1273 <li data-name=
"LuCI.form.Map#save"><a href=
"LuCI.form.Map.html#save">save
</a></li>
1275 <li data-name=
"LuCI.form.Map#section"><a href=
"LuCI.form.Map.html#section">section
</a></li>
1277 <li data-name=
"LuCI.form.Map#stripTags"><a href=
"LuCI.form.Map.html#stripTags">stripTags
</a></li>
1279 <li data-name=
"LuCI.form.Map#titleFn"><a href=
"LuCI.form.Map.html#titleFn">titleFn
</a></li>
1282 <ul class=
"events itemMembers">
1287 <li class=
"item" data-name=
"LuCI.form.MultiValue">
1288 <span class=
"title">
1289 <a href=
"LuCI.form.MultiValue.html">LuCI.form.MultiValue
</a>
1292 <ul class=
"members itemMembers">
1294 <span class=
"subtitle">Members
</span>
1296 <li data-name=
"LuCI.form.MultiValue##display_size"><a href=
"LuCI.form.MultiValue.html#display_size">display_size
</a></li>
1298 <li data-name=
"LuCI.form.MultiValue##dropdown_size"><a href=
"LuCI.form.MultiValue.html#dropdown_size">dropdown_size
</a></li>
1300 <li data-name=
"LuCI.form.MultiValue#datatype"><a href=
"LuCI.form.MultiValue.html#datatype">datatype
</a></li>
1302 <li data-name=
"LuCI.form.MultiValue#default"><a href=
"LuCI.form.MultiValue.html#default">default
</a></li>
1304 <li data-name=
"LuCI.form.MultiValue#editable"><a href=
"LuCI.form.MultiValue.html#editable">editable
</a></li>
1306 <li data-name=
"LuCI.form.MultiValue#modalonly"><a href=
"LuCI.form.MultiValue.html#modalonly">modalonly
</a></li>
1308 <li data-name=
"LuCI.form.MultiValue#onchange"><a href=
"LuCI.form.MultiValue.html#onchange">onchange
</a></li>
1310 <li data-name=
"LuCI.form.MultiValue#optional"><a href=
"LuCI.form.MultiValue.html#optional">optional
</a></li>
1312 <li data-name=
"LuCI.form.MultiValue#password"><a href=
"LuCI.form.MultiValue.html#password">password
</a></li>
1314 <li data-name=
"LuCI.form.MultiValue#placeholder"><a href=
"LuCI.form.MultiValue.html#placeholder">placeholder
</a></li>
1316 <li data-name=
"LuCI.form.MultiValue#readonly"><a href=
"LuCI.form.MultiValue.html#readonly">readonly
</a></li>
1318 <li data-name=
"LuCI.form.MultiValue#retain"><a href=
"LuCI.form.MultiValue.html#retain">retain
</a></li>
1320 <li data-name=
"LuCI.form.MultiValue#rmempty"><a href=
"LuCI.form.MultiValue.html#rmempty">rmempty
</a></li>
1322 <li data-name=
"LuCI.form.MultiValue#uciconfig"><a href=
"LuCI.form.MultiValue.html#uciconfig">uciconfig
</a></li>
1324 <li data-name=
"LuCI.form.MultiValue#ucioption"><a href=
"LuCI.form.MultiValue.html#ucioption">ucioption
</a></li>
1326 <li data-name=
"LuCI.form.MultiValue#ucisection"><a href=
"LuCI.form.MultiValue.html#ucisection">ucisection
</a></li>
1328 <li data-name=
"LuCI.form.MultiValue#validate"><a href=
"LuCI.form.MultiValue.html#validate">validate
</a></li>
1330 <li data-name=
"LuCI.form.MultiValue#width"><a href=
"LuCI.form.MultiValue.html#width">width
</a></li>
1333 <ul class=
"typedefs itemMembers">
1336 <ul class=
"typedefs itemMembers">
1339 <ul class=
"methods itemMembers">
1341 <span class=
"subtitle">Methods
</span>
1343 <li data-name=
"LuCI.form.MultiValue#append"><a href=
"LuCI.form.MultiValue.html#append">append
</a></li>
1345 <li data-name=
"LuCI.form.MultiValue#cbid"><a href=
"LuCI.form.MultiValue.html#cbid">cbid
</a></li>
1347 <li data-name=
"LuCI.form.MultiValue#cfgvalue"><a href=
"LuCI.form.MultiValue.html#cfgvalue">cfgvalue
</a></li>
1349 <li data-name=
"LuCI.form.MultiValue#depends"><a href=
"LuCI.form.MultiValue.html#depends">depends
</a></li>
1351 <li data-name=
"LuCI.form.MultiValue#formvalue"><a href=
"LuCI.form.MultiValue.html#formvalue">formvalue
</a></li>
1353 <li data-name=
"LuCI.form.MultiValue#getUIElement"><a href=
"LuCI.form.MultiValue.html#getUIElement">getUIElement
</a></li>
1355 <li data-name=
"LuCI.form.MultiValue#getValidationError"><a href=
"LuCI.form.MultiValue.html#getValidationError">getValidationError
</a></li>
1357 <li data-name=
"LuCI.form.MultiValue#isActive"><a href=
"LuCI.form.MultiValue.html#isActive">isActive
</a></li>
1359 <li data-name=
"LuCI.form.MultiValue#isValid"><a href=
"LuCI.form.MultiValue.html#isValid">isValid
</a></li>
1361 <li data-name=
"LuCI.form.MultiValue#load"><a href=
"LuCI.form.MultiValue.html#load">load
</a></li>
1363 <li data-name=
"LuCI.form.MultiValue#parse"><a href=
"LuCI.form.MultiValue.html#parse">parse
</a></li>
1365 <li data-name=
"LuCI.form.MultiValue#remove"><a href=
"LuCI.form.MultiValue.html#remove">remove
</a></li>
1367 <li data-name=
"LuCI.form.MultiValue#stripTags"><a href=
"LuCI.form.MultiValue.html#stripTags">stripTags
</a></li>
1369 <li data-name=
"LuCI.form.MultiValue#textvalue"><a href=
"LuCI.form.MultiValue.html#textvalue">textvalue
</a></li>
1371 <li data-name=
"LuCI.form.MultiValue#titleFn"><a href=
"LuCI.form.MultiValue.html#titleFn">titleFn
</a></li>
1373 <li data-name=
"LuCI.form.MultiValue#value"><a href=
"LuCI.form.MultiValue.html#value">value
</a></li>
1375 <li data-name=
"LuCI.form.MultiValue#write"><a href=
"LuCI.form.MultiValue.html#write">write
</a></li>
1378 <ul class=
"events itemMembers">
1383 <li class=
"item" data-name=
"LuCI.form.NamedSection">
1384 <span class=
"title">
1385 <a href=
"LuCI.form.NamedSection.html">LuCI.form.NamedSection
</a>
1388 <ul class=
"members itemMembers">
1390 <span class=
"subtitle">Members
</span>
1392 <li data-name=
"LuCI.form.NamedSection##addremove"><a href=
"LuCI.form.NamedSection.html#addremove">addremove
</a></li>
1394 <li data-name=
"LuCI.form.NamedSection##uciconfig"><a href=
"LuCI.form.NamedSection.html#uciconfig">uciconfig
</a></li>
1396 <li data-name=
"LuCI.form.NamedSection#parentoption"><a href=
"LuCI.form.NamedSection.html#parentoption">parentoption
</a></li>
1399 <ul class=
"typedefs itemMembers">
1402 <ul class=
"typedefs itemMembers">
1405 <ul class=
"methods itemMembers">
1407 <span class=
"subtitle">Methods
</span>
1409 <li data-name=
"LuCI.form.NamedSection#append"><a href=
"LuCI.form.NamedSection.html#append">append
</a></li>
1411 <li data-name=
"LuCI.form.NamedSection#cfgsections"><a href=
"LuCI.form.NamedSection.html#cfgsections">cfgsections
</a></li>
1413 <li data-name=
"LuCI.form.NamedSection#cfgvalue"><a href=
"LuCI.form.NamedSection.html#cfgvalue">cfgvalue
</a></li>
1415 <li data-name=
"LuCI.form.NamedSection#filter"><a href=
"LuCI.form.NamedSection.html#filter">filter
</a></li>
1417 <li data-name=
"LuCI.form.NamedSection#formvalue"><a href=
"LuCI.form.NamedSection.html#formvalue">formvalue
</a></li>
1419 <li data-name=
"LuCI.form.NamedSection#getOption"><a href=
"LuCI.form.NamedSection.html#getOption">getOption
</a></li>
1421 <li data-name=
"LuCI.form.NamedSection#getUIElement"><a href=
"LuCI.form.NamedSection.html#getUIElement">getUIElement
</a></li>
1423 <li data-name=
"LuCI.form.NamedSection#load"><a href=
"LuCI.form.NamedSection.html#load">load
</a></li>
1425 <li data-name=
"LuCI.form.NamedSection#option"><a href=
"LuCI.form.NamedSection.html#option">option
</a></li>
1427 <li data-name=
"LuCI.form.NamedSection#parse"><a href=
"LuCI.form.NamedSection.html#parse">parse
</a></li>
1429 <li data-name=
"LuCI.form.NamedSection#render"><a href=
"LuCI.form.NamedSection.html#render">render
</a></li>
1431 <li data-name=
"LuCI.form.NamedSection#stripTags"><a href=
"LuCI.form.NamedSection.html#stripTags">stripTags
</a></li>
1433 <li data-name=
"LuCI.form.NamedSection#tab"><a href=
"LuCI.form.NamedSection.html#tab">tab
</a></li>
1435 <li data-name=
"LuCI.form.NamedSection#taboption"><a href=
"LuCI.form.NamedSection.html#taboption">taboption
</a></li>
1437 <li data-name=
"LuCI.form.NamedSection#titleFn"><a href=
"LuCI.form.NamedSection.html#titleFn">titleFn
</a></li>
1440 <ul class=
"events itemMembers">
1445 <li class=
"item" data-name=
"LuCI.form.SectionValue">
1446 <span class=
"title">
1447 <a href=
"LuCI.form.SectionValue.html">LuCI.form.SectionValue
</a>
1450 <ul class=
"members itemMembers">
1452 <span class=
"subtitle">Members
</span>
1454 <li data-name=
"LuCI.form.SectionValue##subsection"><a href=
"LuCI.form.SectionValue.html#subsection">subsection
</a></li>
1456 <li data-name=
"LuCI.form.SectionValue#datatype"><a href=
"LuCI.form.SectionValue.html#datatype">datatype
</a></li>
1458 <li data-name=
"LuCI.form.SectionValue#default"><a href=
"LuCI.form.SectionValue.html#default">default
</a></li>
1460 <li data-name=
"LuCI.form.SectionValue#editable"><a href=
"LuCI.form.SectionValue.html#editable">editable
</a></li>
1462 <li data-name=
"LuCI.form.SectionValue#modalonly"><a href=
"LuCI.form.SectionValue.html#modalonly">modalonly
</a></li>
1464 <li data-name=
"LuCI.form.SectionValue#onchange"><a href=
"LuCI.form.SectionValue.html#onchange">onchange
</a></li>
1466 <li data-name=
"LuCI.form.SectionValue#optional"><a href=
"LuCI.form.SectionValue.html#optional">optional
</a></li>
1468 <li data-name=
"LuCI.form.SectionValue#password"><a href=
"LuCI.form.SectionValue.html#password">password
</a></li>
1470 <li data-name=
"LuCI.form.SectionValue#placeholder"><a href=
"LuCI.form.SectionValue.html#placeholder">placeholder
</a></li>
1472 <li data-name=
"LuCI.form.SectionValue#readonly"><a href=
"LuCI.form.SectionValue.html#readonly">readonly
</a></li>
1474 <li data-name=
"LuCI.form.SectionValue#retain"><a href=
"LuCI.form.SectionValue.html#retain">retain
</a></li>
1476 <li data-name=
"LuCI.form.SectionValue#rmempty"><a href=
"LuCI.form.SectionValue.html#rmempty">rmempty
</a></li>
1478 <li data-name=
"LuCI.form.SectionValue#uciconfig"><a href=
"LuCI.form.SectionValue.html#uciconfig">uciconfig
</a></li>
1480 <li data-name=
"LuCI.form.SectionValue#ucioption"><a href=
"LuCI.form.SectionValue.html#ucioption">ucioption
</a></li>
1482 <li data-name=
"LuCI.form.SectionValue#ucisection"><a href=
"LuCI.form.SectionValue.html#ucisection">ucisection
</a></li>
1484 <li data-name=
"LuCI.form.SectionValue#validate"><a href=
"LuCI.form.SectionValue.html#validate">validate
</a></li>
1486 <li data-name=
"LuCI.form.SectionValue#width"><a href=
"LuCI.form.SectionValue.html#width">width
</a></li>
1489 <ul class=
"typedefs itemMembers">
1492 <ul class=
"typedefs itemMembers">
1495 <ul class=
"methods itemMembers">
1497 <span class=
"subtitle">Methods
</span>
1499 <li data-name=
"LuCI.form.SectionValue#append"><a href=
"LuCI.form.SectionValue.html#append">append
</a></li>
1501 <li data-name=
"LuCI.form.SectionValue#cbid"><a href=
"LuCI.form.SectionValue.html#cbid">cbid
</a></li>
1503 <li data-name=
"LuCI.form.SectionValue#cfgvalue"><a href=
"LuCI.form.SectionValue.html#cfgvalue">cfgvalue
</a></li>
1505 <li data-name=
"LuCI.form.SectionValue#depends"><a href=
"LuCI.form.SectionValue.html#depends">depends
</a></li>
1507 <li data-name=
"LuCI.form.SectionValue#formvalue"><a href=
"LuCI.form.SectionValue.html#formvalue">formvalue
</a></li>
1509 <li data-name=
"LuCI.form.SectionValue#getUIElement"><a href=
"LuCI.form.SectionValue.html#getUIElement">getUIElement
</a></li>
1511 <li data-name=
"LuCI.form.SectionValue#getValidationError"><a href=
"LuCI.form.SectionValue.html#getValidationError">getValidationError
</a></li>
1513 <li data-name=
"LuCI.form.SectionValue#isActive"><a href=
"LuCI.form.SectionValue.html#isActive">isActive
</a></li>
1515 <li data-name=
"LuCI.form.SectionValue#isValid"><a href=
"LuCI.form.SectionValue.html#isValid">isValid
</a></li>
1517 <li data-name=
"LuCI.form.SectionValue#load"><a href=
"LuCI.form.SectionValue.html#load">load
</a></li>
1519 <li data-name=
"LuCI.form.SectionValue#parse"><a href=
"LuCI.form.SectionValue.html#parse">parse
</a></li>
1521 <li data-name=
"LuCI.form.SectionValue#remove"><a href=
"LuCI.form.SectionValue.html#remove">remove
</a></li>
1523 <li data-name=
"LuCI.form.SectionValue#stripTags"><a href=
"LuCI.form.SectionValue.html#stripTags">stripTags
</a></li>
1525 <li data-name=
"LuCI.form.SectionValue#textvalue"><a href=
"LuCI.form.SectionValue.html#textvalue">textvalue
</a></li>
1527 <li data-name=
"LuCI.form.SectionValue#titleFn"><a href=
"LuCI.form.SectionValue.html#titleFn">titleFn
</a></li>
1529 <li data-name=
"LuCI.form.SectionValue#value"><a href=
"LuCI.form.SectionValue.html#value">value
</a></li>
1531 <li data-name=
"LuCI.form.SectionValue#write"><a href=
"LuCI.form.SectionValue.html#write">write
</a></li>
1534 <ul class=
"events itemMembers">
1539 <li class=
"item" data-name=
"LuCI.form.TableSection">
1540 <span class=
"title">
1541 <a href=
"LuCI.form.TableSection.html">LuCI.form.TableSection
</a>
1544 <ul class=
"members itemMembers">
1546 <span class=
"subtitle">Members
</span>
1548 <li data-name=
"LuCI.form.TableSection##addbtntitle"><a href=
"LuCI.form.TableSection.html#addbtntitle">addbtntitle
</a></li>
1550 <li data-name=
"LuCI.form.TableSection##addremove"><a href=
"LuCI.form.TableSection.html#addremove">addremove
</a></li>
1552 <li data-name=
"LuCI.form.TableSection##anonymous"><a href=
"LuCI.form.TableSection.html#anonymous">anonymous
</a></li>
1554 <li data-name=
"LuCI.form.TableSection##extedit"><a href=
"LuCI.form.TableSection.html#extedit">extedit
</a></li>
1556 <li data-name=
"LuCI.form.TableSection##max_cols"><a href=
"LuCI.form.TableSection.html#max_cols">max_cols
</a></li>
1558 <li data-name=
"LuCI.form.TableSection##modaltitle"><a href=
"LuCI.form.TableSection.html#modaltitle">modaltitle
</a></li>
1560 <li data-name=
"LuCI.form.TableSection##nodescriptions"><a href=
"LuCI.form.TableSection.html#nodescriptions">nodescriptions
</a></li>
1562 <li data-name=
"LuCI.form.TableSection##rowcolors"><a href=
"LuCI.form.TableSection.html#rowcolors">rowcolors
</a></li>
1564 <li data-name=
"LuCI.form.TableSection##sectiontitle"><a href=
"LuCI.form.TableSection.html#sectiontitle">sectiontitle
</a></li>
1566 <li data-name=
"LuCI.form.TableSection##sortable"><a href=
"LuCI.form.TableSection.html#sortable">sortable
</a></li>
1568 <li data-name=
"LuCI.form.TableSection##uciconfig"><a href=
"LuCI.form.TableSection.html#uciconfig">uciconfig
</a></li>
1570 <li data-name=
"LuCI.form.TableSection#addbtntitle"><a href=
"LuCI.form.TableSection.html#addbtntitle">addbtntitle
</a></li>
1572 <li data-name=
"LuCI.form.TableSection#addremove"><a href=
"LuCI.form.TableSection.html#addremove">addremove
</a></li>
1574 <li data-name=
"LuCI.form.TableSection#anonymous"><a href=
"LuCI.form.TableSection.html#anonymous">anonymous
</a></li>
1576 <li data-name=
"LuCI.form.TableSection#parentoption"><a href=
"LuCI.form.TableSection.html#parentoption">parentoption
</a></li>
1578 <li data-name=
"LuCI.form.TableSection#tabbed"><a href=
"LuCI.form.TableSection.html#tabbed">tabbed
</a></li>
1580 <li data-name=
"LuCI.form.TableSection#tooltip"><a href=
"LuCI.form.TableSection.html#tooltip">tooltip
</a></li>
1582 <li data-name=
"LuCI.form.TableSection#tooltipicon"><a href=
"LuCI.form.TableSection.html#tooltipicon">tooltipicon
</a></li>
1584 <li data-name=
"LuCI.form.TableSection#uciconfig"><a href=
"LuCI.form.TableSection.html#uciconfig">uciconfig
</a></li>
1587 <ul class=
"typedefs itemMembers">
1590 <ul class=
"typedefs itemMembers">
1593 <ul class=
"methods itemMembers">
1595 <span class=
"subtitle">Methods
</span>
1597 <li data-name=
"LuCI.form.TableSection#addModalOptions"><a href=
"LuCI.form.TableSection.html#addModalOptions">addModalOptions
</a></li>
1599 <li data-name=
"LuCI.form.TableSection#append"><a href=
"LuCI.form.TableSection.html#append">append
</a></li>
1601 <li data-name=
"LuCI.form.TableSection#cfgvalue"><a href=
"LuCI.form.TableSection.html#cfgvalue">cfgvalue
</a></li>
1603 <li data-name=
"LuCI.form.TableSection#filter"><a href=
"LuCI.form.TableSection.html#filter">filter
</a></li>
1605 <li data-name=
"LuCI.form.TableSection#formvalue"><a href=
"LuCI.form.TableSection.html#formvalue">formvalue
</a></li>
1607 <li data-name=
"LuCI.form.TableSection#getOption"><a href=
"LuCI.form.TableSection.html#getOption">getOption
</a></li>
1609 <li data-name=
"LuCI.form.TableSection#getUIElement"><a href=
"LuCI.form.TableSection.html#getUIElement">getUIElement
</a></li>
1611 <li data-name=
"LuCI.form.TableSection#load"><a href=
"LuCI.form.TableSection.html#load">load
</a></li>
1613 <li data-name=
"LuCI.form.TableSection#option"><a href=
"LuCI.form.TableSection.html#option">option
</a></li>
1615 <li data-name=
"LuCI.form.TableSection#parse"><a href=
"LuCI.form.TableSection.html#parse">parse
</a></li>
1617 <li data-name=
"LuCI.form.TableSection#stripTags"><a href=
"LuCI.form.TableSection.html#stripTags">stripTags
</a></li>
1619 <li data-name=
"LuCI.form.TableSection#tab"><a href=
"LuCI.form.TableSection.html#tab">tab
</a></li>
1621 <li data-name=
"LuCI.form.TableSection#taboption"><a href=
"LuCI.form.TableSection.html#taboption">taboption
</a></li>
1623 <li data-name=
"LuCI.form.TableSection#titleFn"><a href=
"LuCI.form.TableSection.html#titleFn">titleFn
</a></li>
1626 <ul class=
"events itemMembers">
1631 <li class=
"item" data-name=
"LuCI.form.TextValue">
1632 <span class=
"title">
1633 <a href=
"LuCI.form.TextValue.html">LuCI.form.TextValue
</a>
1636 <ul class=
"members itemMembers">
1638 <span class=
"subtitle">Members
</span>
1640 <li data-name=
"LuCI.form.TextValue##cols"><a href=
"LuCI.form.TextValue.html#cols">cols
</a></li>
1642 <li data-name=
"LuCI.form.TextValue##monospace"><a href=
"LuCI.form.TextValue.html#monospace">monospace
</a></li>
1644 <li data-name=
"LuCI.form.TextValue##rows"><a href=
"LuCI.form.TextValue.html#rows">rows
</a></li>
1646 <li data-name=
"LuCI.form.TextValue##wrap"><a href=
"LuCI.form.TextValue.html#wrap">wrap
</a></li>
1648 <li data-name=
"LuCI.form.TextValue#datatype"><a href=
"LuCI.form.TextValue.html#datatype">datatype
</a></li>
1650 <li data-name=
"LuCI.form.TextValue#default"><a href=
"LuCI.form.TextValue.html#default">default
</a></li>
1652 <li data-name=
"LuCI.form.TextValue#editable"><a href=
"LuCI.form.TextValue.html#editable">editable
</a></li>
1654 <li data-name=
"LuCI.form.TextValue#modalonly"><a href=
"LuCI.form.TextValue.html#modalonly">modalonly
</a></li>
1656 <li data-name=
"LuCI.form.TextValue#onchange"><a href=
"LuCI.form.TextValue.html#onchange">onchange
</a></li>
1658 <li data-name=
"LuCI.form.TextValue#optional"><a href=
"LuCI.form.TextValue.html#optional">optional
</a></li>
1660 <li data-name=
"LuCI.form.TextValue#password"><a href=
"LuCI.form.TextValue.html#password">password
</a></li>
1662 <li data-name=
"LuCI.form.TextValue#placeholder"><a href=
"LuCI.form.TextValue.html#placeholder">placeholder
</a></li>
1664 <li data-name=
"LuCI.form.TextValue#readonly"><a href=
"LuCI.form.TextValue.html#readonly">readonly
</a></li>
1666 <li data-name=
"LuCI.form.TextValue#retain"><a href=
"LuCI.form.TextValue.html#retain">retain
</a></li>
1668 <li data-name=
"LuCI.form.TextValue#rmempty"><a href=
"LuCI.form.TextValue.html#rmempty">rmempty
</a></li>
1670 <li data-name=
"LuCI.form.TextValue#uciconfig"><a href=
"LuCI.form.TextValue.html#uciconfig">uciconfig
</a></li>
1672 <li data-name=
"LuCI.form.TextValue#ucioption"><a href=
"LuCI.form.TextValue.html#ucioption">ucioption
</a></li>
1674 <li data-name=
"LuCI.form.TextValue#ucisection"><a href=
"LuCI.form.TextValue.html#ucisection">ucisection
</a></li>
1676 <li data-name=
"LuCI.form.TextValue#validate"><a href=
"LuCI.form.TextValue.html#validate">validate
</a></li>
1678 <li data-name=
"LuCI.form.TextValue#width"><a href=
"LuCI.form.TextValue.html#width">width
</a></li>
1681 <ul class=
"typedefs itemMembers">
1684 <ul class=
"typedefs itemMembers">
1687 <ul class=
"methods itemMembers">
1689 <span class=
"subtitle">Methods
</span>
1691 <li data-name=
"LuCI.form.TextValue#append"><a href=
"LuCI.form.TextValue.html#append">append
</a></li>
1693 <li data-name=
"LuCI.form.TextValue#cbid"><a href=
"LuCI.form.TextValue.html#cbid">cbid
</a></li>
1695 <li data-name=
"LuCI.form.TextValue#cfgvalue"><a href=
"LuCI.form.TextValue.html#cfgvalue">cfgvalue
</a></li>
1697 <li data-name=
"LuCI.form.TextValue#depends"><a href=
"LuCI.form.TextValue.html#depends">depends
</a></li>
1699 <li data-name=
"LuCI.form.TextValue#formvalue"><a href=
"LuCI.form.TextValue.html#formvalue">formvalue
</a></li>
1701 <li data-name=
"LuCI.form.TextValue#getUIElement"><a href=
"LuCI.form.TextValue.html#getUIElement">getUIElement
</a></li>
1703 <li data-name=
"LuCI.form.TextValue#getValidationError"><a href=
"LuCI.form.TextValue.html#getValidationError">getValidationError
</a></li>
1705 <li data-name=
"LuCI.form.TextValue#isActive"><a href=
"LuCI.form.TextValue.html#isActive">isActive
</a></li>
1707 <li data-name=
"LuCI.form.TextValue#isValid"><a href=
"LuCI.form.TextValue.html#isValid">isValid
</a></li>
1709 <li data-name=
"LuCI.form.TextValue#load"><a href=
"LuCI.form.TextValue.html#load">load
</a></li>
1711 <li data-name=
"LuCI.form.TextValue#parse"><a href=
"LuCI.form.TextValue.html#parse">parse
</a></li>
1713 <li data-name=
"LuCI.form.TextValue#remove"><a href=
"LuCI.form.TextValue.html#remove">remove
</a></li>
1715 <li data-name=
"LuCI.form.TextValue#stripTags"><a href=
"LuCI.form.TextValue.html#stripTags">stripTags
</a></li>
1717 <li data-name=
"LuCI.form.TextValue#textvalue"><a href=
"LuCI.form.TextValue.html#textvalue">textvalue
</a></li>
1719 <li data-name=
"LuCI.form.TextValue#titleFn"><a href=
"LuCI.form.TextValue.html#titleFn">titleFn
</a></li>
1721 <li data-name=
"LuCI.form.TextValue#write"><a href=
"LuCI.form.TextValue.html#write">write
</a></li>
1724 <ul class=
"events itemMembers">
1729 <li class=
"item" data-name=
"LuCI.form.TypedSection">
1730 <span class=
"title">
1731 <a href=
"LuCI.form.TypedSection.html">LuCI.form.TypedSection
</a>
1734 <ul class=
"members itemMembers">
1736 <span class=
"subtitle">Members
</span>
1738 <li data-name=
"LuCI.form.TypedSection##addbtntitle"><a href=
"LuCI.form.TypedSection.html#addbtntitle">addbtntitle
</a></li>
1740 <li data-name=
"LuCI.form.TypedSection##addremove"><a href=
"LuCI.form.TypedSection.html#addremove">addremove
</a></li>
1742 <li data-name=
"LuCI.form.TypedSection##anonymous"><a href=
"LuCI.form.TypedSection.html#anonymous">anonymous
</a></li>
1744 <li data-name=
"LuCI.form.TypedSection##tabbed"><a href=
"LuCI.form.TypedSection.html#tabbed">tabbed
</a></li>
1746 <li data-name=
"LuCI.form.TypedSection##tooltip"><a href=
"LuCI.form.TypedSection.html#tooltip">tooltip
</a></li>
1748 <li data-name=
"LuCI.form.TypedSection##tooltipicon"><a href=
"LuCI.form.TypedSection.html#tooltipicon">tooltipicon
</a></li>
1750 <li data-name=
"LuCI.form.TypedSection##uciconfig"><a href=
"LuCI.form.TypedSection.html#uciconfig">uciconfig
</a></li>
1752 <li data-name=
"LuCI.form.TypedSection#parentoption"><a href=
"LuCI.form.TypedSection.html#parentoption">parentoption
</a></li>
1755 <ul class=
"typedefs itemMembers">
1758 <ul class=
"typedefs itemMembers">
1761 <ul class=
"methods itemMembers">
1763 <span class=
"subtitle">Methods
</span>
1765 <li data-name=
"LuCI.form.TypedSection#append"><a href=
"LuCI.form.TypedSection.html#append">append
</a></li>
1767 <li data-name=
"LuCI.form.TypedSection#cfgsections"><a href=
"LuCI.form.TypedSection.html#cfgsections">cfgsections
</a></li>
1769 <li data-name=
"LuCI.form.TypedSection#cfgvalue"><a href=
"LuCI.form.TypedSection.html#cfgvalue">cfgvalue
</a></li>
1771 <li data-name=
"LuCI.form.TypedSection#filter"><a href=
"LuCI.form.TypedSection.html#filter">filter
</a></li>
1773 <li data-name=
"LuCI.form.TypedSection#formvalue"><a href=
"LuCI.form.TypedSection.html#formvalue">formvalue
</a></li>
1775 <li data-name=
"LuCI.form.TypedSection#getOption"><a href=
"LuCI.form.TypedSection.html#getOption">getOption
</a></li>
1777 <li data-name=
"LuCI.form.TypedSection#getUIElement"><a href=
"LuCI.form.TypedSection.html#getUIElement">getUIElement
</a></li>
1779 <li data-name=
"LuCI.form.TypedSection#load"><a href=
"LuCI.form.TypedSection.html#load">load
</a></li>
1781 <li data-name=
"LuCI.form.TypedSection#option"><a href=
"LuCI.form.TypedSection.html#option">option
</a></li>
1783 <li data-name=
"LuCI.form.TypedSection#parse"><a href=
"LuCI.form.TypedSection.html#parse">parse
</a></li>
1785 <li data-name=
"LuCI.form.TypedSection#render"><a href=
"LuCI.form.TypedSection.html#render">render
</a></li>
1787 <li data-name=
"LuCI.form.TypedSection#stripTags"><a href=
"LuCI.form.TypedSection.html#stripTags">stripTags
</a></li>
1789 <li data-name=
"LuCI.form.TypedSection#tab"><a href=
"LuCI.form.TypedSection.html#tab">tab
</a></li>
1791 <li data-name=
"LuCI.form.TypedSection#taboption"><a href=
"LuCI.form.TypedSection.html#taboption">taboption
</a></li>
1793 <li data-name=
"LuCI.form.TypedSection#titleFn"><a href=
"LuCI.form.TypedSection.html#titleFn">titleFn
</a></li>
1796 <ul class=
"events itemMembers">
1801 <li class=
"item" data-name=
"LuCI.form.Value">
1802 <span class=
"title">
1803 <a href=
"LuCI.form.Value.html">LuCI.form.Value
</a>
1806 <ul class=
"members itemMembers">
1808 <span class=
"subtitle">Members
</span>
1810 <li data-name=
"LuCI.form.Value##password"><a href=
"LuCI.form.Value.html#password">password
</a></li>
1812 <li data-name=
"LuCI.form.Value##placeholder"><a href=
"LuCI.form.Value.html#placeholder">placeholder
</a></li>
1814 <li data-name=
"LuCI.form.Value#datatype"><a href=
"LuCI.form.Value.html#datatype">datatype
</a></li>
1816 <li data-name=
"LuCI.form.Value#default"><a href=
"LuCI.form.Value.html#default">default
</a></li>
1818 <li data-name=
"LuCI.form.Value#editable"><a href=
"LuCI.form.Value.html#editable">editable
</a></li>
1820 <li data-name=
"LuCI.form.Value#modalonly"><a href=
"LuCI.form.Value.html#modalonly">modalonly
</a></li>
1822 <li data-name=
"LuCI.form.Value#onchange"><a href=
"LuCI.form.Value.html#onchange">onchange
</a></li>
1824 <li data-name=
"LuCI.form.Value#optional"><a href=
"LuCI.form.Value.html#optional">optional
</a></li>
1826 <li data-name=
"LuCI.form.Value#readonly"><a href=
"LuCI.form.Value.html#readonly">readonly
</a></li>
1828 <li data-name=
"LuCI.form.Value#retain"><a href=
"LuCI.form.Value.html#retain">retain
</a></li>
1830 <li data-name=
"LuCI.form.Value#rmempty"><a href=
"LuCI.form.Value.html#rmempty">rmempty
</a></li>
1832 <li data-name=
"LuCI.form.Value#uciconfig"><a href=
"LuCI.form.Value.html#uciconfig">uciconfig
</a></li>
1834 <li data-name=
"LuCI.form.Value#ucioption"><a href=
"LuCI.form.Value.html#ucioption">ucioption
</a></li>
1836 <li data-name=
"LuCI.form.Value#ucisection"><a href=
"LuCI.form.Value.html#ucisection">ucisection
</a></li>
1838 <li data-name=
"LuCI.form.Value#validate"><a href=
"LuCI.form.Value.html#validate">validate
</a></li>
1840 <li data-name=
"LuCI.form.Value#width"><a href=
"LuCI.form.Value.html#width">width
</a></li>
1843 <ul class=
"typedefs itemMembers">
1846 <ul class=
"typedefs itemMembers">
1849 <ul class=
"methods itemMembers">
1851 <span class=
"subtitle">Methods
</span>
1853 <li data-name=
"LuCI.form.Value#append"><a href=
"LuCI.form.Value.html#append">append
</a></li>
1855 <li data-name=
"LuCI.form.Value#cbid"><a href=
"LuCI.form.Value.html#cbid">cbid
</a></li>
1857 <li data-name=
"LuCI.form.Value#cfgvalue"><a href=
"LuCI.form.Value.html#cfgvalue">cfgvalue
</a></li>
1859 <li data-name=
"LuCI.form.Value#depends"><a href=
"LuCI.form.Value.html#depends">depends
</a></li>
1861 <li data-name=
"LuCI.form.Value#formvalue"><a href=
"LuCI.form.Value.html#formvalue">formvalue
</a></li>
1863 <li data-name=
"LuCI.form.Value#getUIElement"><a href=
"LuCI.form.Value.html#getUIElement">getUIElement
</a></li>
1865 <li data-name=
"LuCI.form.Value#getValidationError"><a href=
"LuCI.form.Value.html#getValidationError">getValidationError
</a></li>
1867 <li data-name=
"LuCI.form.Value#isActive"><a href=
"LuCI.form.Value.html#isActive">isActive
</a></li>
1869 <li data-name=
"LuCI.form.Value#isValid"><a href=
"LuCI.form.Value.html#isValid">isValid
</a></li>
1871 <li data-name=
"LuCI.form.Value#load"><a href=
"LuCI.form.Value.html#load">load
</a></li>
1873 <li data-name=
"LuCI.form.Value#parse"><a href=
"LuCI.form.Value.html#parse">parse
</a></li>
1875 <li data-name=
"LuCI.form.Value#remove"><a href=
"LuCI.form.Value.html#remove">remove
</a></li>
1877 <li data-name=
"LuCI.form.Value#render"><a href=
"LuCI.form.Value.html#render">render
</a></li>
1879 <li data-name=
"LuCI.form.Value#stripTags"><a href=
"LuCI.form.Value.html#stripTags">stripTags
</a></li>
1881 <li data-name=
"LuCI.form.Value#textvalue"><a href=
"LuCI.form.Value.html#textvalue">textvalue
</a></li>
1883 <li data-name=
"LuCI.form.Value#titleFn"><a href=
"LuCI.form.Value.html#titleFn">titleFn
</a></li>
1885 <li data-name=
"LuCI.form.Value#value"><a href=
"LuCI.form.Value.html#value">value
</a></li>
1887 <li data-name=
"LuCI.form.Value#write"><a href=
"LuCI.form.Value.html#write">write
</a></li>
1890 <ul class=
"events itemMembers">
1895 <li class=
"item" data-name=
"LuCI.fs">
1896 <span class=
"title">
1897 <a href=
"LuCI.fs.html">LuCI.fs
</a>
1900 <ul class=
"members itemMembers">
1903 <ul class=
"typedefs itemMembers">
1905 <span class=
"subtitle">Typedefs
</span>
1907 <li data-name=
"LuCI.fs.FileExecResult"><a href=
"LuCI.fs.html#.FileExecResult">FileExecResult
</a></li>
1909 <li data-name=
"LuCI.fs.FileStatEntry"><a href=
"LuCI.fs.html#.FileStatEntry">FileStatEntry
</a></li>
1912 <ul class=
"typedefs itemMembers">
1915 <ul class=
"methods itemMembers">
1917 <span class=
"subtitle">Methods
</span>
1919 <li data-name=
"LuCI.fs#exec"><a href=
"LuCI.fs.html#exec">exec
</a></li>
1921 <li data-name=
"LuCI.fs#exec_direct"><a href=
"LuCI.fs.html#exec_direct">exec_direct
</a></li>
1923 <li data-name=
"LuCI.fs#lines"><a href=
"LuCI.fs.html#lines">lines
</a></li>
1925 <li data-name=
"LuCI.fs#list"><a href=
"LuCI.fs.html#list">list
</a></li>
1927 <li data-name=
"LuCI.fs#read"><a href=
"LuCI.fs.html#read">read
</a></li>
1929 <li data-name=
"LuCI.fs#read_direct"><a href=
"LuCI.fs.html#read_direct">read_direct
</a></li>
1931 <li data-name=
"LuCI.fs#remove"><a href=
"LuCI.fs.html#remove">remove
</a></li>
1933 <li data-name=
"LuCI.fs#stat"><a href=
"LuCI.fs.html#stat">stat
</a></li>
1935 <li data-name=
"LuCI.fs#trimmed"><a href=
"LuCI.fs.html#trimmed">trimmed
</a></li>
1937 <li data-name=
"LuCI.fs#write"><a href=
"LuCI.fs.html#write">write
</a></li>
1940 <ul class=
"events itemMembers">
1945 <li class=
"item" data-name=
"LuCI.headers">
1946 <span class=
"title">
1947 <a href=
"LuCI.headers.html">LuCI.headers
</a>
1950 <ul class=
"members itemMembers">
1953 <ul class=
"typedefs itemMembers">
1956 <ul class=
"typedefs itemMembers">
1959 <ul class=
"methods itemMembers">
1961 <span class=
"subtitle">Methods
</span>
1963 <li data-name=
"LuCI.headers#get"><a href=
"LuCI.headers.html#get">get
</a></li>
1965 <li data-name=
"LuCI.headers#has"><a href=
"LuCI.headers.html#has">has
</a></li>
1968 <ul class=
"events itemMembers">
1973 <li class=
"item" data-name=
"LuCI.network">
1974 <span class=
"title">
1975 <a href=
"LuCI.network.html">LuCI.network
</a>
1978 <ul class=
"members itemMembers">
1981 <ul class=
"typedefs itemMembers">
1983 <span class=
"subtitle">Typedefs
</span>
1985 <li data-name=
"LuCI.network.SwitchTopology"><a href=
"LuCI.network.html#.SwitchTopology">SwitchTopology
</a></li>
1987 <li data-name=
"LuCI.network.WifiEncryption"><a href=
"LuCI.network.html#.WifiEncryption">WifiEncryption
</a></li>
1989 <li data-name=
"LuCI.network.WifiPeerEntry"><a href=
"LuCI.network.html#.WifiPeerEntry">WifiPeerEntry
</a></li>
1991 <li data-name=
"LuCI.network.WifiRateEntry"><a href=
"LuCI.network.html#.WifiRateEntry">WifiRateEntry
</a></li>
1993 <li data-name=
"LuCI.network.WifiScanResult"><a href=
"LuCI.network.html#.WifiScanResult">WifiScanResult
</a></li>
1996 <ul class=
"typedefs itemMembers">
1999 <ul class=
"methods itemMembers">
2001 <span class=
"subtitle">Methods
</span>
2003 <li data-name=
"LuCI.network#addNetwork"><a href=
"LuCI.network.html#addNetwork">addNetwork
</a></li>
2005 <li data-name=
"LuCI.network#addWifiNetwork"><a href=
"LuCI.network.html#addWifiNetwork">addWifiNetwork
</a></li>
2007 <li data-name=
"LuCI.network#deleteNetwork"><a href=
"LuCI.network.html#deleteNetwork">deleteNetwork
</a></li>
2009 <li data-name=
"LuCI.network#deleteWifiNetwork"><a href=
"LuCI.network.html#deleteWifiNetwork">deleteWifiNetwork
</a></li>
2011 <li data-name=
"LuCI.network#flushCache"><a href=
"LuCI.network.html#flushCache">flushCache
</a></li>
2013 <li data-name=
"LuCI.network#formatWifiEncryption"><a href=
"LuCI.network.html#formatWifiEncryption">formatWifiEncryption
</a></li>
2015 <li data-name=
"LuCI.network#getDevice"><a href=
"LuCI.network.html#getDevice">getDevice
</a></li>
2017 <li data-name=
"LuCI.network#getDevices"><a href=
"LuCI.network.html#getDevices">getDevices
</a></li>
2019 <li data-name=
"LuCI.network#getDSLModemType"><a href=
"LuCI.network.html#getDSLModemType">getDSLModemType
</a></li>
2021 <li data-name=
"LuCI.network#getHostHints"><a href=
"LuCI.network.html#getHostHints">getHostHints
</a></li>
2023 <li data-name=
"LuCI.network#getIfnameOf"><a href=
"LuCI.network.html#getIfnameOf">getIfnameOf
</a></li>
2025 <li data-name=
"LuCI.network#getNetwork"><a href=
"LuCI.network.html#getNetwork">getNetwork
</a></li>
2027 <li data-name=
"LuCI.network#getNetworks"><a href=
"LuCI.network.html#getNetworks">getNetworks
</a></li>
2029 <li data-name=
"LuCI.network#getProtocol"><a href=
"LuCI.network.html#getProtocol">getProtocol
</a></li>
2031 <li data-name=
"LuCI.network#getProtocols"><a href=
"LuCI.network.html#getProtocols">getProtocols
</a></li>
2033 <li data-name=
"LuCI.network#getSwitchTopologies"><a href=
"LuCI.network.html#getSwitchTopologies">getSwitchTopologies
</a></li>
2035 <li data-name=
"LuCI.network#getWAN6Networks"><a href=
"LuCI.network.html#getWAN6Networks">getWAN6Networks
</a></li>
2037 <li data-name=
"LuCI.network#getWANNetworks"><a href=
"LuCI.network.html#getWANNetworks">getWANNetworks
</a></li>
2039 <li data-name=
"LuCI.network#getWifiDevice"><a href=
"LuCI.network.html#getWifiDevice">getWifiDevice
</a></li>
2041 <li data-name=
"LuCI.network#getWifiDevices"><a href=
"LuCI.network.html#getWifiDevices">getWifiDevices
</a></li>
2043 <li data-name=
"LuCI.network#getWifiNetwork"><a href=
"LuCI.network.html#getWifiNetwork">getWifiNetwork
</a></li>
2045 <li data-name=
"LuCI.network#getWifiNetworks"><a href=
"LuCI.network.html#getWifiNetworks">getWifiNetworks
</a></li>
2047 <li data-name=
"LuCI.network#isIgnoredDevice"><a href=
"LuCI.network.html#isIgnoredDevice">isIgnoredDevice
</a></li>
2049 <li data-name=
"LuCI.network#maskToPrefix"><a href=
"LuCI.network.html#maskToPrefix">maskToPrefix
</a></li>
2051 <li data-name=
"LuCI.network#prefixToMask"><a href=
"LuCI.network.html#prefixToMask">prefixToMask
</a></li>
2053 <li data-name=
"LuCI.network#registerErrorCode"><a href=
"LuCI.network.html#registerErrorCode">registerErrorCode
</a></li>
2055 <li data-name=
"LuCI.network#registerPatternVirtual"><a href=
"LuCI.network.html#registerPatternVirtual">registerPatternVirtual
</a></li>
2057 <li data-name=
"LuCI.network#registerProtocol"><a href=
"LuCI.network.html#registerProtocol">registerProtocol
</a></li>
2059 <li data-name=
"LuCI.network#renameNetwork"><a href=
"LuCI.network.html#renameNetwork">renameNetwork
</a></li>
2062 <ul class=
"events itemMembers">
2067 <li class=
"item" data-name=
"LuCI.network.Device">
2068 <span class=
"title">
2069 <a href=
"LuCI.network.Device.html">LuCI.network.Device
</a>
2072 <ul class=
"members itemMembers">
2075 <ul class=
"typedefs itemMembers">
2078 <ul class=
"typedefs itemMembers">
2081 <ul class=
"methods itemMembers">
2083 <span class=
"subtitle">Methods
</span>
2085 <li data-name=
"LuCI.network.Device#getBridgeID"><a href=
"LuCI.network.Device.html#getBridgeID">getBridgeID
</a></li>
2087 <li data-name=
"LuCI.network.Device#getBridgeSTP"><a href=
"LuCI.network.Device.html#getBridgeSTP">getBridgeSTP
</a></li>
2089 <li data-name=
"LuCI.network.Device#getCarrier"><a href=
"LuCI.network.Device.html#getCarrier">getCarrier
</a></li>
2091 <li data-name=
"LuCI.network.Device#getDuplex"><a href=
"LuCI.network.Device.html#getDuplex">getDuplex
</a></li>
2093 <li data-name=
"LuCI.network.Device#getI18n"><a href=
"LuCI.network.Device.html#getI18n">getI18n
</a></li>
2095 <li data-name=
"LuCI.network.Device#getIP6Addrs"><a href=
"LuCI.network.Device.html#getIP6Addrs">getIP6Addrs
</a></li>
2097 <li data-name=
"LuCI.network.Device#getIPAddrs"><a href=
"LuCI.network.Device.html#getIPAddrs">getIPAddrs
</a></li>
2099 <li data-name=
"LuCI.network.Device#getMAC"><a href=
"LuCI.network.Device.html#getMAC">getMAC
</a></li>
2101 <li data-name=
"LuCI.network.Device#getMTU"><a href=
"LuCI.network.Device.html#getMTU">getMTU
</a></li>
2103 <li data-name=
"LuCI.network.Device#getName"><a href=
"LuCI.network.Device.html#getName">getName
</a></li>
2105 <li data-name=
"LuCI.network.Device#getNetwork"><a href=
"LuCI.network.Device.html#getNetwork">getNetwork
</a></li>
2107 <li data-name=
"LuCI.network.Device#getNetworks"><a href=
"LuCI.network.Device.html#getNetworks">getNetworks
</a></li>
2109 <li data-name=
"LuCI.network.Device#getParent"><a href=
"LuCI.network.Device.html#getParent">getParent
</a></li>
2111 <li data-name=
"LuCI.network.Device#getPorts"><a href=
"LuCI.network.Device.html#getPorts">getPorts
</a></li>
2113 <li data-name=
"LuCI.network.Device#getRXBytes"><a href=
"LuCI.network.Device.html#getRXBytes">getRXBytes
</a></li>
2115 <li data-name=
"LuCI.network.Device#getRXPackets"><a href=
"LuCI.network.Device.html#getRXPackets">getRXPackets
</a></li>
2117 <li data-name=
"LuCI.network.Device#getShortName"><a href=
"LuCI.network.Device.html#getShortName">getShortName
</a></li>
2119 <li data-name=
"LuCI.network.Device#getSpeed"><a href=
"LuCI.network.Device.html#getSpeed">getSpeed
</a></li>
2121 <li data-name=
"LuCI.network.Device#getTXBytes"><a href=
"LuCI.network.Device.html#getTXBytes">getTXBytes
</a></li>
2123 <li data-name=
"LuCI.network.Device#getTXPackets"><a href=
"LuCI.network.Device.html#getTXPackets">getTXPackets
</a></li>
2125 <li data-name=
"LuCI.network.Device#getType"><a href=
"LuCI.network.Device.html#getType">getType
</a></li>
2127 <li data-name=
"LuCI.network.Device#getTypeI18n"><a href=
"LuCI.network.Device.html#getTypeI18n">getTypeI18n
</a></li>
2129 <li data-name=
"LuCI.network.Device#getWifiNetwork"><a href=
"LuCI.network.Device.html#getWifiNetwork">getWifiNetwork
</a></li>
2131 <li data-name=
"LuCI.network.Device#isBridge"><a href=
"LuCI.network.Device.html#isBridge">isBridge
</a></li>
2133 <li data-name=
"LuCI.network.Device#isBridgePort"><a href=
"LuCI.network.Device.html#isBridgePort">isBridgePort
</a></li>
2135 <li data-name=
"LuCI.network.Device#isUp"><a href=
"LuCI.network.Device.html#isUp">isUp
</a></li>
2138 <ul class=
"events itemMembers">
2143 <li class=
"item" data-name=
"LuCI.network.Hosts">
2144 <span class=
"title">
2145 <a href=
"LuCI.network.Hosts.html">LuCI.network.Hosts
</a>
2148 <ul class=
"members itemMembers">
2151 <ul class=
"typedefs itemMembers">
2154 <ul class=
"typedefs itemMembers">
2157 <ul class=
"methods itemMembers">
2159 <span class=
"subtitle">Methods
</span>
2161 <li data-name=
"LuCI.network.Hosts#getHostnameByIP6Addr"><a href=
"LuCI.network.Hosts.html#getHostnameByIP6Addr">getHostnameByIP6Addr
</a></li>
2163 <li data-name=
"LuCI.network.Hosts#getHostnameByIPAddr"><a href=
"LuCI.network.Hosts.html#getHostnameByIPAddr">getHostnameByIPAddr
</a></li>
2165 <li data-name=
"LuCI.network.Hosts#getHostnameByMACAddr"><a href=
"LuCI.network.Hosts.html#getHostnameByMACAddr">getHostnameByMACAddr
</a></li>
2167 <li data-name=
"LuCI.network.Hosts#getIP6AddrByMACAddr"><a href=
"LuCI.network.Hosts.html#getIP6AddrByMACAddr">getIP6AddrByMACAddr
</a></li>
2169 <li data-name=
"LuCI.network.Hosts#getIPAddrByMACAddr"><a href=
"LuCI.network.Hosts.html#getIPAddrByMACAddr">getIPAddrByMACAddr
</a></li>
2171 <li data-name=
"LuCI.network.Hosts#getMACAddrByIP6Addr"><a href=
"LuCI.network.Hosts.html#getMACAddrByIP6Addr">getMACAddrByIP6Addr
</a></li>
2173 <li data-name=
"LuCI.network.Hosts#getMACAddrByIPAddr"><a href=
"LuCI.network.Hosts.html#getMACAddrByIPAddr">getMACAddrByIPAddr
</a></li>
2175 <li data-name=
"LuCI.network.Hosts#getMACHints"><a href=
"LuCI.network.Hosts.html#getMACHints">getMACHints
</a></li>
2178 <ul class=
"events itemMembers">
2183 <li class=
"item" data-name=
"LuCI.network.Protocol">
2184 <span class=
"title">
2185 <a href=
"LuCI.network.Protocol.html">LuCI.network.Protocol
</a>
2188 <ul class=
"members itemMembers">
2191 <ul class=
"typedefs itemMembers">
2194 <ul class=
"typedefs itemMembers">
2197 <ul class=
"methods itemMembers">
2199 <span class=
"subtitle">Methods
</span>
2201 <li data-name=
"LuCI.network.Protocol#addDevice"><a href=
"LuCI.network.Protocol.html#addDevice">addDevice
</a></li>
2203 <li data-name=
"LuCI.network.Protocol#containsDevice"><a href=
"LuCI.network.Protocol.html#containsDevice">containsDevice
</a></li>
2205 <li data-name=
"LuCI.network.Protocol#deleteConfiguration"><a href=
"LuCI.network.Protocol.html#deleteConfiguration">deleteConfiguration
</a></li>
2207 <li data-name=
"LuCI.network.Protocol#deleteDevice"><a href=
"LuCI.network.Protocol.html#deleteDevice">deleteDevice
</a></li>
2209 <li data-name=
"LuCI.network.Protocol#get"><a href=
"LuCI.network.Protocol.html#get">get
</a></li>
2211 <li data-name=
"LuCI.network.Protocol#getDevice"><a href=
"LuCI.network.Protocol.html#getDevice">getDevice
</a></li>
2213 <li data-name=
"LuCI.network.Protocol#getDevices"><a href=
"LuCI.network.Protocol.html#getDevices">getDevices
</a></li>
2215 <li data-name=
"LuCI.network.Protocol#getDNS6Addrs"><a href=
"LuCI.network.Protocol.html#getDNS6Addrs">getDNS6Addrs
</a></li>
2217 <li data-name=
"LuCI.network.Protocol#getDNSAddrs"><a href=
"LuCI.network.Protocol.html#getDNSAddrs">getDNSAddrs
</a></li>
2219 <li data-name=
"LuCI.network.Protocol#getErrors"><a href=
"LuCI.network.Protocol.html#getErrors">getErrors
</a></li>
2221 <li data-name=
"LuCI.network.Protocol#getExpiry"><a href=
"LuCI.network.Protocol.html#getExpiry">getExpiry
</a></li>
2223 <li data-name=
"LuCI.network.Protocol#getGateway6Addr"><a href=
"LuCI.network.Protocol.html#getGateway6Addr">getGateway6Addr
</a></li>
2225 <li data-name=
"LuCI.network.Protocol#getGatewayAddr"><a href=
"LuCI.network.Protocol.html#getGatewayAddr">getGatewayAddr
</a></li>
2227 <li data-name=
"LuCI.network.Protocol#getI18n"><a href=
"LuCI.network.Protocol.html#getI18n">getI18n
</a></li>
2229 <li data-name=
"LuCI.network.Protocol#getIfname"><a href=
"LuCI.network.Protocol.html#getIfname">getIfname
</a></li>
2231 <li data-name=
"LuCI.network.Protocol#getIP6Addr"><a href=
"LuCI.network.Protocol.html#getIP6Addr">getIP6Addr
</a></li>
2233 <li data-name=
"LuCI.network.Protocol#getIP6Addrs"><a href=
"LuCI.network.Protocol.html#getIP6Addrs">getIP6Addrs
</a></li>
2235 <li data-name=
"LuCI.network.Protocol#getIP6Prefix"><a href=
"LuCI.network.Protocol.html#getIP6Prefix">getIP6Prefix
</a></li>
2237 <li data-name=
"LuCI.network.Protocol#getIPAddr"><a href=
"LuCI.network.Protocol.html#getIPAddr">getIPAddr
</a></li>
2239 <li data-name=
"LuCI.network.Protocol#getIPAddrs"><a href=
"LuCI.network.Protocol.html#getIPAddrs">getIPAddrs
</a></li>
2241 <li data-name=
"LuCI.network.Protocol#getL2Device"><a href=
"LuCI.network.Protocol.html#getL2Device">getL2Device
</a></li>
2243 <li data-name=
"LuCI.network.Protocol#getL3Device"><a href=
"LuCI.network.Protocol.html#getL3Device">getL3Device
</a></li>
2245 <li data-name=
"LuCI.network.Protocol#getMetric"><a href=
"LuCI.network.Protocol.html#getMetric">getMetric
</a></li>
2247 <li data-name=
"LuCI.network.Protocol#getName"><a href=
"LuCI.network.Protocol.html#getName">getName
</a></li>
2249 <li data-name=
"LuCI.network.Protocol#getNetmask"><a href=
"LuCI.network.Protocol.html#getNetmask">getNetmask
</a></li>
2251 <li data-name=
"LuCI.network.Protocol#getOpkgPackage"><a href=
"LuCI.network.Protocol.html#getOpkgPackage">getOpkgPackage
</a></li>
2253 <li data-name=
"LuCI.network.Protocol#getProtocol"><a href=
"LuCI.network.Protocol.html#getProtocol">getProtocol
</a></li>
2255 <li data-name=
"LuCI.network.Protocol#getType"><a href=
"LuCI.network.Protocol.html#getType">getType
</a></li>
2257 <li data-name=
"LuCI.network.Protocol#getUptime"><a href=
"LuCI.network.Protocol.html#getUptime">getUptime
</a></li>
2259 <li data-name=
"LuCI.network.Protocol#getZoneName"><a href=
"LuCI.network.Protocol.html#getZoneName">getZoneName
</a></li>
2261 <li data-name=
"LuCI.network.Protocol#isAlias"><a href=
"LuCI.network.Protocol.html#isAlias">isAlias
</a></li>
2263 <li data-name=
"LuCI.network.Protocol#isBridge"><a href=
"LuCI.network.Protocol.html#isBridge">isBridge
</a></li>
2265 <li data-name=
"LuCI.network.Protocol#isCreateable"><a href=
"LuCI.network.Protocol.html#isCreateable">isCreateable
</a></li>
2267 <li data-name=
"LuCI.network.Protocol#isDynamic"><a href=
"LuCI.network.Protocol.html#isDynamic">isDynamic
</a></li>
2269 <li data-name=
"LuCI.network.Protocol#isEmpty"><a href=
"LuCI.network.Protocol.html#isEmpty">isEmpty
</a></li>
2271 <li data-name=
"LuCI.network.Protocol#isFloating"><a href=
"LuCI.network.Protocol.html#isFloating">isFloating
</a></li>
2273 <li data-name=
"LuCI.network.Protocol#isInstalled"><a href=
"LuCI.network.Protocol.html#isInstalled">isInstalled
</a></li>
2275 <li data-name=
"LuCI.network.Protocol#isUp"><a href=
"LuCI.network.Protocol.html#isUp">isUp
</a></li>
2277 <li data-name=
"LuCI.network.Protocol#isVirtual"><a href=
"LuCI.network.Protocol.html#isVirtual">isVirtual
</a></li>
2279 <li data-name=
"LuCI.network.Protocol#set"><a href=
"LuCI.network.Protocol.html#set">set
</a></li>
2282 <ul class=
"events itemMembers">
2287 <li class=
"item" data-name=
"LuCI.network.WifiDevice">
2288 <span class=
"title">
2289 <a href=
"LuCI.network.WifiDevice.html">LuCI.network.WifiDevice
</a>
2292 <ul class=
"members itemMembers">
2295 <ul class=
"typedefs itemMembers">
2298 <ul class=
"typedefs itemMembers">
2301 <ul class=
"methods itemMembers">
2303 <span class=
"subtitle">Methods
</span>
2305 <li data-name=
"LuCI.network.WifiDevice#addWifiNetwork"><a href=
"LuCI.network.WifiDevice.html#addWifiNetwork">addWifiNetwork
</a></li>
2307 <li data-name=
"LuCI.network.WifiDevice#deleteWifiNetwork"><a href=
"LuCI.network.WifiDevice.html#deleteWifiNetwork">deleteWifiNetwork
</a></li>
2309 <li data-name=
"LuCI.network.WifiDevice#get"><a href=
"LuCI.network.WifiDevice.html#get">get
</a></li>
2311 <li data-name=
"LuCI.network.WifiDevice#getHTModes"><a href=
"LuCI.network.WifiDevice.html#getHTModes">getHTModes
</a></li>
2313 <li data-name=
"LuCI.network.WifiDevice#getHWModes"><a href=
"LuCI.network.WifiDevice.html#getHWModes">getHWModes
</a></li>
2315 <li data-name=
"LuCI.network.WifiDevice#getI18n"><a href=
"LuCI.network.WifiDevice.html#getI18n">getI18n
</a></li>
2317 <li data-name=
"LuCI.network.WifiDevice#getName"><a href=
"LuCI.network.WifiDevice.html#getName">getName
</a></li>
2319 <li data-name=
"LuCI.network.WifiDevice#getScanList"><a href=
"LuCI.network.WifiDevice.html#getScanList">getScanList
</a></li>
2321 <li data-name=
"LuCI.network.WifiDevice#getWifiNetwork"><a href=
"LuCI.network.WifiDevice.html#getWifiNetwork">getWifiNetwork
</a></li>
2323 <li data-name=
"LuCI.network.WifiDevice#getWifiNetworks"><a href=
"LuCI.network.WifiDevice.html#getWifiNetworks">getWifiNetworks
</a></li>
2325 <li data-name=
"LuCI.network.WifiDevice#isDisabled"><a href=
"LuCI.network.WifiDevice.html#isDisabled">isDisabled
</a></li>
2327 <li data-name=
"LuCI.network.WifiDevice#isUp"><a href=
"LuCI.network.WifiDevice.html#isUp">isUp
</a></li>
2329 <li data-name=
"LuCI.network.WifiDevice#set"><a href=
"LuCI.network.WifiDevice.html#set">set
</a></li>
2332 <ul class=
"events itemMembers">
2337 <li class=
"item" data-name=
"LuCI.network.WifiNetwork">
2338 <span class=
"title">
2339 <a href=
"LuCI.network.WifiNetwork.html">LuCI.network.WifiNetwork
</a>
2342 <ul class=
"members itemMembers">
2345 <ul class=
"typedefs itemMembers">
2348 <ul class=
"typedefs itemMembers">
2351 <ul class=
"methods itemMembers">
2353 <span class=
"subtitle">Methods
</span>
2355 <li data-name=
"LuCI.network.WifiNetwork#disconnectClient"><a href=
"LuCI.network.WifiNetwork.html#disconnectClient">disconnectClient
</a></li>
2357 <li data-name=
"LuCI.network.WifiNetwork#get"><a href=
"LuCI.network.WifiNetwork.html#get">get
</a></li>
2359 <li data-name=
"LuCI.network.WifiNetwork#getActiveBSSID"><a href=
"LuCI.network.WifiNetwork.html#getActiveBSSID">getActiveBSSID
</a></li>
2361 <li data-name=
"LuCI.network.WifiNetwork#getActiveEncryption"><a href=
"LuCI.network.WifiNetwork.html#getActiveEncryption">getActiveEncryption
</a></li>
2363 <li data-name=
"LuCI.network.WifiNetwork#getActiveMode"><a href=
"LuCI.network.WifiNetwork.html#getActiveMode">getActiveMode
</a></li>
2365 <li data-name=
"LuCI.network.WifiNetwork#getActiveModeI18n"><a href=
"LuCI.network.WifiNetwork.html#getActiveModeI18n">getActiveModeI18n
</a></li>
2367 <li data-name=
"LuCI.network.WifiNetwork#getActiveSSID"><a href=
"LuCI.network.WifiNetwork.html#getActiveSSID">getActiveSSID
</a></li>
2369 <li data-name=
"LuCI.network.WifiNetwork#getAssocList"><a href=
"LuCI.network.WifiNetwork.html#getAssocList">getAssocList
</a></li>
2371 <li data-name=
"LuCI.network.WifiNetwork#getBitRate"><a href=
"LuCI.network.WifiNetwork.html#getBitRate">getBitRate
</a></li>
2373 <li data-name=
"LuCI.network.WifiNetwork#getBSSID"><a href=
"LuCI.network.WifiNetwork.html#getBSSID">getBSSID
</a></li>
2375 <li data-name=
"LuCI.network.WifiNetwork#getChannel"><a href=
"LuCI.network.WifiNetwork.html#getChannel">getChannel
</a></li>
2377 <li data-name=
"LuCI.network.WifiNetwork#getCountryCode"><a href=
"LuCI.network.WifiNetwork.html#getCountryCode">getCountryCode
</a></li>
2379 <li data-name=
"LuCI.network.WifiNetwork#getDevice"><a href=
"LuCI.network.WifiNetwork.html#getDevice">getDevice
</a></li>
2381 <li data-name=
"LuCI.network.WifiNetwork#getFrequency"><a href=
"LuCI.network.WifiNetwork.html#getFrequency">getFrequency
</a></li>
2383 <li data-name=
"LuCI.network.WifiNetwork#getI18n"><a href=
"LuCI.network.WifiNetwork.html#getI18n">getI18n
</a></li>
2385 <li data-name=
"LuCI.network.WifiNetwork#getID"><a href=
"LuCI.network.WifiNetwork.html#getID">getID
</a></li>
2387 <li data-name=
"LuCI.network.WifiNetwork#getIfname"><a href=
"LuCI.network.WifiNetwork.html#getIfname">getIfname
</a></li>
2389 <li data-name=
"LuCI.network.WifiNetwork#getMeshID"><a href=
"LuCI.network.WifiNetwork.html#getMeshID">getMeshID
</a></li>
2391 <li data-name=
"LuCI.network.WifiNetwork#getMode"><a href=
"LuCI.network.WifiNetwork.html#getMode">getMode
</a></li>
2393 <li data-name=
"LuCI.network.WifiNetwork#getName"><a href=
"LuCI.network.WifiNetwork.html#getName">getName
</a></li>
2395 <li data-name=
"LuCI.network.WifiNetwork#getNetwork"><a href=
"LuCI.network.WifiNetwork.html#getNetwork">getNetwork
</a></li>
2397 <li data-name=
"LuCI.network.WifiNetwork#getNetworkNames"><a href=
"LuCI.network.WifiNetwork.html#getNetworkNames">getNetworkNames
</a></li>
2399 <li data-name=
"LuCI.network.WifiNetwork#getNetworks"><a href=
"LuCI.network.WifiNetwork.html#getNetworks">getNetworks
</a></li>
2401 <li data-name=
"LuCI.network.WifiNetwork#getNoise"><a href=
"LuCI.network.WifiNetwork.html#getNoise">getNoise
</a></li>
2403 <li data-name=
"LuCI.network.WifiNetwork#getShortName"><a href=
"LuCI.network.WifiNetwork.html#getShortName">getShortName
</a></li>
2405 <li data-name=
"LuCI.network.WifiNetwork#getSignal"><a href=
"LuCI.network.WifiNetwork.html#getSignal">getSignal
</a></li>
2407 <li data-name=
"LuCI.network.WifiNetwork#getSignalLevel"><a href=
"LuCI.network.WifiNetwork.html#getSignalLevel">getSignalLevel
</a></li>
2409 <li data-name=
"LuCI.network.WifiNetwork#getSignalPercent"><a href=
"LuCI.network.WifiNetwork.html#getSignalPercent">getSignalPercent
</a></li>
2411 <li data-name=
"LuCI.network.WifiNetwork#getSSID"><a href=
"LuCI.network.WifiNetwork.html#getSSID">getSSID
</a></li>
2413 <li data-name=
"LuCI.network.WifiNetwork#getTXPower"><a href=
"LuCI.network.WifiNetwork.html#getTXPower">getTXPower
</a></li>
2415 <li data-name=
"LuCI.network.WifiNetwork#getTXPowerOffset"><a href=
"LuCI.network.WifiNetwork.html#getTXPowerOffset">getTXPowerOffset
</a></li>
2417 <li data-name=
"LuCI.network.WifiNetwork#getVlanIfnames"><a href=
"LuCI.network.WifiNetwork.html#getVlanIfnames">getVlanIfnames
</a></li>
2419 <li data-name=
"LuCI.network.WifiNetwork#getWifiDevice"><a href=
"LuCI.network.WifiNetwork.html#getWifiDevice">getWifiDevice
</a></li>
2421 <li data-name=
"LuCI.network.WifiNetwork#getWifiDeviceName"><a href=
"LuCI.network.WifiNetwork.html#getWifiDeviceName">getWifiDeviceName
</a></li>
2423 <li data-name=
"LuCI.network.WifiNetwork#isClientDisconnectSupported"><a href=
"LuCI.network.WifiNetwork.html#isClientDisconnectSupported">isClientDisconnectSupported
</a></li>
2425 <li data-name=
"LuCI.network.WifiNetwork#isDisabled"><a href=
"LuCI.network.WifiNetwork.html#isDisabled">isDisabled
</a></li>
2427 <li data-name=
"LuCI.network.WifiNetwork#isUp"><a href=
"LuCI.network.WifiNetwork.html#isUp">isUp
</a></li>
2429 <li data-name=
"LuCI.network.WifiNetwork#set"><a href=
"LuCI.network.WifiNetwork.html#set">set
</a></li>
2432 <ul class=
"events itemMembers">
2437 <li class=
"item" data-name=
"LuCI.poll">
2438 <span class=
"title">
2439 <a href=
"LuCI.poll.html">LuCI.poll
</a>
2442 <ul class=
"members itemMembers">
2445 <ul class=
"typedefs itemMembers">
2448 <ul class=
"typedefs itemMembers">
2451 <ul class=
"methods itemMembers">
2453 <span class=
"subtitle">Methods
</span>
2455 <li data-name=
"LuCI.poll#active"><a href=
"LuCI.poll.html#active">active
</a></li>
2457 <li data-name=
"LuCI.poll#add"><a href=
"LuCI.poll.html#add">add
</a></li>
2459 <li data-name=
"LuCI.poll#remove"><a href=
"LuCI.poll.html#remove">remove
</a></li>
2461 <li data-name=
"LuCI.poll#start"><a href=
"LuCI.poll.html#start">start
</a></li>
2463 <li data-name=
"LuCI.poll#stop"><a href=
"LuCI.poll.html#stop">stop
</a></li>
2466 <ul class=
"events itemMembers">
2471 <li class=
"item" data-name=
"LuCI.request">
2472 <span class=
"title">
2473 <a href=
"LuCI.request.html">LuCI.request
</a>
2476 <ul class=
"members itemMembers">
2479 <ul class=
"typedefs itemMembers">
2481 <span class=
"subtitle">Typedefs
</span>
2483 <li data-name=
"LuCI.request.interceptorFn"><a href=
"LuCI.request.html#.interceptorFn">interceptorFn
</a></li>
2485 <li data-name=
"LuCI.request.RequestOptions"><a href=
"LuCI.request.html#.RequestOptions">RequestOptions
</a></li>
2488 <ul class=
"typedefs itemMembers">
2491 <ul class=
"methods itemMembers">
2493 <span class=
"subtitle">Methods
</span>
2495 <li data-name=
"LuCI.request#addInterceptor"><a href=
"LuCI.request.html#addInterceptor">addInterceptor
</a></li>
2497 <li data-name=
"LuCI.request#expandURL"><a href=
"LuCI.request.html#expandURL">expandURL
</a></li>
2499 <li data-name=
"LuCI.request#get"><a href=
"LuCI.request.html#get">get
</a></li>
2501 <li data-name=
"LuCI.request#post"><a href=
"LuCI.request.html#post">post
</a></li>
2503 <li data-name=
"LuCI.request#removeInterceptor"><a href=
"LuCI.request.html#removeInterceptor">removeInterceptor
</a></li>
2505 <li data-name=
"LuCI.request#request"><a href=
"LuCI.request.html#request">request
</a></li>
2508 <ul class=
"events itemMembers">
2513 <li class=
"item" data-name=
"LuCI.request.poll">
2514 <span class=
"title">
2515 <a href=
"LuCI.request.poll.html">LuCI.request.poll
</a>
2518 <ul class=
"members itemMembers">
2521 <ul class=
"typedefs itemMembers">
2523 <span class=
"subtitle">Typedefs
</span>
2525 <li data-name=
"LuCI.request.poll~callbackFn"><a href=
"LuCI.request.poll.html#~callbackFn">callbackFn
</a></li>
2528 <ul class=
"typedefs itemMembers">
2531 <ul class=
"methods itemMembers">
2533 <span class=
"subtitle">Methods
</span>
2535 <li data-name=
"LuCI.request.poll#active"><a href=
"LuCI.request.poll.html#active">active
</a></li>
2537 <li data-name=
"LuCI.request.poll#add"><a href=
"LuCI.request.poll.html#add">add
</a></li>
2539 <li data-name=
"LuCI.request.poll#remove"><a href=
"LuCI.request.poll.html#remove">remove
</a></li>
2541 <li data-name=
"LuCI.request.poll#start"><a href=
"LuCI.request.poll.html#start">start
</a></li>
2543 <li data-name=
"LuCI.request.poll#stop"><a href=
"LuCI.request.poll.html#stop">stop
</a></li>
2546 <ul class=
"events itemMembers">
2551 <li class=
"item" data-name=
"LuCI.response">
2552 <span class=
"title">
2553 <a href=
"LuCI.response.html">LuCI.response
</a>
2556 <ul class=
"members itemMembers">
2558 <span class=
"subtitle">Members
</span>
2560 <li data-name=
"LuCI.response#duration"><a href=
"LuCI.response.html#duration">duration
</a></li>
2562 <li data-name=
"LuCI.response#headers"><a href=
"LuCI.response.html#headers">headers
</a></li>
2564 <li data-name=
"LuCI.response#ok"><a href=
"LuCI.response.html#ok">ok
</a></li>
2566 <li data-name=
"LuCI.response#status"><a href=
"LuCI.response.html#status">status
</a></li>
2568 <li data-name=
"LuCI.response#statusText"><a href=
"LuCI.response.html#statusText">statusText
</a></li>
2570 <li data-name=
"LuCI.response#url"><a href=
"LuCI.response.html#url">url
</a></li>
2573 <ul class=
"typedefs itemMembers">
2576 <ul class=
"typedefs itemMembers">
2579 <ul class=
"methods itemMembers">
2581 <span class=
"subtitle">Methods
</span>
2583 <li data-name=
"LuCI.response#blob"><a href=
"LuCI.response.html#blob">blob
</a></li>
2585 <li data-name=
"LuCI.response#clone"><a href=
"LuCI.response.html#clone">clone
</a></li>
2587 <li data-name=
"LuCI.response#json"><a href=
"LuCI.response.html#json">json
</a></li>
2589 <li data-name=
"LuCI.response#text"><a href=
"LuCI.response.html#text">text
</a></li>
2592 <ul class=
"events itemMembers">
2597 <li class=
"item" data-name=
"LuCI.rpc">
2598 <span class=
"title">
2599 <a href=
"LuCI.rpc.html">LuCI.rpc
</a>
2602 <ul class=
"members itemMembers">
2605 <ul class=
"typedefs itemMembers">
2607 <span class=
"subtitle">Typedefs
</span>
2609 <li data-name=
"LuCI.rpc.DeclareOptions"><a href=
"LuCI.rpc.html#.DeclareOptions">DeclareOptions
</a></li>
2611 <li data-name=
"LuCI.rpc~filterFn"><a href=
"LuCI.rpc.html#~filterFn">filterFn
</a></li>
2613 <li data-name=
"LuCI.rpc~interceptorFn"><a href=
"LuCI.rpc.html#~interceptorFn">interceptorFn
</a></li>
2615 <li data-name=
"LuCI.rpc~invokeFn"><a href=
"LuCI.rpc.html#~invokeFn">invokeFn
</a></li>
2618 <ul class=
"typedefs itemMembers">
2621 <ul class=
"methods itemMembers">
2623 <span class=
"subtitle">Methods
</span>
2625 <li data-name=
"LuCI.rpc#addInterceptor"><a href=
"LuCI.rpc.html#addInterceptor">addInterceptor
</a></li>
2627 <li data-name=
"LuCI.rpc#declare"><a href=
"LuCI.rpc.html#declare">declare
</a></li>
2629 <li data-name=
"LuCI.rpc#getBaseURL"><a href=
"LuCI.rpc.html#getBaseURL">getBaseURL
</a></li>
2631 <li data-name=
"LuCI.rpc#getSessionID"><a href=
"LuCI.rpc.html#getSessionID">getSessionID
</a></li>
2633 <li data-name=
"LuCI.rpc#getStatusText"><a href=
"LuCI.rpc.html#getStatusText">getStatusText
</a></li>
2635 <li data-name=
"LuCI.rpc#list"><a href=
"LuCI.rpc.html#list">list
</a></li>
2637 <li data-name=
"LuCI.rpc#removeInterceptor"><a href=
"LuCI.rpc.html#removeInterceptor">removeInterceptor
</a></li>
2639 <li data-name=
"LuCI.rpc#setBaseURL"><a href=
"LuCI.rpc.html#setBaseURL">setBaseURL
</a></li>
2641 <li data-name=
"LuCI.rpc#setSessionID"><a href=
"LuCI.rpc.html#setSessionID">setSessionID
</a></li>
2644 <ul class=
"events itemMembers">
2649 <li class=
"item" data-name=
"LuCI.session">
2650 <span class=
"title">
2651 <a href=
"LuCI.session.html">LuCI.session
</a>
2654 <ul class=
"members itemMembers">
2657 <ul class=
"typedefs itemMembers">
2660 <ul class=
"typedefs itemMembers">
2663 <ul class=
"methods itemMembers">
2665 <span class=
"subtitle">Methods
</span>
2667 <li data-name=
"LuCI.session#getID"><a href=
"LuCI.session.html#getID">getID
</a></li>
2669 <li data-name=
"LuCI.session#getLocalData"><a href=
"LuCI.session.html#getLocalData">getLocalData
</a></li>
2671 <li data-name=
"LuCI.session#getToken"><a href=
"LuCI.session.html#getToken">getToken
</a></li>
2673 <li data-name=
"LuCI.session#setLocalData"><a href=
"LuCI.session.html#setLocalData">setLocalData
</a></li>
2676 <ul class=
"events itemMembers">
2681 <li class=
"item" data-name=
"LuCI.uci">
2682 <span class=
"title">
2683 <a href=
"LuCI.uci.html">LuCI.uci
</a>
2686 <ul class=
"members itemMembers">
2689 <ul class=
"typedefs itemMembers">
2691 <span class=
"subtitle">Typedefs
</span>
2693 <li data-name=
"LuCI.uci.ChangeRecord"><a href=
"LuCI.uci.html#.ChangeRecord">ChangeRecord
</a></li>
2695 <li data-name=
"LuCI.uci.SectionObject"><a href=
"LuCI.uci.html#.SectionObject">SectionObject
</a></li>
2697 <li data-name=
"LuCI.uci~sectionsFn"><a href=
"LuCI.uci.html#~sectionsFn">sectionsFn
</a></li>
2700 <ul class=
"typedefs itemMembers">
2703 <ul class=
"methods itemMembers">
2705 <span class=
"subtitle">Methods
</span>
2707 <li data-name=
"LuCI.uci#add"><a href=
"LuCI.uci.html#add">add
</a></li>
2709 <li data-name=
"LuCI.uci#apply"><a href=
"LuCI.uci.html#apply">apply
</a></li>
2711 <li data-name=
"LuCI.uci#changes"><a href=
"LuCI.uci.html#changes">changes
</a></li>
2713 <li data-name=
"LuCI.uci#createSID"><a href=
"LuCI.uci.html#createSID">createSID
</a></li>
2715 <li data-name=
"LuCI.uci#get"><a href=
"LuCI.uci.html#get">get
</a></li>
2717 <li data-name=
"LuCI.uci#get_first"><a href=
"LuCI.uci.html#get_first">get_first
</a></li>
2719 <li data-name=
"LuCI.uci#load"><a href=
"LuCI.uci.html#load">load
</a></li>
2721 <li data-name=
"LuCI.uci#move"><a href=
"LuCI.uci.html#move">move
</a></li>
2723 <li data-name=
"LuCI.uci#remove"><a href=
"LuCI.uci.html#remove">remove
</a></li>
2725 <li data-name=
"LuCI.uci#resolveSID"><a href=
"LuCI.uci.html#resolveSID">resolveSID
</a></li>
2727 <li data-name=
"LuCI.uci#save"><a href=
"LuCI.uci.html#save">save
</a></li>
2729 <li data-name=
"LuCI.uci#sections"><a href=
"LuCI.uci.html#sections">sections
</a></li>
2731 <li data-name=
"LuCI.uci#set"><a href=
"LuCI.uci.html#set">set
</a></li>
2733 <li data-name=
"LuCI.uci#set_first"><a href=
"LuCI.uci.html#set_first">set_first
</a></li>
2735 <li data-name=
"LuCI.uci#unload"><a href=
"LuCI.uci.html#unload">unload
</a></li>
2737 <li data-name=
"LuCI.uci#unset"><a href=
"LuCI.uci.html#unset">unset
</a></li>
2739 <li data-name=
"LuCI.uci#unset_first"><a href=
"LuCI.uci.html#unset_first">unset_first
</a></li>
2742 <ul class=
"events itemMembers">
2747 <li class=
"item" data-name=
"LuCI.ui">
2748 <span class=
"title">
2749 <a href=
"LuCI.ui.html">LuCI.ui
</a>
2752 <ul class=
"members itemMembers">
2755 <ul class=
"typedefs itemMembers">
2757 <span class=
"subtitle">Typedefs
</span>
2759 <li data-name=
"LuCI.ui.FileUploadReply"><a href=
"LuCI.ui.html#.FileUploadReply">FileUploadReply
</a></li>
2762 <ul class=
"typedefs itemMembers">
2765 <ul class=
"methods itemMembers">
2767 <span class=
"subtitle">Methods
</span>
2769 <li data-name=
"LuCI.ui#addNotification"><a href=
"LuCI.ui.html#addNotification">addNotification
</a></li>
2771 <li data-name=
"LuCI.ui#addValidator"><a href=
"LuCI.ui.html#addValidator">addValidator
</a></li>
2773 <li data-name=
"LuCI.ui#awaitReconnect"><a href=
"LuCI.ui.html#awaitReconnect">awaitReconnect
</a></li>
2775 <li data-name=
"LuCI.ui#createHandlerFn"><a href=
"LuCI.ui.html#createHandlerFn">createHandlerFn
</a></li>
2777 <li data-name=
"LuCI.ui#hideIndicator"><a href=
"LuCI.ui.html#hideIndicator">hideIndicator
</a></li>
2779 <li data-name=
"LuCI.ui#hideModal"><a href=
"LuCI.ui.html#hideModal">hideModal
</a></li>
2781 <li data-name=
"LuCI.ui#instantiateView"><a href=
"LuCI.ui.html#instantiateView">instantiateView
</a></li>
2783 <li data-name=
"LuCI.ui#itemlist"><a href=
"LuCI.ui.html#itemlist">itemlist
</a></li>
2785 <li data-name=
"LuCI.ui#pingDevice"><a href=
"LuCI.ui.html#pingDevice">pingDevice
</a></li>
2787 <li data-name=
"LuCI.ui#showIndicator"><a href=
"LuCI.ui.html#showIndicator">showIndicator
</a></li>
2789 <li data-name=
"LuCI.ui#showModal"><a href=
"LuCI.ui.html#showModal">showModal
</a></li>
2791 <li data-name=
"LuCI.ui#uploadFile"><a href=
"LuCI.ui.html#uploadFile">uploadFile
</a></li>
2794 <ul class=
"events itemMembers">
2799 <li class=
"item" data-name=
"LuCI.ui.AbstractElement">
2800 <span class=
"title">
2801 <a href=
"LuCI.ui.AbstractElement.html">LuCI.ui.AbstractElement
</a>
2804 <ul class=
"members itemMembers">
2807 <ul class=
"typedefs itemMembers">
2809 <span class=
"subtitle">Typedefs
</span>
2811 <li data-name=
"LuCI.ui.AbstractElement.InitOptions"><a href=
"LuCI.ui.AbstractElement.html#.InitOptions">InitOptions
</a></li>
2814 <ul class=
"typedefs itemMembers">
2817 <ul class=
"methods itemMembers">
2819 <span class=
"subtitle">Methods
</span>
2821 <li data-name=
"LuCI.ui.AbstractElement#getValidationError"><a href=
"LuCI.ui.AbstractElement.html#getValidationError">getValidationError
</a></li>
2823 <li data-name=
"LuCI.ui.AbstractElement#getValue"><a href=
"LuCI.ui.AbstractElement.html#getValue">getValue
</a></li>
2825 <li data-name=
"LuCI.ui.AbstractElement#isChanged"><a href=
"LuCI.ui.AbstractElement.html#isChanged">isChanged
</a></li>
2827 <li data-name=
"LuCI.ui.AbstractElement#isValid"><a href=
"LuCI.ui.AbstractElement.html#isValid">isValid
</a></li>
2829 <li data-name=
"LuCI.ui.AbstractElement#registerEvents"><a href=
"LuCI.ui.AbstractElement.html#registerEvents">registerEvents
</a></li>
2831 <li data-name=
"LuCI.ui.AbstractElement#render"><a href=
"LuCI.ui.AbstractElement.html#render">render
</a></li>
2833 <li data-name=
"LuCI.ui.AbstractElement#setChangeEvents"><a href=
"LuCI.ui.AbstractElement.html#setChangeEvents">setChangeEvents
</a></li>
2835 <li data-name=
"LuCI.ui.AbstractElement#setPlaceholder"><a href=
"LuCI.ui.AbstractElement.html#setPlaceholder">setPlaceholder
</a></li>
2837 <li data-name=
"LuCI.ui.AbstractElement#setUpdateEvents"><a href=
"LuCI.ui.AbstractElement.html#setUpdateEvents">setUpdateEvents
</a></li>
2839 <li data-name=
"LuCI.ui.AbstractElement#setValue"><a href=
"LuCI.ui.AbstractElement.html#setValue">setValue
</a></li>
2841 <li data-name=
"LuCI.ui.AbstractElement#triggerValidation"><a href=
"LuCI.ui.AbstractElement.html#triggerValidation">triggerValidation
</a></li>
2844 <ul class=
"events itemMembers">
2849 <li class=
"item" data-name=
"LuCI.ui.changes">
2850 <span class=
"title">
2851 <a href=
"LuCI.ui.changes.html">LuCI.ui.changes
</a>
2854 <ul class=
"members itemMembers">
2857 <ul class=
"typedefs itemMembers">
2860 <ul class=
"typedefs itemMembers">
2863 <ul class=
"methods itemMembers">
2865 <span class=
"subtitle">Methods
</span>
2867 <li data-name=
"LuCI.ui.changes#apply"><a href=
"LuCI.ui.changes.html#apply">apply
</a></li>
2869 <li data-name=
"LuCI.ui.changes#displayChanges"><a href=
"LuCI.ui.changes.html#displayChanges">displayChanges
</a></li>
2871 <li data-name=
"LuCI.ui.changes#renderChangeIndicator"><a href=
"LuCI.ui.changes.html#renderChangeIndicator">renderChangeIndicator
</a></li>
2873 <li data-name=
"LuCI.ui.changes#revert"><a href=
"LuCI.ui.changes.html#revert">revert
</a></li>
2875 <li data-name=
"LuCI.ui.changes#setIndicator"><a href=
"LuCI.ui.changes.html#setIndicator">setIndicator
</a></li>
2878 <ul class=
"events itemMembers">
2883 <li class=
"item" data-name=
"LuCI.ui.Checkbox">
2884 <span class=
"title">
2885 <a href=
"LuCI.ui.Checkbox.html">LuCI.ui.Checkbox
</a>
2888 <ul class=
"members itemMembers">
2891 <ul class=
"typedefs itemMembers">
2893 <span class=
"subtitle">Typedefs
</span>
2895 <li data-name=
"LuCI.ui.Checkbox.InitOptions"><a href=
"LuCI.ui.Checkbox.html#.InitOptions">InitOptions
</a></li>
2898 <ul class=
"typedefs itemMembers">
2901 <ul class=
"methods itemMembers">
2903 <span class=
"subtitle">Methods
</span>
2905 <li data-name=
"LuCI.ui.Checkbox#getValidationError"><a href=
"LuCI.ui.Checkbox.html#getValidationError">getValidationError
</a></li>
2907 <li data-name=
"LuCI.ui.Checkbox#getValue"><a href=
"LuCI.ui.Checkbox.html#getValue">getValue
</a></li>
2909 <li data-name=
"LuCI.ui.Checkbox#isChanged"><a href=
"LuCI.ui.Checkbox.html#isChanged">isChanged
</a></li>
2911 <li data-name=
"LuCI.ui.Checkbox#isChecked"><a href=
"LuCI.ui.Checkbox.html#isChecked">isChecked
</a></li>
2913 <li data-name=
"LuCI.ui.Checkbox#isValid"><a href=
"LuCI.ui.Checkbox.html#isValid">isValid
</a></li>
2915 <li data-name=
"LuCI.ui.Checkbox#registerEvents"><a href=
"LuCI.ui.Checkbox.html#registerEvents">registerEvents
</a></li>
2917 <li data-name=
"LuCI.ui.Checkbox#render"><a href=
"LuCI.ui.Checkbox.html#render">render
</a></li>
2919 <li data-name=
"LuCI.ui.Checkbox#setChangeEvents"><a href=
"LuCI.ui.Checkbox.html#setChangeEvents">setChangeEvents
</a></li>
2921 <li data-name=
"LuCI.ui.Checkbox#setPlaceholder"><a href=
"LuCI.ui.Checkbox.html#setPlaceholder">setPlaceholder
</a></li>
2923 <li data-name=
"LuCI.ui.Checkbox#setUpdateEvents"><a href=
"LuCI.ui.Checkbox.html#setUpdateEvents">setUpdateEvents
</a></li>
2925 <li data-name=
"LuCI.ui.Checkbox#setValue"><a href=
"LuCI.ui.Checkbox.html#setValue">setValue
</a></li>
2927 <li data-name=
"LuCI.ui.Checkbox#triggerValidation"><a href=
"LuCI.ui.Checkbox.html#triggerValidation">triggerValidation
</a></li>
2930 <ul class=
"events itemMembers">
2935 <li class=
"item" data-name=
"LuCI.ui.Combobox">
2936 <span class=
"title">
2937 <a href=
"LuCI.ui.Combobox.html">LuCI.ui.Combobox
</a>
2940 <ul class=
"members itemMembers">
2943 <ul class=
"typedefs itemMembers">
2945 <span class=
"subtitle">Typedefs
</span>
2947 <li data-name=
"LuCI.ui.Combobox.InitOptions"><a href=
"LuCI.ui.Combobox.html#.InitOptions">InitOptions
</a></li>
2950 <ul class=
"typedefs itemMembers">
2953 <ul class=
"methods itemMembers">
2955 <span class=
"subtitle">Methods
</span>
2957 <li data-name=
"LuCI.ui.Combobox#addChoices"><a href=
"LuCI.ui.Combobox.html#addChoices">addChoices
</a></li>
2959 <li data-name=
"LuCI.ui.Combobox#clearChoices"><a href=
"LuCI.ui.Combobox.html#clearChoices">clearChoices
</a></li>
2961 <li data-name=
"LuCI.ui.Combobox#closeAllDropdowns"><a href=
"LuCI.ui.Combobox.html#closeAllDropdowns">closeAllDropdowns
</a></li>
2963 <li data-name=
"LuCI.ui.Combobox#getValidationError"><a href=
"LuCI.ui.Combobox.html#getValidationError">getValidationError
</a></li>
2965 <li data-name=
"LuCI.ui.Combobox#isChanged"><a href=
"LuCI.ui.Combobox.html#isChanged">isChanged
</a></li>
2967 <li data-name=
"LuCI.ui.Combobox#isValid"><a href=
"LuCI.ui.Combobox.html#isValid">isValid
</a></li>
2969 <li data-name=
"LuCI.ui.Combobox#registerEvents"><a href=
"LuCI.ui.Combobox.html#registerEvents">registerEvents
</a></li>
2971 <li data-name=
"LuCI.ui.Combobox#setChangeEvents"><a href=
"LuCI.ui.Combobox.html#setChangeEvents">setChangeEvents
</a></li>
2973 <li data-name=
"LuCI.ui.Combobox#setPlaceholder"><a href=
"LuCI.ui.Combobox.html#setPlaceholder">setPlaceholder
</a></li>
2975 <li data-name=
"LuCI.ui.Combobox#setUpdateEvents"><a href=
"LuCI.ui.Combobox.html#setUpdateEvents">setUpdateEvents
</a></li>
2977 <li data-name=
"LuCI.ui.Combobox#triggerValidation"><a href=
"LuCI.ui.Combobox.html#triggerValidation">triggerValidation
</a></li>
2980 <ul class=
"events itemMembers">
2985 <li class=
"item" data-name=
"LuCI.ui.ComboButton">
2986 <span class=
"title">
2987 <a href=
"LuCI.ui.ComboButton.html">LuCI.ui.ComboButton
</a>
2990 <ul class=
"members itemMembers">
2993 <ul class=
"typedefs itemMembers">
2995 <span class=
"subtitle">Typedefs
</span>
2997 <li data-name=
"LuCI.ui.ComboButton.InitOptions"><a href=
"LuCI.ui.ComboButton.html#.InitOptions">InitOptions
</a></li>
3000 <ul class=
"typedefs itemMembers">
3003 <ul class=
"methods itemMembers">
3005 <span class=
"subtitle">Methods
</span>
3007 <li data-name=
"LuCI.ui.ComboButton#addChoices"><a href=
"LuCI.ui.ComboButton.html#addChoices">addChoices
</a></li>
3009 <li data-name=
"LuCI.ui.ComboButton#clearChoices"><a href=
"LuCI.ui.ComboButton.html#clearChoices">clearChoices
</a></li>
3011 <li data-name=
"LuCI.ui.ComboButton#closeAllDropdowns"><a href=
"LuCI.ui.ComboButton.html#closeAllDropdowns">closeAllDropdowns
</a></li>
3013 <li data-name=
"LuCI.ui.ComboButton#getValidationError"><a href=
"LuCI.ui.ComboButton.html#getValidationError">getValidationError
</a></li>
3015 <li data-name=
"LuCI.ui.ComboButton#isChanged"><a href=
"LuCI.ui.ComboButton.html#isChanged">isChanged
</a></li>
3017 <li data-name=
"LuCI.ui.ComboButton#isValid"><a href=
"LuCI.ui.ComboButton.html#isValid">isValid
</a></li>
3019 <li data-name=
"LuCI.ui.ComboButton#registerEvents"><a href=
"LuCI.ui.ComboButton.html#registerEvents">registerEvents
</a></li>
3021 <li data-name=
"LuCI.ui.ComboButton#setChangeEvents"><a href=
"LuCI.ui.ComboButton.html#setChangeEvents">setChangeEvents
</a></li>
3023 <li data-name=
"LuCI.ui.ComboButton#setPlaceholder"><a href=
"LuCI.ui.ComboButton.html#setPlaceholder">setPlaceholder
</a></li>
3025 <li data-name=
"LuCI.ui.ComboButton#setUpdateEvents"><a href=
"LuCI.ui.ComboButton.html#setUpdateEvents">setUpdateEvents
</a></li>
3027 <li data-name=
"LuCI.ui.ComboButton#triggerValidation"><a href=
"LuCI.ui.ComboButton.html#triggerValidation">triggerValidation
</a></li>
3030 <ul class=
"events itemMembers">
3035 <li class=
"item" data-name=
"LuCI.ui.Dropdown">
3036 <span class=
"title">
3037 <a href=
"LuCI.ui.Dropdown.html">LuCI.ui.Dropdown
</a>
3040 <ul class=
"members itemMembers">
3043 <ul class=
"typedefs itemMembers">
3045 <span class=
"subtitle">Typedefs
</span>
3047 <li data-name=
"LuCI.ui.Dropdown.InitOptions"><a href=
"LuCI.ui.Dropdown.html#.InitOptions">InitOptions
</a></li>
3050 <ul class=
"typedefs itemMembers">
3053 <ul class=
"methods itemMembers">
3055 <span class=
"subtitle">Methods
</span>
3057 <li data-name=
"LuCI.ui.Dropdown#addChoices"><a href=
"LuCI.ui.Dropdown.html#addChoices">addChoices
</a></li>
3059 <li data-name=
"LuCI.ui.Dropdown#clearChoices"><a href=
"LuCI.ui.Dropdown.html#clearChoices">clearChoices
</a></li>
3061 <li data-name=
"LuCI.ui.Dropdown#closeAllDropdowns"><a href=
"LuCI.ui.Dropdown.html#closeAllDropdowns">closeAllDropdowns
</a></li>
3063 <li data-name=
"LuCI.ui.Dropdown#getValidationError"><a href=
"LuCI.ui.Dropdown.html#getValidationError">getValidationError
</a></li>
3065 <li data-name=
"LuCI.ui.Dropdown#getValue"><a href=
"LuCI.ui.Dropdown.html#getValue">getValue
</a></li>
3067 <li data-name=
"LuCI.ui.Dropdown#isChanged"><a href=
"LuCI.ui.Dropdown.html#isChanged">isChanged
</a></li>
3069 <li data-name=
"LuCI.ui.Dropdown#isValid"><a href=
"LuCI.ui.Dropdown.html#isValid">isValid
</a></li>
3071 <li data-name=
"LuCI.ui.Dropdown#registerEvents"><a href=
"LuCI.ui.Dropdown.html#registerEvents">registerEvents
</a></li>
3073 <li data-name=
"LuCI.ui.Dropdown#render"><a href=
"LuCI.ui.Dropdown.html#render">render
</a></li>
3075 <li data-name=
"LuCI.ui.Dropdown#setChangeEvents"><a href=
"LuCI.ui.Dropdown.html#setChangeEvents">setChangeEvents
</a></li>
3077 <li data-name=
"LuCI.ui.Dropdown#setPlaceholder"><a href=
"LuCI.ui.Dropdown.html#setPlaceholder">setPlaceholder
</a></li>
3079 <li data-name=
"LuCI.ui.Dropdown#setUpdateEvents"><a href=
"LuCI.ui.Dropdown.html#setUpdateEvents">setUpdateEvents
</a></li>
3081 <li data-name=
"LuCI.ui.Dropdown#setValue"><a href=
"LuCI.ui.Dropdown.html#setValue">setValue
</a></li>
3083 <li data-name=
"LuCI.ui.Dropdown#triggerValidation"><a href=
"LuCI.ui.Dropdown.html#triggerValidation">triggerValidation
</a></li>
3086 <ul class=
"events itemMembers">
3091 <li class=
"item" data-name=
"LuCI.ui.DynamicList">
3092 <span class=
"title">
3093 <a href=
"LuCI.ui.DynamicList.html">LuCI.ui.DynamicList
</a>
3096 <ul class=
"members itemMembers">
3099 <ul class=
"typedefs itemMembers">
3101 <span class=
"subtitle">Typedefs
</span>
3103 <li data-name=
"LuCI.ui.DynamicList.InitOptions"><a href=
"LuCI.ui.DynamicList.html#.InitOptions">InitOptions
</a></li>
3106 <ul class=
"typedefs itemMembers">
3109 <ul class=
"methods itemMembers">
3111 <span class=
"subtitle">Methods
</span>
3113 <li data-name=
"LuCI.ui.DynamicList#addChoices"><a href=
"LuCI.ui.DynamicList.html#addChoices">addChoices
</a></li>
3115 <li data-name=
"LuCI.ui.DynamicList#clearChoices"><a href=
"LuCI.ui.DynamicList.html#clearChoices">clearChoices
</a></li>
3117 <li data-name=
"LuCI.ui.DynamicList#getValidationError"><a href=
"LuCI.ui.DynamicList.html#getValidationError">getValidationError
</a></li>
3119 <li data-name=
"LuCI.ui.DynamicList#getValue"><a href=
"LuCI.ui.DynamicList.html#getValue">getValue
</a></li>
3121 <li data-name=
"LuCI.ui.DynamicList#isChanged"><a href=
"LuCI.ui.DynamicList.html#isChanged">isChanged
</a></li>
3123 <li data-name=
"LuCI.ui.DynamicList#isValid"><a href=
"LuCI.ui.DynamicList.html#isValid">isValid
</a></li>
3125 <li data-name=
"LuCI.ui.DynamicList#registerEvents"><a href=
"LuCI.ui.DynamicList.html#registerEvents">registerEvents
</a></li>
3127 <li data-name=
"LuCI.ui.DynamicList#render"><a href=
"LuCI.ui.DynamicList.html#render">render
</a></li>
3129 <li data-name=
"LuCI.ui.DynamicList#setChangeEvents"><a href=
"LuCI.ui.DynamicList.html#setChangeEvents">setChangeEvents
</a></li>
3131 <li data-name=
"LuCI.ui.DynamicList#setPlaceholder"><a href=
"LuCI.ui.DynamicList.html#setPlaceholder">setPlaceholder
</a></li>
3133 <li data-name=
"LuCI.ui.DynamicList#setUpdateEvents"><a href=
"LuCI.ui.DynamicList.html#setUpdateEvents">setUpdateEvents
</a></li>
3135 <li data-name=
"LuCI.ui.DynamicList#setValue"><a href=
"LuCI.ui.DynamicList.html#setValue">setValue
</a></li>
3137 <li data-name=
"LuCI.ui.DynamicList#triggerValidation"><a href=
"LuCI.ui.DynamicList.html#triggerValidation">triggerValidation
</a></li>
3140 <ul class=
"events itemMembers">
3145 <li class=
"item" data-name=
"LuCI.ui.FileUpload">
3146 <span class=
"title">
3147 <a href=
"LuCI.ui.FileUpload.html">LuCI.ui.FileUpload
</a>
3150 <ul class=
"members itemMembers">
3153 <ul class=
"typedefs itemMembers">
3155 <span class=
"subtitle">Typedefs
</span>
3157 <li data-name=
"LuCI.ui.FileUpload.InitOptions"><a href=
"LuCI.ui.FileUpload.html#.InitOptions">InitOptions
</a></li>
3160 <ul class=
"typedefs itemMembers">
3163 <ul class=
"methods itemMembers">
3165 <span class=
"subtitle">Methods
</span>
3167 <li data-name=
"LuCI.ui.FileUpload#getValidationError"><a href=
"LuCI.ui.FileUpload.html#getValidationError">getValidationError
</a></li>
3169 <li data-name=
"LuCI.ui.FileUpload#getValue"><a href=
"LuCI.ui.FileUpload.html#getValue">getValue
</a></li>
3171 <li data-name=
"LuCI.ui.FileUpload#isChanged"><a href=
"LuCI.ui.FileUpload.html#isChanged">isChanged
</a></li>
3173 <li data-name=
"LuCI.ui.FileUpload#isValid"><a href=
"LuCI.ui.FileUpload.html#isValid">isValid
</a></li>
3175 <li data-name=
"LuCI.ui.FileUpload#registerEvents"><a href=
"LuCI.ui.FileUpload.html#registerEvents">registerEvents
</a></li>
3177 <li data-name=
"LuCI.ui.FileUpload#render"><a href=
"LuCI.ui.FileUpload.html#render">render
</a></li>
3179 <li data-name=
"LuCI.ui.FileUpload#setChangeEvents"><a href=
"LuCI.ui.FileUpload.html#setChangeEvents">setChangeEvents
</a></li>
3181 <li data-name=
"LuCI.ui.FileUpload#setPlaceholder"><a href=
"LuCI.ui.FileUpload.html#setPlaceholder">setPlaceholder
</a></li>
3183 <li data-name=
"LuCI.ui.FileUpload#setUpdateEvents"><a href=
"LuCI.ui.FileUpload.html#setUpdateEvents">setUpdateEvents
</a></li>
3185 <li data-name=
"LuCI.ui.FileUpload#setValue"><a href=
"LuCI.ui.FileUpload.html#setValue">setValue
</a></li>
3187 <li data-name=
"LuCI.ui.FileUpload#triggerValidation"><a href=
"LuCI.ui.FileUpload.html#triggerValidation">triggerValidation
</a></li>
3190 <ul class=
"events itemMembers">
3195 <li class=
"item" data-name=
"LuCI.ui.Hiddenfield">
3196 <span class=
"title">
3197 <a href=
"LuCI.ui.Hiddenfield.html">LuCI.ui.Hiddenfield
</a>
3200 <ul class=
"members itemMembers">
3203 <ul class=
"typedefs itemMembers">
3206 <ul class=
"typedefs itemMembers">
3209 <ul class=
"methods itemMembers">
3211 <span class=
"subtitle">Methods
</span>
3213 <li data-name=
"LuCI.ui.Hiddenfield#getValidationError"><a href=
"LuCI.ui.Hiddenfield.html#getValidationError">getValidationError
</a></li>
3215 <li data-name=
"LuCI.ui.Hiddenfield#getValue"><a href=
"LuCI.ui.Hiddenfield.html#getValue">getValue
</a></li>
3217 <li data-name=
"LuCI.ui.Hiddenfield#isChanged"><a href=
"LuCI.ui.Hiddenfield.html#isChanged">isChanged
</a></li>
3219 <li data-name=
"LuCI.ui.Hiddenfield#isValid"><a href=
"LuCI.ui.Hiddenfield.html#isValid">isValid
</a></li>
3221 <li data-name=
"LuCI.ui.Hiddenfield#registerEvents"><a href=
"LuCI.ui.Hiddenfield.html#registerEvents">registerEvents
</a></li>
3223 <li data-name=
"LuCI.ui.Hiddenfield#render"><a href=
"LuCI.ui.Hiddenfield.html#render">render
</a></li>
3225 <li data-name=
"LuCI.ui.Hiddenfield#setChangeEvents"><a href=
"LuCI.ui.Hiddenfield.html#setChangeEvents">setChangeEvents
</a></li>
3227 <li data-name=
"LuCI.ui.Hiddenfield#setPlaceholder"><a href=
"LuCI.ui.Hiddenfield.html#setPlaceholder">setPlaceholder
</a></li>
3229 <li data-name=
"LuCI.ui.Hiddenfield#setUpdateEvents"><a href=
"LuCI.ui.Hiddenfield.html#setUpdateEvents">setUpdateEvents
</a></li>
3231 <li data-name=
"LuCI.ui.Hiddenfield#setValue"><a href=
"LuCI.ui.Hiddenfield.html#setValue">setValue
</a></li>
3233 <li data-name=
"LuCI.ui.Hiddenfield#triggerValidation"><a href=
"LuCI.ui.Hiddenfield.html#triggerValidation">triggerValidation
</a></li>
3236 <ul class=
"events itemMembers">
3241 <li class=
"item" data-name=
"LuCI.ui.menu">
3242 <span class=
"title">
3243 <a href=
"LuCI.ui.menu.html">LuCI.ui.menu
</a>
3246 <ul class=
"members itemMembers">
3249 <ul class=
"typedefs itemMembers">
3251 <span class=
"subtitle">Typedefs
</span>
3253 <li data-name=
"LuCI.ui.menu.MenuNode"><a href=
"LuCI.ui.menu.html#.MenuNode">MenuNode
</a></li>
3256 <ul class=
"typedefs itemMembers">
3259 <ul class=
"methods itemMembers">
3261 <span class=
"subtitle">Methods
</span>
3263 <li data-name=
"LuCI.ui.menu#flushCache"><a href=
"LuCI.ui.menu.html#flushCache">flushCache
</a></li>
3265 <li data-name=
"LuCI.ui.menu#getChildren"><a href=
"LuCI.ui.menu.html#getChildren">getChildren
</a></li>
3267 <li data-name=
"LuCI.ui.menu#load"><a href=
"LuCI.ui.menu.html#load">load
</a></li>
3270 <ul class=
"events itemMembers">
3275 <li class=
"item" data-name=
"LuCI.ui.Select">
3276 <span class=
"title">
3277 <a href=
"LuCI.ui.Select.html">LuCI.ui.Select
</a>
3280 <ul class=
"members itemMembers">
3283 <ul class=
"typedefs itemMembers">
3285 <span class=
"subtitle">Typedefs
</span>
3287 <li data-name=
"LuCI.ui.Select.InitOptions"><a href=
"LuCI.ui.Select.html#.InitOptions">InitOptions
</a></li>
3290 <ul class=
"typedefs itemMembers">
3293 <ul class=
"methods itemMembers">
3295 <span class=
"subtitle">Methods
</span>
3297 <li data-name=
"LuCI.ui.Select#getValidationError"><a href=
"LuCI.ui.Select.html#getValidationError">getValidationError
</a></li>
3299 <li data-name=
"LuCI.ui.Select#getValue"><a href=
"LuCI.ui.Select.html#getValue">getValue
</a></li>
3301 <li data-name=
"LuCI.ui.Select#isChanged"><a href=
"LuCI.ui.Select.html#isChanged">isChanged
</a></li>
3303 <li data-name=
"LuCI.ui.Select#isValid"><a href=
"LuCI.ui.Select.html#isValid">isValid
</a></li>
3305 <li data-name=
"LuCI.ui.Select#registerEvents"><a href=
"LuCI.ui.Select.html#registerEvents">registerEvents
</a></li>
3307 <li data-name=
"LuCI.ui.Select#render"><a href=
"LuCI.ui.Select.html#render">render
</a></li>
3309 <li data-name=
"LuCI.ui.Select#setChangeEvents"><a href=
"LuCI.ui.Select.html#setChangeEvents">setChangeEvents
</a></li>
3311 <li data-name=
"LuCI.ui.Select#setPlaceholder"><a href=
"LuCI.ui.Select.html#setPlaceholder">setPlaceholder
</a></li>
3313 <li data-name=
"LuCI.ui.Select#setUpdateEvents"><a href=
"LuCI.ui.Select.html#setUpdateEvents">setUpdateEvents
</a></li>
3315 <li data-name=
"LuCI.ui.Select#setValue"><a href=
"LuCI.ui.Select.html#setValue">setValue
</a></li>
3317 <li data-name=
"LuCI.ui.Select#triggerValidation"><a href=
"LuCI.ui.Select.html#triggerValidation">triggerValidation
</a></li>
3320 <ul class=
"events itemMembers">
3325 <li class=
"item" data-name=
"LuCI.ui.tabs">
3326 <span class=
"title">
3327 <a href=
"LuCI.ui.tabs.html">LuCI.ui.tabs
</a>
3330 <ul class=
"members itemMembers">
3333 <ul class=
"typedefs itemMembers">
3336 <ul class=
"typedefs itemMembers">
3339 <ul class=
"methods itemMembers">
3341 <span class=
"subtitle">Methods
</span>
3343 <li data-name=
"LuCI.ui.tabs#initTabGroup"><a href=
"LuCI.ui.tabs.html#initTabGroup">initTabGroup
</a></li>
3345 <li data-name=
"LuCI.ui.tabs#isEmptyPane"><a href=
"LuCI.ui.tabs.html#isEmptyPane">isEmptyPane
</a></li>
3348 <ul class=
"events itemMembers">
3353 <li class=
"item" data-name=
"LuCI.ui.Textarea">
3354 <span class=
"title">
3355 <a href=
"LuCI.ui.Textarea.html">LuCI.ui.Textarea
</a>
3358 <ul class=
"members itemMembers">
3361 <ul class=
"typedefs itemMembers">
3363 <span class=
"subtitle">Typedefs
</span>
3365 <li data-name=
"LuCI.ui.Textarea.InitOptions"><a href=
"LuCI.ui.Textarea.html#.InitOptions">InitOptions
</a></li>
3368 <ul class=
"typedefs itemMembers">
3371 <ul class=
"methods itemMembers">
3373 <span class=
"subtitle">Methods
</span>
3375 <li data-name=
"LuCI.ui.Textarea#getValidationError"><a href=
"LuCI.ui.Textarea.html#getValidationError">getValidationError
</a></li>
3377 <li data-name=
"LuCI.ui.Textarea#getValue"><a href=
"LuCI.ui.Textarea.html#getValue">getValue
</a></li>
3379 <li data-name=
"LuCI.ui.Textarea#isChanged"><a href=
"LuCI.ui.Textarea.html#isChanged">isChanged
</a></li>
3381 <li data-name=
"LuCI.ui.Textarea#isValid"><a href=
"LuCI.ui.Textarea.html#isValid">isValid
</a></li>
3383 <li data-name=
"LuCI.ui.Textarea#registerEvents"><a href=
"LuCI.ui.Textarea.html#registerEvents">registerEvents
</a></li>
3385 <li data-name=
"LuCI.ui.Textarea#render"><a href=
"LuCI.ui.Textarea.html#render">render
</a></li>
3387 <li data-name=
"LuCI.ui.Textarea#setChangeEvents"><a href=
"LuCI.ui.Textarea.html#setChangeEvents">setChangeEvents
</a></li>
3389 <li data-name=
"LuCI.ui.Textarea#setPlaceholder"><a href=
"LuCI.ui.Textarea.html#setPlaceholder">setPlaceholder
</a></li>
3391 <li data-name=
"LuCI.ui.Textarea#setUpdateEvents"><a href=
"LuCI.ui.Textarea.html#setUpdateEvents">setUpdateEvents
</a></li>
3393 <li data-name=
"LuCI.ui.Textarea#setValue"><a href=
"LuCI.ui.Textarea.html#setValue">setValue
</a></li>
3395 <li data-name=
"LuCI.ui.Textarea#triggerValidation"><a href=
"LuCI.ui.Textarea.html#triggerValidation">triggerValidation
</a></li>
3398 <ul class=
"events itemMembers">
3403 <li class=
"item" data-name=
"LuCI.ui.Textfield">
3404 <span class=
"title">
3405 <a href=
"LuCI.ui.Textfield.html">LuCI.ui.Textfield
</a>
3408 <ul class=
"members itemMembers">
3411 <ul class=
"typedefs itemMembers">
3413 <span class=
"subtitle">Typedefs
</span>
3415 <li data-name=
"LuCI.ui.Textfield.InitOptions"><a href=
"LuCI.ui.Textfield.html#.InitOptions">InitOptions
</a></li>
3418 <ul class=
"typedefs itemMembers">
3421 <ul class=
"methods itemMembers">
3423 <span class=
"subtitle">Methods
</span>
3425 <li data-name=
"LuCI.ui.Textfield#getValidationError"><a href=
"LuCI.ui.Textfield.html#getValidationError">getValidationError
</a></li>
3427 <li data-name=
"LuCI.ui.Textfield#getValue"><a href=
"LuCI.ui.Textfield.html#getValue">getValue
</a></li>
3429 <li data-name=
"LuCI.ui.Textfield#isChanged"><a href=
"LuCI.ui.Textfield.html#isChanged">isChanged
</a></li>
3431 <li data-name=
"LuCI.ui.Textfield#isValid"><a href=
"LuCI.ui.Textfield.html#isValid">isValid
</a></li>
3433 <li data-name=
"LuCI.ui.Textfield#registerEvents"><a href=
"LuCI.ui.Textfield.html#registerEvents">registerEvents
</a></li>
3435 <li data-name=
"LuCI.ui.Textfield#render"><a href=
"LuCI.ui.Textfield.html#render">render
</a></li>
3437 <li data-name=
"LuCI.ui.Textfield#setChangeEvents"><a href=
"LuCI.ui.Textfield.html#setChangeEvents">setChangeEvents
</a></li>
3439 <li data-name=
"LuCI.ui.Textfield#setPlaceholder"><a href=
"LuCI.ui.Textfield.html#setPlaceholder">setPlaceholder
</a></li>
3441 <li data-name=
"LuCI.ui.Textfield#setUpdateEvents"><a href=
"LuCI.ui.Textfield.html#setUpdateEvents">setUpdateEvents
</a></li>
3443 <li data-name=
"LuCI.ui.Textfield#setValue"><a href=
"LuCI.ui.Textfield.html#setValue">setValue
</a></li>
3445 <li data-name=
"LuCI.ui.Textfield#triggerValidation"><a href=
"LuCI.ui.Textfield.html#triggerValidation">triggerValidation
</a></li>
3448 <ul class=
"events itemMembers">
3453 <li class=
"item" data-name=
"LuCI.view">
3454 <span class=
"title">
3455 <a href=
"LuCI.view.html">LuCI.view
</a>
3458 <ul class=
"members itemMembers">
3461 <ul class=
"typedefs itemMembers">
3464 <ul class=
"typedefs itemMembers">
3467 <ul class=
"methods itemMembers">
3469 <span class=
"subtitle">Methods
</span>
3471 <li data-name=
"LuCI.view#addFooter"><a href=
"LuCI.view.html#addFooter">addFooter
</a></li>
3473 <li data-name=
"LuCI.view#handleReset"><a href=
"LuCI.view.html#handleReset">handleReset
</a></li>
3475 <li data-name=
"LuCI.view#handleSave"><a href=
"LuCI.view.html#handleSave">handleSave
</a></li>
3477 <li data-name=
"LuCI.view#handleSaveApply"><a href=
"LuCI.view.html#handleSaveApply">handleSaveApply
</a></li>
3479 <li data-name=
"LuCI.view#load"><a href=
"LuCI.view.html#load">load
</a></li>
3481 <li data-name=
"LuCI.view#render"><a href=
"LuCI.view.html#render">render
</a></li>
3484 <ul class=
"events itemMembers">
3489 <li class=
"item" data-name=
"LuCI.xhr">
3490 <span class=
"title">
3491 <a href=
"LuCI.xhr.html">LuCI.xhr
</a>
3494 <ul class=
"members itemMembers">
3497 <ul class=
"typedefs itemMembers">
3500 <ul class=
"typedefs itemMembers">
3503 <ul class=
"methods itemMembers">
3505 <span class=
"subtitle">Methods
</span>
3507 <li data-name=
"LuCI.xhr#abort"><a href=
"LuCI.xhr.html#abort">abort
</a></li>
3509 <li data-name=
"LuCI.xhr#busy"><a href=
"LuCI.xhr.html#busy">busy
</a></li>
3511 <li data-name=
"LuCI.xhr#cancel"><a href=
"LuCI.xhr.html#cancel">cancel
</a></li>
3513 <li data-name=
"LuCI.xhr#get"><a href=
"LuCI.xhr.html#get">get
</a></li>
3515 <li data-name=
"LuCI.xhr#post"><a href=
"LuCI.xhr.html#post">post
</a></li>
3517 <li data-name=
"LuCI.xhr#send_form"><a href=
"LuCI.xhr.html#send_form">send_form
</a></li>
3520 <ul class=
"events itemMembers">
3528 <h1 class=
"page-title" data-filename=
"form.js.html">Source: form.js
</h1>
3535 <pre id=
"source-code" class=
"prettyprint source "><code>'use strict';
3540 'require baseclass';
3544 var callSessionAccess = rpc.declare({
3547 params: [ 'scope', 'object', 'function' ],
3548 expect: { 'access': false }
3551 var CBIJSONConfig = baseclass.extend({
3552 __init__: function(data) {
3553 data = Object.assign({}, data);
3557 var num_sections =
0,
3560 for (var sectiontype in data) {
3561 if (!data.hasOwnProperty(sectiontype))
3564 if (Array.isArray(data[sectiontype])) {
3565 for (var i =
0, index =
0; i
< data[sectiontype].length; i++) {
3566 var item = data[sectiontype][i],
3569 if (!L.isObject(item))
3572 if (typeof(item['.name']) == 'string') {
3573 name = item['.name'];
3577 name = sectiontype + num_sections;
3581 if (!this.data.hasOwnProperty(name))
3582 section_ids.push(name);
3584 this.data[name] = Object.assign(item, {
3585 '.index': num_sections++,
3586 '.anonymous': anonymous,
3588 '.type': sectiontype
3592 else if (L.isObject(data[sectiontype])) {
3593 this.data[sectiontype] = Object.assign(data[sectiontype], {
3594 '.anonymous': false,
3595 '.name': sectiontype,
3596 '.type': sectiontype
3599 section_ids.push(sectiontype);
3604 section_ids.sort(L.bind(function(a, b) {
3605 var indexA = (this.data[a]['.index'] != null) ? +this.data[a]['.index'] :
9999,
3606 indexB = (this.data[b]['.index'] != null) ? +this.data[b]['.index'] :
9999;
3608 if (indexA != indexB)
3609 return (indexA - indexB);
3611 return L.naturalCompare(a, b);
3614 for (var i =
0; i
< section_ids.length; i++)
3615 this.data[section_ids[i]]['.index'] = i;
3619 return Promise.resolve(this.data);
3623 return Promise.resolve();
3626 get: function(config, section, option) {
3627 if (section == null)
3631 return this.data[section];
3633 if (!this.data.hasOwnProperty(section))
3636 var value = this.data[section][option];
3638 if (Array.isArray(value))
3642 return String(value);
3647 set: function(config, section, option, value) {
3648 if (section == null || option == null || option.charAt(
0) == '.')
3651 if (!this.data.hasOwnProperty(section))
3655 delete this.data[section][option];
3656 else if (Array.isArray(value))
3657 this.data[section][option] = value;
3659 this.data[section][option] = String(value);
3662 unset: function(config, section, option) {
3663 return this.set(config, section, option, null);
3666 sections: function(config, sectiontype, callback) {
3669 for (var section_id in this.data)
3670 if (sectiontype == null || this.data[section_id]['.type'] == sectiontype)
3671 rv.push(this.data[section_id]);
3673 rv.sort(function(a, b) { return a['.index'] - b['.index'] });
3675 if (typeof(callback) == 'function')
3676 for (var i =
0; i
< rv.length; i++)
3677 callback.call(this, rv[i], rv[i]['.name']);
3682 add: function(config, sectiontype, sectionname) {
3683 var num_sections_type =
0, next_index =
0;
3685 for (var name in this.data) {
3686 num_sections_type += (this.data[name]['.type'] == sectiontype);
3687 next_index = Math.max(next_index, this.data[name]['.index']);
3690 var section_id = sectionname || sectiontype + num_sections_type;
3692 if (!this.data.hasOwnProperty(section_id)) {
3693 this.data[section_id] = {
3694 '.name': section_id,
3695 '.type': sectiontype,
3696 '.anonymous': (sectionname == null),
3697 '.index': next_index +
1
3704 remove: function(config, section) {
3705 if (this.data.hasOwnProperty(section))
3706 delete this.data[section];
3709 resolveSID: function(config, section_id) {
3713 move: function(config, section_id1, section_id2, after) {
3714 return uci.move.apply(this, [config, section_id1, section_id2, after]);
3719 * @class AbstractElement
3720 * @memberof LuCI.form
3724 * The `AbstractElement` class serves as abstract base for the different form
3725 * elements implemented by `LuCI.form`. It provides the common logic for
3726 * loading and rendering values, for nesting elements and for defining common
3729 * This class is private and not directly accessible by user code.
3731 var CBIAbstractElement = baseclass.extend(/** @lends LuCI.form.AbstractElement.prototype */ {
3732 __init__: function(title, description) {
3733 this.title = title || '';
3734 this.description = description || '';
3739 * Add another form element as children to this element.
3741 * @param {AbstractElement} obj
3742 * The form element to add.
3744 append: function(obj) {
3745 this.children.push(obj);
3749 * Parse this elements form input.
3751 * The `parse()` function recursively walks the form element tree and
3752 * triggers input value reading and validation for each encountered element.
3754 * Elements which are hidden due to unsatisfied dependencies are skipped.
3756 * @returns {Promise
<void
>}
3757 * Returns a promise resolving once this element's value and the values of
3758 * all child elements have been parsed. The returned promise is rejected
3759 * if any parsed values are not meeting the validation constraints of their
3760 * respective elements.
3763 var args = arguments;
3764 this.children.forEach(function(child) {
3765 child.parse.apply(child, args);
3770 * Render the form element.
3772 * The `render()` function recursively walks the form element tree and
3773 * renders the markup for each element, returning the assembled DOM tree.
3776 * @returns {Node|Promise
<Node
>}
3777 * May return a DOM Node or a promise resolving to a DOM node containing
3778 * the form element's markup, including the markup of any child elements.
3780 render: function() {
3781 L.error('InternalError', 'Not implemented');
3785 loadChildren: function(/* ... */) {
3788 if (Array.isArray(this.children))
3789 for (var i =
0; i
< this.children.length; i++)
3790 if (!this.children[i].disable)
3791 tasks.push(this.children[i].load.apply(this.children[i], arguments));
3793 return Promise.all(tasks);
3797 renderChildren: function(tab_name /*, ... */) {
3801 if (Array.isArray(this.children))
3802 for (var i =
0; i
< this.children.length; i++)
3803 if (tab_name === null || this.children[i].tab === tab_name)
3804 if (!this.children[i].disable)
3805 tasks.push(this.children[i].render.apply(
3806 this.children[i], this.varargs(arguments,
1, index++)));
3808 return Promise.all(tasks);
3812 * Strip any HTML tags from the given input string.
3815 * The input string to clean.
3818 * The cleaned input string with HTML tags removed.
3820 stripTags: function(s) {
3821 if (typeof(s) == 'string'
&& !s.match(/[
<>]/))
3824 var x = dom.elem(s) ? s : dom.parse('
<div
>' + s + '
</div
>');
3826 x.querySelectorAll('br').forEach(function(br) {
3827 x.replaceChild(document.createTextNode('\n'), br);
3830 return (x.textContent || x.innerText || '').replace(/([ \t]*\n)+/g, '\n');
3834 * Format the given named property as title string.
3836 * This function looks up the given named property and formats its value
3837 * suitable for use as element caption or description string. It also
3838 * strips any HTML tags from the result.
3840 * If the property value is a string, it is passed to `String.format()`
3841 * along with any additional parameters passed to `titleFn()`.
3843 * If the property value is a function, it is invoked with any additional
3844 * `titleFn()` parameters as arguments and the obtained return value is
3845 * converted to a string.
3847 * In all other cases, `null` is returned.
3849 * @param {string} property
3850 * The name of the element property to use.
3852 * @param {...*} fmt_args
3853 * Extra values to format the title string with.
3855 * @returns {string|null}
3856 * The formatted title string or `null` if the property did not exist or
3857 * was neither a string nor a function.
3859 titleFn: function(attr /*, ... */) {
3862 if (typeof(this[attr]) == 'function')
3863 s = this[attr].apply(this, this.varargs(arguments,
1));
3864 else if (typeof(this[attr]) == 'string')
3865 s = (arguments.length
> 1) ? ''.format.apply(this[attr], this.varargs(arguments,
1)) : this[attr];
3868 s = this.stripTags(String(s)).trim();
3870 if (s == null || s == '')
3879 * @memberof LuCI.form
3880 * @augments LuCI.form.AbstractElement
3884 * The `Map` class represents one complete form. A form usually maps one UCI
3885 * configuration file and is divided into multiple sections containing multiple
3888 * It serves as main entry point into the `LuCI.form` for typical view code.
3890 * @param {string} config
3891 * The UCI configuration to map. It is automatically loaded along when the
3892 * resulting map instance.
3894 * @param {string} [title]
3895 * The title caption of the form. A form title is usually rendered as separate
3896 * headline element before the actual form contents. If omitted, the
3897 * corresponding headline element will not be rendered.
3899 * @param {string} [description]
3900 * The description text of the form which is usually rendered as text
3901 * paragraph below the form title and before the actual form contents.
3902 * If omitted, the corresponding paragraph element will not be rendered.
3904 var CBIMap = CBIAbstractElement.extend(/** @lends LuCI.form.Map.prototype */ {
3905 __init__: function(config /*, ... */) {
3906 this.super('__init__', this.varargs(arguments,
1));
3908 this.config = config;
3909 this.parsechain = [ config ];
3914 * Toggle readonly state of the form.
3916 * If set to `true`, the Map instance is marked readonly and any form
3917 * option elements added to it will inherit the readonly state.
3919 * If left unset, the Map will test the access permission of the primary
3920 * uci configuration upon loading and mark the form readonly if no write
3921 * permissions are granted.
3923 * @name LuCI.form.Map.prototype#readonly
3928 * Find all DOM nodes within this Map which match the given search
3929 * parameters. This function is essentially a convenience wrapper around
3930 * `querySelectorAll()`.
3932 * This function is sensitive to the amount of arguments passed to it;
3933 * if only one argument is specified, it is used as selector-expression
3934 * as-is. When two arguments are passed, the first argument is treated
3935 * as attribute name, the second one as attribute value to match.
3937 * As an example, `map.findElements('input')` would find all `
<input
>`
3938 * nodes while `map.findElements('type', 'text')` would find any DOM node
3939 * with a `
type=
"text"` attribute.
3941 * @param {string} selector_or_attrname
3942 * If invoked with only one parameter, this argument is a
3943 * `querySelectorAll()` compatible selector expression. If invoked with
3944 * two parameters, this argument is the attribute name to filter for.
3946 * @param {string} [attrvalue]
3947 * In case the function is invoked with two parameters, this argument
3948 * specifies the attribute value to match.
3950 * @throws {InternalError}
3951 * Throws an `InternalError` if more than two function parameters are
3954 * @returns {NodeList}
3955 * Returns a (possibly empty) DOM `NodeList` containing the found DOM nodes.
3957 findElements: function(/* ... */) {
3960 if (arguments.length ==
1)
3962 else if (arguments.length ==
2)
3963 q = '[%
s=
"%s"]'.format(arguments[
0], arguments[
1]);
3965 L.error('InternalError', 'Expecting one or two arguments to findElements()');
3967 return this.root.querySelectorAll(q);
3971 * Find the first DOM node within this Map which matches the given search
3972 * parameters. This function is essentially a convenience wrapper around
3973 * `findElements()` which only returns the first found node.
3975 * This function is sensitive to the amount of arguments passed to it;
3976 * if only one argument is specified, it is used as selector-expression
3977 * as-is. When two arguments are passed, the first argument is treated
3978 * as attribute name, the second one as attribute value to match.
3980 * As an example, `map.findElement('input')` would find the first `
<input
>`
3981 * node while `map.findElement('type', 'text')` would find the first DOM
3982 * node with a `
type=
"text"` attribute.
3984 * @param {string} selector_or_attrname
3985 * If invoked with only one parameter, this argument is a `querySelector()`
3986 * compatible selector expression. If invoked with two parameters, this
3987 * argument is the attribute name to filter for.
3989 * @param {string} [attrvalue]
3990 * In case the function is invoked with two parameters, this argument
3991 * specifies the attribute value to match.
3993 * @throws {InternalError}
3994 * Throws an `InternalError` if more than two function parameters are
3997 * @returns {Node|null}
3998 * Returns the first found DOM node or `null` if no element matched.
4000 findElement: function(/* ... */) {
4001 var res = this.findElements.apply(this, arguments);
4002 return res.length ? res[
0] : null;
4006 * Tie another UCI configuration to the map.
4008 * By default, a map instance will only load the UCI configuration file
4009 * specified in the constructor but sometimes access to values from
4010 * further configuration files is required. This function allows for such
4011 * use cases by registering further UCI configuration files which are
4012 * needed by the map.
4014 * @param {string} config
4015 * The additional UCI configuration file to tie to the map. If the given
4016 * config already is in the list of required files, it will be ignored.
4018 chain: function(config) {
4019 if (this.parsechain.indexOf(config) == -
1)
4020 this.parsechain.push(config);
4024 * Add a configuration section to the map.
4026 * LuCI forms follow the structure of the underlying UCI configurations,
4027 * means that a map, which represents a single UCI configuration, is
4028 * divided into multiple sections which in turn contain an arbitrary
4029 * number of options.
4031 * While UCI itself only knows two kinds of sections - named and anonymous
4032 * ones - the form class offers various flavors of form section elements
4033 * to present configuration sections in different ways. Refer to the
4034 * documentation of the different section classes for details.
4036 * @param {LuCI.form.AbstractSection} sectionclass
4037 * The section class to use for rendering the configuration section.
4038 * Note that this value must be the class itself, not a class instance
4039 * obtained from calling `new`. It must also be a class derived from
4040 * `LuCI.form.AbstractSection`.
4042 * @param {...string} classargs
4043 * Additional arguments which are passed as-is to the constructor of the
4044 * given section class. Refer to the class specific constructor
4045 * documentation for details.
4047 * @returns {LuCI.form.AbstractSection}
4048 * Returns the instantiated section class instance.
4050 section: function(cbiClass /*, ... */) {
4051 if (!CBIAbstractSection.isSubclass(cbiClass))
4052 L.error('TypeError', 'Class must be a descendent of CBIAbstractSection');
4054 var obj = cbiClass.instantiate(this.varargs(arguments,
1, this));
4060 * Load the configuration covered by this map.
4062 * The `load()` function first loads all referenced UCI configurations,
4063 * then it recursively walks the form element tree and invokes the
4064 * load function of each child element.
4066 * @returns {Promise
<void
>}
4067 * Returns a promise resolving once the entire form completed loading all
4068 * data. The promise may reject with an error if any configuration failed
4069 * to load or if any of the child elements load functions rejected with
4073 var doCheckACL = (!(this instanceof CBIJSONMap)
&& this.readonly == null),
4074 loadTasks = [ doCheckACL ? callSessionAccess('uci', this.config, 'write') : true ],
4075 configs = this.parsechain || [ this.config ];
4077 loadTasks.push.apply(loadTasks, configs.map(L.bind(function(config, i) {
4078 return i ? L.resolveDefault(this.data.load(config)) : this.data.load(config);
4081 return Promise.all(loadTasks).then(L.bind(function(res) {
4082 if (res[
0] === false)
4083 this.readonly = true;
4085 return this.loadChildren();
4090 * Parse the form input values.
4092 * The `parse()` function recursively walks the form element tree and
4093 * triggers input value reading and validation for each child element.
4095 * Elements which are hidden due to unsatisfied dependencies are skipped.
4097 * @returns {Promise
<void
>}
4098 * Returns a promise resolving once the entire form completed parsing all
4099 * input values. The returned promise is rejected if any parsed values are
4100 * not meeting the validation constraints of their respective elements.
4105 if (Array.isArray(this.children))
4106 for (var i =
0; i
< this.children.length; i++)
4107 tasks.push(this.children[i].parse());
4109 return Promise.all(tasks);
4113 * Save the form input values.
4115 * This function parses the current form, saves the resulting UCI changes,
4116 * reloads the UCI configuration data and redraws the form elements.
4118 * @param {function} [cb]
4119 * An optional callback function that is invoked after the form is parsed
4120 * but before the changed UCI data is saved. This is useful to perform
4121 * additional data manipulation steps before saving the changes.
4123 * @param {boolean} [silent=false]
4124 * If set to `true`, trigger an alert message to the user in case saving
4125 * the form data failures. Otherwise fail silently.
4127 * @returns {Promise
<void
>}
4128 * Returns a promise resolving once the entire save operation is complete.
4129 * The returned promise is rejected if any step of the save operation
4132 save: function(cb, silent) {
4133 this.checkDepends();
4137 .then(this.data.save.bind(this.data))
4138 .then(this.load.bind(this))
4139 .catch(function(e) {
4141 ui.showModal(_('Save error'), [
4142 E('p', {}, [ _('An error occurred while saving the form:') ]),
4143 E('p', {}, [ E('em', { 'style': 'white-space:pre-wrap' }, [ e.message ]) ]),
4144 E('div', { 'class': 'right' }, [
4145 E('button', { 'class': 'cbi-button', 'click': ui.hideModal }, [ _('Dismiss') ])
4150 return Promise.reject(e);
4151 }).then(this.renderContents.bind(this));
4155 * Reset the form by re-rendering its contents. This will revert all
4156 * unsaved user inputs to their initial form state.
4158 * @returns {Promise
<Node
>}
4159 * Returns a promise resolving to the toplevel form DOM node once the
4160 * re-rendering is complete.
4163 return this.renderContents();
4167 * Render the form markup.
4169 * @returns {Promise
<Node
>}
4170 * Returns a promise resolving to the toplevel form DOM node once the
4171 * rendering is complete.
4173 render: function() {
4174 return this.load().then(this.renderContents.bind(this));
4178 renderContents: function() {
4179 var mapEl = this.root || (this.root = E('div', {
4180 'id': 'cbi-%s'.format(this.config),
4182 'cbi-dependency-check': L.bind(this.checkDepends, this)
4185 dom.bindClassInstance(mapEl, this);
4187 return this.renderChildren(null).then(L.bind(function(nodes) {
4188 var initialRender = !mapEl.firstChild;
4190 dom.content(mapEl, null);
4192 if (this.title != null
&& this.title != '')
4193 mapEl.appendChild(E('h2', { 'name': 'content' }, this.title));
4195 if (this.description != null
&& this.description != '')
4196 mapEl.appendChild(E('div', { 'class': 'cbi-map-descr' }, this.description));
4199 dom.append(mapEl, E('div', { 'class': 'cbi-map-tabbed' }, nodes));
4201 dom.append(mapEl, nodes);
4203 if (!initialRender) {
4204 mapEl.classList.remove('flash');
4206 window.setTimeout(function() {
4207 mapEl.classList.add('flash');
4211 this.checkDepends();
4213 var tabGroups = mapEl.querySelectorAll('.cbi-map-tabbed, .cbi-section-node-tabbed');
4215 for (var i =
0; i
< tabGroups.length; i++)
4216 ui.tabs.initTabGroup(tabGroups[i].childNodes);
4223 * Find a form option element instance.
4225 * @param {string} name
4226 * The name or the full ID of the option element to look up.
4228 * @param {string} [section_id]
4229 * The ID of the UCI section containing the option to look up. May be
4230 * omitted if a full ID is passed as first argument.
4232 * @param {string} [config_name]
4233 * The name of the UCI configuration the option instance belongs to.
4234 * Defaults to the main UCI configuration of the map if omitted.
4236 * @returns {Array
<LuCI.form.AbstractValue,string
>|null}
4237 * Returns a two-element array containing the form option instance as
4238 * first item and the corresponding UCI section ID as second item.
4239 * Returns `null` if the option could not be found.
4241 lookupOption: function(name, section_id, config_name) {
4242 var id, elem, sid, inst;
4244 if (name.indexOf('.')
> -
1)
4245 id = 'cbid.%s'.format(name);
4247 id = 'cbid.%s.%s.%s'.format(config_name || this.config, section_id, name);
4249 elem = this.findElement('data-field', id);
4250 sid = elem ? id.split(/\./)[
2] : null;
4251 inst = elem ? dom.findClassInstance(elem) : null;
4253 return (inst instanceof CBIAbstractValue) ? [ inst, sid ] : null;
4257 checkDepends: function(ev, n) {
4258 var changed = false;
4260 for (var i =
0, s = this.children[
0]; (s = this.children[i]) != null; i++)
4261 if (s.checkDepends(ev, n))
4264 if (changed
&& (n ||
0)
< 10)
4265 this.checkDepends(ev, (n ||
10) +
1);
4267 ui.tabs.updateTabs(ev, this.root);
4271 isDependencySatisfied: function(depends, config_name, section_id) {
4274 if (!Array.isArray(depends) || !depends.length)
4277 for (var i =
0; i
< depends.length; i++) {
4279 reverse = depends[i]['!reverse'],
4280 contains = depends[i]['!contains'];
4282 for (var dep in depends[i]) {
4283 if (dep == '!reverse' || dep == '!contains') {
4286 else if (dep == '!default') {
4291 var res = this.lookupOption(dep, section_id, config_name),
4292 val = (res
&& res[
0].isActive(res[
1])) ? res[
0].formvalue(res[
1]) : null;
4294 var equal = contains
4295 ? isContained(val, depends[i][dep])
4296 : isEqual(val, depends[i][dep]);
4298 istat = (istat
&& equal);
4302 if (istat ^ reverse)
4311 * @constructor JSONMap
4312 * @memberof LuCI.form
4313 * @augments LuCI.form.Map
4317 * A `JSONMap` class functions similar to [LuCI.form.Map]{@link LuCI.form.Map}
4318 * but uses a multidimensional JavaScript object instead of UCI configuration
4321 * @param {Object
<string, Object
<string, *
>|Array
<Object
<string, *
>>>} data
4322 * The JavaScript object to use as data source. Internally, the object is
4323 * converted into an UCI-like format. Its toplevel keys are treated like UCI
4324 * section types while the object or array-of-object values are treated as
4327 * @param {string} [title]
4328 * The title caption of the form. A form title is usually rendered as separate
4329 * headline element before the actual form contents. If omitted, the
4330 * corresponding headline element will not be rendered.
4332 * @param {string} [description]
4333 * The description text of the form which is usually rendered as text
4334 * paragraph below the form title and before the actual form contents.
4335 * If omitted, the corresponding paragraph element will not be rendered.
4337 var CBIJSONMap = CBIMap.extend(/** @lends LuCI.form.JSONMap.prototype */ {
4338 __init__: function(data /*, ... */) {
4339 this.super('__init__', this.varargs(arguments,
1, 'json'));
4341 this.config = 'json';
4342 this.parsechain = [ 'json' ];
4343 this.data = new CBIJSONConfig(data);
4348 * @class AbstractSection
4349 * @memberof LuCI.form
4350 * @augments LuCI.form.AbstractElement
4354 * The `AbstractSection` class serves as abstract base for the different form
4355 * section styles implemented by `LuCI.form`. It provides the common logic for
4356 * enumerating underlying configuration section instances, for registering
4357 * form options and for handling tabs to segment child options.
4359 * This class is private and not directly accessible by user code.
4361 var CBIAbstractSection = CBIAbstractElement.extend(/** @lends LuCI.form.AbstractSection.prototype */ {
4362 __init__: function(map, sectionType /*, ... */) {
4363 this.super('__init__', this.varargs(arguments,
2));
4365 this.sectiontype = sectionType;
4367 this.config = map.config;
4369 this.optional = true;
4370 this.addremove = false;
4371 this.dynamic = false;
4375 * Access the parent option container instance.
4377 * In case this section is nested within an option element container,
4378 * this property will hold a reference to the parent option instance.
4380 * If this section is not nested, the property is `null`.
4382 * @name LuCI.form.AbstractSection.prototype#parentoption
4383 * @type LuCI.form.AbstractValue
4388 * Enumerate the UCI section IDs covered by this form section element.
4391 * @throws {InternalError}
4392 * Throws an `InternalError` exception if the function is not implemented.
4394 * @returns {string[]}
4395 * Returns an array of UCI section IDs covered by this form element.
4396 * The sections will be rendered in the same order as the returned array.
4398 cfgsections: function() {
4399 L.error('InternalError', 'Not implemented');
4403 * Filter UCI section IDs to render.
4405 * The filter function is invoked for each UCI section ID of a given type
4406 * and controls whether the given UCI section is rendered or ignored by
4407 * the form section element.
4409 * The default implementation always returns `true`. User code or
4410 * classes extending `AbstractSection` may overwrite this function with
4411 * custom implementations.
4414 * @param {string} section_id
4415 * The UCI section ID to test.
4417 * @returns {boolean}
4418 * Returns `true` when the given UCI section ID should be handled and
4419 * `false` when it should be ignored.
4421 filter: function(section_id) {
4426 * Load the configuration covered by this section.
4428 * The `load()` function recursively walks the section element tree and
4429 * invokes the load function of each child option element.
4431 * @returns {Promise
<void
>}
4432 * Returns a promise resolving once the values of all child elements have
4433 * been loaded. The promise may reject with an error if any of the child
4434 * elements load functions rejected with an error.
4437 var section_ids = this.cfgsections(),
4440 if (Array.isArray(this.children))
4441 for (var i =
0; i
< section_ids.length; i++)
4442 tasks.push(this.loadChildren(section_ids[i])
4443 .then(Function.prototype.bind.call(function(section_id, set_values) {
4444 for (var i =
0; i
< set_values.length; i++)
4445 this.children[i].cfgvalue(section_id, set_values[i]);
4446 }, this, section_ids[i])));
4448 return Promise.all(tasks);
4452 * Parse this sections form input.
4454 * The `parse()` function recursively walks the section element tree and
4455 * triggers input value reading and validation for each encountered child
4458 * Options which are hidden due to unsatisfied dependencies are skipped.
4460 * @returns {Promise
<void
>}
4461 * Returns a promise resolving once the values of all child elements have
4462 * been parsed. The returned promise is rejected if any parsed values are
4463 * not meeting the validation constraints of their respective elements.
4466 var section_ids = this.cfgsections(),
4469 if (Array.isArray(this.children))
4470 for (var i =
0; i
< section_ids.length; i++)
4471 for (var j =
0; j
< this.children.length; j++)
4472 tasks.push(this.children[j].parse(section_ids[i]));
4474 return Promise.all(tasks);
4478 * Add an option tab to the section.
4480 * The child option elements of a section may be divided into multiple
4481 * tabs to provide a better overview to the user.
4483 * Before options can be moved into a tab pane, the corresponding tab
4484 * has to be defined first, which is done by calling this function.
4486 * Note that once tabs are defined, user code must use the `taboption()`
4487 * method to add options to specific tabs. Option elements added by
4488 * `option()` will not be assigned to any tab and not be rendered in this
4491 * @param {string} name
4492 * The name of the tab to register. It may be freely chosen and just serves
4493 * as an identifier to differentiate tabs.
4495 * @param {string} title
4496 * The human readable caption of the tab.
4498 * @param {string} [description]
4499 * An additional description text for the corresponding tab pane. It is
4500 * displayed as text paragraph below the tab but before the tab pane
4501 * contents. If omitted, no description will be rendered.
4504 * Throws an exception if a tab with the same `name` already exists.
4506 tab: function(name, title, description) {
4507 if (this.tabs
&& this.tabs[name])
4508 throw 'Tab already declared';
4513 description: description,
4517 this.tabs = this.tabs || [];
4518 this.tabs.push(entry);
4519 this.tabs[name] = entry;
4521 this.tab_names = this.tab_names || [];
4522 this.tab_names.push(name);
4526 * Add a configuration option widget to the section.
4528 * Note that [taboption()]{@link LuCI.form.AbstractSection#taboption}
4529 * should be used instead if this form section element uses tabs.
4531 * @param {LuCI.form.AbstractValue} optionclass
4532 * The option class to use for rendering the configuration option. Note
4533 * that this value must be the class itself, not a class instance obtained
4534 * from calling `new`. It must also be a class derived from
4535 * [LuCI.form.AbstractSection]{@link LuCI.form.AbstractSection}.
4537 * @param {...*} classargs
4538 * Additional arguments which are passed as-is to the constructor of the
4539 * given option class. Refer to the class specific constructor
4540 * documentation for details.
4542 * @throws {TypeError}
4543 * Throws a `TypeError` exception in case the passed class value is not a
4544 * descendent of `AbstractValue`.
4546 * @returns {LuCI.form.AbstractValue}
4547 * Returns the instantiated option class instance.
4549 option: function(cbiClass /*, ... */) {
4550 if (!CBIAbstractValue.isSubclass(cbiClass))
4551 throw L.error('TypeError', 'Class must be a descendent of CBIAbstractValue');
4553 var obj = cbiClass.instantiate(this.varargs(arguments,
1, this.map, this));
4559 * Add a configuration option widget to a tab of the section.
4561 * @param {string} tabName
4562 * The name of the section tab to add the option element to.
4564 * @param {LuCI.form.AbstractValue} optionclass
4565 * The option class to use for rendering the configuration option. Note
4566 * that this value must be the class itself, not a class instance obtained
4567 * from calling `new`. It must also be a class derived from
4568 * [LuCI.form.AbstractSection]{@link LuCI.form.AbstractSection}.
4570 * @param {...*} classargs
4571 * Additional arguments which are passed as-is to the constructor of the
4572 * given option class. Refer to the class specific constructor
4573 * documentation for details.
4575 * @throws {ReferenceError}
4576 * Throws a `ReferenceError` exception when the given tab name does not
4579 * @throws {TypeError}
4580 * Throws a `TypeError` exception in case the passed class value is not a
4581 * descendent of `AbstractValue`.
4583 * @returns {LuCI.form.AbstractValue}
4584 * Returns the instantiated option class instance.
4586 taboption: function(tabName /*, ... */) {
4587 if (!this.tabs || !this.tabs[tabName])
4588 throw L.error('ReferenceError', 'Associated tab not declared');
4590 var obj = this.option.apply(this, this.varargs(arguments,
1));
4592 this.tabs[tabName].children.push(obj);
4597 * Query underlying option configuration values.
4599 * This function is sensitive to the amount of arguments passed to it;
4600 * if only one argument is specified, the configuration values of all
4601 * options within this section are returned as dictionary.
4603 * If both the section ID and an option name are supplied, this function
4604 * returns the configuration value of the specified option only.
4606 * @param {string} section_id
4607 * The configuration section ID
4609 * @param {string} [option]
4610 * The name of the option to query
4612 * @returns {null|string|string[]|Object
<string, null|string|string[]
>}
4613 * Returns either a dictionary of option names and their corresponding
4614 * configuration values or just a single configuration value, depending
4615 * on the amount of passed arguments.
4617 cfgvalue: function(section_id, option) {
4618 var rv = (arguments.length ==
1) ? {} : null;
4620 for (var i =
0, o; (o = this.children[i]) != null; i++)
4622 rv[o.option] = o.cfgvalue(section_id);
4623 else if (o.option == option)
4624 return o.cfgvalue(section_id);
4630 * Query underlying option widget input values.
4632 * This function is sensitive to the amount of arguments passed to it;
4633 * if only one argument is specified, the widget input values of all
4634 * options within this section are returned as dictionary.
4636 * If both the section ID and an option name are supplied, this function
4637 * returns the widget input value of the specified option only.
4639 * @param {string} section_id
4640 * The configuration section ID
4642 * @param {string} [option]
4643 * The name of the option to query
4645 * @returns {null|string|string[]|Object
<string, null|string|string[]
>}
4646 * Returns either a dictionary of option names and their corresponding
4647 * widget input values or just a single widget input value, depending
4648 * on the amount of passed arguments.
4650 formvalue: function(section_id, option) {
4651 var rv = (arguments.length ==
1) ? {} : null;
4653 for (var i =
0, o; (o = this.children[i]) != null; i++) {
4654 var func = this.map.root ? this.children[i].formvalue : this.children[i].cfgvalue;
4657 rv[o.option] = func.call(o, section_id);
4658 else if (o.option == option)
4659 return func.call(o, section_id);
4666 * Obtain underlying option LuCI.ui widget instances.
4668 * This function is sensitive to the amount of arguments passed to it;
4669 * if only one argument is specified, the LuCI.ui widget instances of all
4670 * options within this section are returned as dictionary.
4672 * If both the section ID and an option name are supplied, this function
4673 * returns the LuCI.ui widget instance value of the specified option only.
4675 * @param {string} section_id
4676 * The configuration section ID
4678 * @param {string} [option]
4679 * The name of the option to query
4681 * @returns {null|LuCI.ui.AbstractElement|Object
<string, null|LuCI.ui.AbstractElement
>}
4682 * Returns either a dictionary of option names and their corresponding
4683 * widget input values or just a single widget input value, depending
4684 * on the amount of passed arguments.
4686 getUIElement: function(section_id, option) {
4687 var rv = (arguments.length ==
1) ? {} : null;
4689 for (var i =
0, o; (o = this.children[i]) != null; i++)
4691 rv[o.option] = o.getUIElement(section_id);
4692 else if (o.option == option)
4693 return o.getUIElement(section_id);
4699 * Obtain underlying option objects.
4701 * This function is sensitive to the amount of arguments passed to it;
4702 * if no option name is specified, all options within this section are
4703 * returned as dictionary.
4705 * If an option name is supplied, this function returns the matching
4706 * LuCI.form.AbstractValue instance only.
4708 * @param {string} [option]
4709 * The name of the option object to obtain
4711 * @returns {null|LuCI.form.AbstractValue|Object
<string, LuCI.form.AbstractValue
>}
4712 * Returns either a dictionary of option names and their corresponding
4713 * option instance objects or just a single object instance value,
4714 * depending on the amount of passed arguments.
4716 getOption: function(option) {
4717 var rv = (arguments.length ==
0) ? {} : null;
4719 for (var i =
0, o; (o = this.children[i]) != null; i++)
4722 else if (o.option == option)
4729 renderUCISection: function(section_id) {
4730 var renderTasks = [];
4733 return this.renderOptions(null, section_id);
4735 for (var i =
0; i
< this.tab_names.length; i++)
4736 renderTasks.push(this.renderOptions(this.tab_names[i], section_id));
4738 return Promise.all(renderTasks)
4739 .then(this.renderTabContainers.bind(this, section_id));
4743 renderTabContainers: function(section_id, nodes) {
4744 var config_name = this.uciconfig || this.map.config,
4745 containerEls = E([]);
4747 for (var i =
0; i
< nodes.length; i++) {
4748 var tab_name = this.tab_names[i],
4749 tab_data = this.tabs[tab_name],
4750 containerEl = E('div', {
4751 'id': 'container.%s.%s.%s'.format(config_name, section_id, tab_name),
4752 'data-tab': tab_name,
4753 'data-tab-title': tab_data.title,
4754 'data-tab-active': tab_name === this.selected_tab
4757 if (tab_data.description != null
&& tab_data.description != '')
4758 containerEl.appendChild(
4759 E('div', { 'class': 'cbi-tab-descr' }, tab_data.description));
4761 containerEl.appendChild(nodes[i]);
4762 containerEls.appendChild(containerEl);
4765 return containerEls;
4769 renderOptions: function(tab_name, section_id) {
4770 var in_table = (this instanceof CBITableSection);
4771 return this.renderChildren(tab_name, section_id, in_table).then(function(nodes) {
4772 var optionEls = E([]);
4773 for (var i =
0; i
< nodes.length; i++)
4774 optionEls.appendChild(nodes[i]);
4780 checkDepends: function(ev, n) {
4781 var changed = false,
4782 sids = this.cfgsections();
4784 for (var i =
0, sid = sids[
0]; (sid = sids[i]) != null; i++) {
4785 for (var j =
0, o = this.children[
0]; (o = this.children[j]) != null; j++) {
4786 var isActive = o.isActive(sid),
4787 isSatisified = o.checkDepends(sid);
4789 if (isActive != isSatisified) {
4790 o.setActive(sid, !isActive);
4791 isActive = !isActive;
4795 if (!n
&& isActive)
4796 o.triggerValidation(sid);
4805 var isEqual = function(x, y) {
4806 if (typeof(y) == 'object'
&& y instanceof RegExp)
4807 return (x == null) ? false : y.test(x);
4809 if (x != null
&& y != null
&& typeof(x) != typeof(y))
4812 if ((x == null
&& y != null) || (x != null
&& y == null))
4815 if (Array.isArray(x)) {
4816 if (x.length != y.length)
4819 for (var i =
0; i
< x.length; i++)
4820 if (!isEqual(x[i], y[i]))
4823 else if (typeof(x) == 'object') {
4825 if (x.hasOwnProperty(k)
&& !y.hasOwnProperty(k))
4828 if (!isEqual(x[k], y[k]))
4833 if (y.hasOwnProperty(k)
&& !x.hasOwnProperty(k))
4843 var isContained = function(x, y) {
4844 if (Array.isArray(x)) {
4845 for (var i =
0; i
< x.length; i++)
4849 else if (L.isObject(x)) {
4850 if (x.hasOwnProperty(y)
&& x[y] != null)
4853 else if (typeof(x) == 'string') {
4854 return (x.indexOf(y)
> -
1);
4861 * @class AbstractValue
4862 * @memberof LuCI.form
4863 * @augments LuCI.form.AbstractElement
4867 * The `AbstractValue` class serves as abstract base for the different form
4868 * option styles implemented by `LuCI.form`. It provides the common logic for
4869 * handling option input values, for dependencies among options and for
4870 * validation constraints that should be applied to entered values.
4872 * This class is private and not directly accessible by user code.
4874 var CBIAbstractValue = CBIAbstractElement.extend(/** @lends LuCI.form.AbstractValue.prototype */ {
4875 __init__: function(map, section, option /*, ... */) {
4876 this.super('__init__', this.varargs(arguments,
3));
4878 this.section = section;
4879 this.option = option;
4881 this.config = map.config;
4885 this.rmempty = true;
4886 this.default = null;
4888 this.optional = false;
4889 this.retain = false;
4893 * If set to `false`, the underlying option value is retained upon saving
4894 * the form when the option element is disabled due to unsatisfied
4895 * dependency constraints.
4897 * @name LuCI.form.AbstractValue.prototype#rmempty
4903 * If set to `true`, the underlying ui input widget is allowed to be empty,
4904 * otherwise the option element is marked invalid when no value is entered
4905 * or selected by the user.
4907 * @name LuCI.form.AbstractValue.prototype#optional
4913 * If set to `true`, the underlying ui input widget value is not cleared
4914 * from the configuration on unsatisfied dependencies. The default behavior
4915 * is to remove the values of all options whose dependencies are not
4918 * @name LuCI.form.AbstractValue.prototype#retain
4924 * Sets a default value to use when the underlying UCI option is not set.
4926 * @name LuCI.form.AbstractValue.prototype#default
4932 * Specifies a datatype constraint expression to validate input values
4933 * against. Refer to {@link LuCI.validation} for details on the format.
4935 * If the user entered input does not match the datatype validation, the
4936 * option element is marked as invalid.
4938 * @name LuCI.form.AbstractValue.prototype#datatype
4944 * Specifies a custom validation function to test the user input for
4945 * validity. The validation function must return `true` to accept the
4946 * value. Any other return value type is converted to a string and
4947 * displayed to the user as validation error message.
4949 * If the user entered input does not pass the validation function, the
4950 * option element is marked as invalid.
4952 * @name LuCI.form.AbstractValue.prototype#validate
4958 * Override the UCI configuration name to read the option value from.
4960 * By default, the configuration name is inherited from the parent Map.
4961 * By setting this property, a deviating configuration may be specified.
4963 * The default is null, means inheriting from the parent form.
4965 * @name LuCI.form.AbstractValue.prototype#uciconfig
4971 * Override the UCI section name to read the option value from.
4973 * By default, the section ID is inherited from the parent section element.
4974 * By setting this property, a deviating section may be specified.
4976 * The default is null, means inheriting from the parent section.
4978 * @name LuCI.form.AbstractValue.prototype#ucisection
4984 * Override the UCI option name to read the value from.
4986 * By default, the elements name, which is passed as third argument to
4987 * the constructor, is used as UCI option name. By setting this property,
4988 * a deviating UCI option may be specified.
4990 * The default is null, means using the option element name.
4992 * @name LuCI.form.AbstractValue.prototype#ucioption
4998 * Mark grid section option element as editable.
5000 * Options which are displayed in the table portion of a `GridSection`
5001 * instance are rendered as readonly text by default. By setting the
5002 * `editable` property of a child option element to `true`, that element
5003 * is rendered as full input widget within its cell instead of a text only
5006 * This property has no effect on options that are not children of grid
5009 * @name LuCI.form.AbstractValue.prototype#editable
5015 * Move grid section option element into the table, the modal popup or both.
5017 * If this property is `null` (the default), the option element is
5018 * displayed in both the table preview area and the per-section instance
5019 * modal popup of a grid section. When it is set to `false` the option
5020 * is only shown in the table but not the modal popup. When set to `true`,
5021 * the option is only visible in the modal popup but not the table.
5023 * This property has no effect on options that are not children of grid
5026 * @name LuCI.form.AbstractValue.prototype#modalonly
5032 * Make option element readonly.
5034 * This property defaults to the readonly state of the parent form element.
5035 * When set to `true`, the underlying widget is rendered in disabled state,
5036 * means its contents cannot be changed and the widget cannot be interacted
5039 * @name LuCI.form.AbstractValue.prototype#readonly
5045 * Override the cell width of a table or grid section child option.
5047 * If the property is set to a numeric value, it is treated as pixel width
5048 * which is set on the containing cell element of the option, essentially
5049 * forcing a certain column width. When the property is set to a string
5050 * value, it is applied as-is to the CSS `width` property.
5052 * This property has no effect on options that are not children of grid or
5053 * table section elements.
5055 * @name LuCI.form.AbstractValue.prototype#width
5056 * @type number|string
5061 * Register a custom value change handler.
5063 * If this property is set to a function value, the function is invoked
5064 * whenever the value of the underlying UI input element is changing.
5066 * The invoked handler function will receive the DOM click element as
5067 * first and the underlying configuration section ID as well as the input
5068 * value as second and third argument respectively.
5070 * @name LuCI.form.AbstractValue.prototype#onchange
5076 * Add a dependency constraint to the option.
5078 * Dependency constraints allow making the presence of option elements
5079 * dependent on the current values of certain other options within the
5080 * same form. An option element with unsatisfied dependencies will be
5081 * hidden from the view and its current value is omitted when saving.
5083 * Multiple constraints (that is, multiple calls to `depends()`) are
5084 * treated as alternatives, forming a logical
"or" expression.
5086 * By passing an object of name =
> value pairs as first argument, it is
5087 * possible to depend on multiple options simultaneously, allowing to form
5088 * a logical
"and" expression.
5090 * Option names may be given in
"dot notation" which allows to reference
5091 * option elements outside the current form section. If a name without
5092 * dot is specified, it refers to an option within the same configuration
5093 * section. If specified as
<code
>configname.sectionid.optionname
</code
>,
5094 * options anywhere within the same form may be specified.
5096 * The object notation also allows for a number of special keys which are
5097 * not treated as option names but as modifiers to influence the dependency
5098 * constraint evaluation. The associated value of these special
"tag" keys
5099 * is ignored. The recognized tags are:
5103 *
<code
>!reverse
</code
><br
>
5104 * Invert the dependency, instead of requiring another option to be
5105 * equal to the dependency value, that option should
<em
>not
</em
> be
5109 *
<code
>!contains
</code
><br
>
5110 * Instead of requiring an exact match, the dependency is considered
5111 * satisfied when the dependency value is contained within the option
5115 *
<code
>!default
</code
><br
>
5116 * The dependency is always satisfied
5124 *
<code
>opt.depends(
"foo",
"test")
</code
><br
>
5125 * Require the value of `foo` to be `test`.
5128 *
<code
>opt.depends({ foo:
"test" })
</code
><br
>
5129 * Equivalent to the previous example.
5132 *
<code
>opt.depends({ foo: /test/ })
</code
><br
>
5133 * Require the value of `foo` to match the regular expression `/test/`.
5136 *
<code
>opt.depends({ foo:
"test", bar:
"qrx" })
</code
><br
>
5137 * Require the value of `foo` to be `test` and the value of `bar` to be
5141 *
<code
>opt.depends({ foo:
"test" })
<br
>
5142 * opt.depends({ bar:
"qrx" })
</code
><br
>
5143 * Require either
<code
>foo
</code
> to be set to
<code
>test
</code
>,
5144 *
<em
>or
</em
> the
<code
>bar
</code
> option to be
<code
>qrx
</code
>.
5147 *
<code
>opt.depends(
"test.section1.foo",
"bar")
</code
><br
>
5148 * Require the
"foo" form option within the
"section1" section to be
5152 *
<code
>opt.depends({ foo:
"test",
"!contains": true })
</code
><br
>
5153 * Require the
"foo" option value to contain the substring
"test".
5157 * @param {string|Object
<string, string|RegExp
>} field
5158 * The name of the option to depend on or an object describing multiple
5159 * dependencies which must be satisfied (a logical
"and" expression).
5161 * @param {string|RegExp} value
5162 * When invoked with a plain option name as first argument, this parameter
5163 * specifies the expected value. In case an object is passed as first
5164 * argument, this parameter is ignored.
5166 depends: function(field, value) {
5169 if (typeof(field) === 'string')
5170 deps = {}, deps[field] = value;
5174 this.deps.push(deps);
5178 transformDepList: function(section_id, deplist) {
5179 var list = deplist || this.deps,
5182 if (Array.isArray(list)) {
5183 for (var i =
0; i
< list.length; i++) {
5186 for (var k in list[i]) {
5187 if (list[i].hasOwnProperty(k)) {
5188 if (k.charAt(
0) === '!')
5189 dep[k] = list[i][k];
5190 else if (k.indexOf('.') !== -
1)
5191 dep['cbid.%s'.format(k)] = list[i][k];
5193 dep['cbid.%s.%s.%s'.format(
5194 this.uciconfig || this.section.uciconfig || this.map.config,
5195 this.ucisection || section_id,
5201 for (var k in dep) {
5202 if (dep.hasOwnProperty(k)) {
5214 transformChoices: function() {
5215 if (!Array.isArray(this.keylist) || this.keylist.length ==
0)
5220 for (var i =
0; i
< this.keylist.length; i++)
5221 choices[this.keylist[i]] = this.vallist[i];
5227 checkDepends: function(section_id) {
5228 var config_name = this.uciconfig || this.section.uciconfig || this.map.config,
5229 active = this.map.isDependencySatisfied(this.deps, config_name, section_id);
5232 this.updateDefaultValue(section_id);
5238 updateDefaultValue: function(section_id) {
5239 if (!L.isObject(this.defaults))
5242 var config_name = this.uciconfig || this.section.uciconfig || this.map.config,
5243 cfgvalue = L.toArray(this.cfgvalue(section_id))[
0],
5244 default_defval = null, satisified_defval = null;
5246 for (var value in this.defaults) {
5247 if (!this.defaults[value] || this.defaults[value].length ==
0) {
5248 default_defval = value;
5251 else if (this.map.isDependencySatisfied(this.defaults[value], config_name, section_id)) {
5252 satisified_defval = value;
5257 if (satisified_defval == null)
5258 satisified_defval = default_defval;
5260 var node = this.map.findElement('id', this.cbid(section_id));
5261 if (node
&& node.getAttribute('data-changed') != 'true'
&& satisified_defval != null
&& cfgvalue == null)
5262 dom.callClassMethod(node, 'setValue', satisified_defval);
5264 this.default = satisified_defval;
5268 * Obtain the internal ID (
"cbid") of the element instance.
5270 * Since each form section element may map multiple underlying
5271 * configuration sections, the configuration section ID is required to
5272 * form a fully qualified ID pointing to the specific element instance
5273 * within the given specific section.
5275 * @param {string} section_id
5276 * The configuration section ID
5278 * @throws {TypeError}
5279 * Throws a `TypeError` exception when no `section_id` was specified.
5282 * Returns the element ID.
5284 cbid: function(section_id) {
5285 if (section_id == null)
5286 L.error('TypeError', 'Section ID required');
5288 return 'cbid.%s.%s.%s'.format(
5289 this.uciconfig || this.section.uciconfig || this.map.config,
5290 section_id, this.option);
5294 * Load the underlying configuration value.
5296 * The default implementation of this method reads and returns the
5297 * underlying UCI option value (or the related JavaScript property for
5298 * `JSONMap` instances). It may be overwritten by user code to load data
5299 * from nonstandard sources.
5301 * @param {string} section_id
5302 * The configuration section ID
5304 * @throws {TypeError}
5305 * Throws a `TypeError` exception when no `section_id` was specified.
5307 * @returns {*|Promise
<*
>}
5308 * Returns the configuration value to initialize the option element with.
5309 * The return value of this function is filtered through `Promise.resolve()`
5310 * so it may return promises if overridden by user code.
5312 load: function(section_id) {
5313 if (section_id == null)
5314 L.error('TypeError', 'Section ID required');
5316 return this.map.data.get(
5317 this.uciconfig || this.section.uciconfig || this.map.config,
5318 this.ucisection || section_id,
5319 this.ucioption || this.option);
5323 * Obtain the underlying `LuCI.ui` element instance.
5325 * @param {string} section_id
5326 * The configuration section ID
5328 * @throws {TypeError}
5329 * Throws a `TypeError` exception when no `section_id` was specified.
5331 * @return {LuCI.ui.AbstractElement|null}
5332 * Returns the `LuCI.ui` element instance or `null` in case the form
5333 * option implementation does not use `LuCI.ui` widgets.
5335 getUIElement: function(section_id) {
5336 var node = this.map.findElement('id', this.cbid(section_id)),
5337 inst = node ? dom.findClassInstance(node) : null;
5338 return (inst instanceof ui.AbstractElement) ? inst : null;
5342 * Query the underlying configuration value.
5344 * The default implementation of this method returns the cached return
5345 * value of [load()]{@link LuCI.form.AbstractValue#load}. It may be
5346 * overwritten by user code to obtain the configuration value in a
5349 * @param {string} section_id
5350 * The configuration section ID
5352 * @throws {TypeError}
5353 * Throws a `TypeError` exception when no `section_id` was specified.
5356 * Returns the configuration value.
5358 cfgvalue: function(section_id, set_value) {
5359 if (section_id == null)
5360 L.error('TypeError', 'Section ID required');
5362 if (arguments.length ==
2) {
5363 this.data = this.data || {};
5364 this.data[section_id] = set_value;
5367 return this.data ? this.data[section_id] : null;
5371 * Query the current form input value.
5373 * The default implementation of this method returns the current input
5374 * value of the underlying [LuCI.ui]{@link LuCI.ui.AbstractElement} widget.
5375 * It may be overwritten by user code to handle input values differently.
5377 * @param {string} section_id
5378 * The configuration section ID
5380 * @throws {TypeError}
5381 * Throws a `TypeError` exception when no `section_id` was specified.
5384 * Returns the current input value.
5386 formvalue: function(section_id) {
5387 var elem = this.getUIElement(section_id);
5388 return elem ? elem.getValue() : null;
5392 * Obtain a textual input representation.
5394 * The default implementation of this method returns the HTML escaped
5395 * current input value of the underlying
5396 * [LuCI.ui]{@link LuCI.ui.AbstractElement} widget. User code or specific
5397 * option element implementations may overwrite this function to apply a
5398 * different logic, e.g. to return `Yes` or `No` depending on the checked
5399 * state of checkbox elements.
5401 * @param {string} section_id
5402 * The configuration section ID
5404 * @throws {TypeError}
5405 * Throws a `TypeError` exception when no `section_id` was specified.
5408 * Returns the text representation of the current input value.
5410 textvalue: function(section_id) {
5411 var cval = this.cfgvalue(section_id);
5414 cval = this.default;
5416 if (Array.isArray(cval))
5417 cval = cval.join(' ');
5419 return (cval != null) ? '%h'.format(cval) : null;
5423 * Apply custom validation logic.
5425 * This method is invoked whenever incremental validation is performed on
5426 * the user input, e.g. on keyup or blur events.
5428 * The default implementation of this method does nothing and always
5429 * returns `true`. User code may overwrite this method to provide
5430 * additional validation logic which is not covered by data type
5434 * @param {string} section_id
5435 * The configuration section ID
5438 * The value to validate
5441 * The method shall return `true` to accept the given value. Any other
5442 * return value is treated as failure, converted to a string and displayed
5443 * as error message to the user.
5445 validate: function(section_id, value) {
5450 * Test whether the input value is currently valid.
5452 * @param {string} section_id
5453 * The configuration section ID
5455 * @returns {boolean}
5456 * Returns `true` if the input value currently is valid, otherwise it
5459 isValid: function(section_id) {
5460 var elem = this.getUIElement(section_id);
5461 return elem ? elem.isValid() : true;
5465 * Returns the current validation error for this input.
5467 * @param {string} section_id
5468 * The configuration section ID
5471 * The validation error at this time
5473 getValidationError: function (section_id) {
5474 var elem = this.getUIElement(section_id);
5475 return elem ? elem.getValidationError() : '';
5479 * Test whether the option element is currently active.
5481 * An element is active when it is not hidden due to unsatisfied dependency
5484 * @param {string} section_id
5485 * The configuration section ID
5487 * @returns {boolean}
5488 * Returns `true` if the option element currently is active, otherwise it
5491 isActive: function(section_id) {
5492 var field = this.map.findElement('data-field', this.cbid(section_id));
5493 return (field != null
&& !field.classList.contains('hidden'));
5497 setActive: function(section_id, active) {
5498 var field = this.map.findElement('data-field', this.cbid(section_id));
5500 if (field
&& field.classList.contains('hidden') == active) {
5501 field.classList[active ? 'remove' : 'add']('hidden');
5503 if (dom.matches(field.parentNode, '.td.cbi-value-field'))
5504 field.parentNode.classList[active ? 'remove' : 'add']('inactive');
5513 triggerValidation: function(section_id) {
5514 var elem = this.getUIElement(section_id);
5515 return elem ? elem.triggerValidation() : true;
5519 * Parse the option element input.
5521 * The function is invoked when the `parse()` method has been invoked on
5522 * the parent form and triggers input value reading and validation.
5524 * @param {string} section_id
5525 * The configuration section ID
5527 * @returns {Promise
<void
>}
5528 * Returns a promise resolving once the input value has been read and
5529 * validated or rejecting in case the input value does not meet the
5530 * validation constraints.
5532 parse: function(section_id) {
5533 var active = this.isActive(section_id);
5535 if (active
&& !this.isValid(section_id)) {
5536 var title = this.stripTags(this.title).trim(),
5537 error = this.getValidationError(section_id);
5539 return Promise.reject(new TypeError(
5540 _('Option
"%s" contains an invalid input value.').format(title || this.option) + ' ' + error));
5544 var cval = this.cfgvalue(section_id),
5545 fval = this.formvalue(section_id);
5547 if (fval == null || fval == '') {
5548 if (this.rmempty || this.optional) {
5549 return Promise.resolve(this.remove(section_id));
5552 var title = this.stripTags(this.title).trim();
5554 return Promise.reject(new TypeError(
5555 _('Option
"%s" must not be empty.').format(title || this.option)));
5558 else if (this.forcewrite || !isEqual(cval, fval)) {
5559 return Promise.resolve(this.write(section_id, fval));
5562 else if (!this.retain) {
5563 return Promise.resolve(this.remove(section_id));
5566 return Promise.resolve();
5570 * Write the current input value into the configuration.
5572 * This function is invoked upon saving the parent form when the option
5573 * element is valid and when its input value has been changed compared to
5574 * the initial value returned by
5575 * [cfgvalue()]{@link LuCI.form.AbstractValue#cfgvalue}.
5577 * The default implementation simply sets the given input value in the
5578 * UCI configuration (or the associated JavaScript object property in
5579 * case of `JSONMap` forms). It may be overwritten by user code to
5580 * implement alternative save logic, e.g. to transform the input value
5581 * before it is written.
5583 * @param {string} section_id
5584 * The configuration section ID
5586 * @param {string|string[]} formvalue
5587 * The input value to write.
5589 write: function(section_id, formvalue) {
5590 return this.map.data.set(
5591 this.uciconfig || this.section.uciconfig || this.map.config,
5592 this.ucisection || section_id,
5593 this.ucioption || this.option,
5598 * Remove the corresponding value from the configuration.
5600 * This function is invoked upon saving the parent form when the option
5601 * element has been hidden due to unsatisfied dependencies or when the
5602 * user cleared the input value and the option is marked optional.
5604 * The default implementation simply removes the associated option from the
5605 * UCI configuration (or the associated JavaScript object property in
5606 * case of `JSONMap` forms). It may be overwritten by user code to
5607 * implement alternative removal logic, e.g. to retain the original value.
5609 * @param {string} section_id
5610 * The configuration section ID
5612 remove: function(section_id) {
5613 var this_cfg = this.uciconfig || this.section.uciconfig || this.map.config,
5614 this_sid = this.ucisection || section_id,
5615 this_opt = this.ucioption || this.option;
5617 for (var i =
0; i
< this.section.children.length; i++) {
5618 var sibling = this.section.children[i];
5620 if (sibling === this || sibling.ucioption == null)
5623 var sibling_cfg = sibling.uciconfig || sibling.section.uciconfig || sibling.map.config,
5624 sibling_sid = sibling.ucisection || section_id,
5625 sibling_opt = sibling.ucioption || sibling.option;
5627 if (this_cfg != sibling_cfg || this_sid != sibling_sid || this_opt != sibling_opt)
5630 if (!sibling.isActive(section_id))
5633 /* found another active option aliasing the same uci option name,
5634 * so we can't remove the value */
5638 this.map.data.unset(this_cfg, this_sid, this_opt);
5643 * @class TypedSection
5644 * @memberof LuCI.form
5645 * @augments LuCI.form.AbstractSection
5649 * The `TypedSection` class maps all or - if `filter()` is overwritten - a
5650 * subset of the underlying UCI configuration sections of a given type.
5652 * Layout wise, the configuration section instances mapped by the section
5653 * element (sometimes referred to as
"section nodes") are stacked beneath
5654 * each other in a single column, with an optional section remove button next
5655 * to each section node and a section add button at the end, depending on the
5656 * value of the `addremove` property.
5658 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
5659 * The configuration form this section is added to. It is automatically passed
5660 * by [section()]{@link LuCI.form.Map#section}.
5662 * @param {string} section_type
5663 * The type of the UCI section to map.
5665 * @param {string} [title]
5666 * The title caption of the form section element.
5668 * @param {string} [description]
5669 * The description text of the form section element.
5671 var CBITypedSection = CBIAbstractSection.extend(/** @lends LuCI.form.TypedSection.prototype */ {
5672 __name__: 'CBI.TypedSection',
5675 * If set to `true`, the user may add or remove instances from the form
5676 * section widget, otherwise only preexisting sections may be edited.
5677 * The default is `false`.
5679 * @name LuCI.form.TypedSection.prototype#addremove
5685 * If set to `true`, mapped section instances are treated as anonymous
5686 * UCI sections, which means that section instance elements will be
5687 * rendered without title element and that no name is required when adding
5688 * new sections. The default is `false`.
5690 * @name LuCI.form.TypedSection.prototype#anonymous
5696 * When set to `true`, instead of rendering section instances one below
5697 * another, treat each instance as separate tab pane and render a tab menu
5698 * at the top of the form section element, allowing the user to switch
5699 * among instances. The default is `false`.
5701 * @name LuCI.form.TypedSection.prototype#tabbed
5707 * Override the caption used for the section add button at the bottom of
5708 * the section form element. If set to a string, it will be used as-is,
5709 * if set to a function, the function will be invoked and its return value
5710 * is used as caption, after converting it to a string. If this property
5711 * is not set, the default is `Add`.
5713 * @name LuCI.form.TypedSection.prototype#addbtntitle
5714 * @type string|function
5719 * Override the UCI configuration name to read the section IDs from. By
5720 * default, the configuration name is inherited from the parent `Map`.
5721 * By setting this property, a deviating configuration may be specified.
5722 * The default is `null`, means inheriting from the parent form.
5724 * @name LuCI.form.TypedSection.prototype#uciconfig
5730 cfgsections: function() {
5731 return this.map.data.sections(this.uciconfig || this.map.config, this.sectiontype)
5732 .map(function(s) { return s['.name'] })
5733 .filter(L.bind(this.filter, this));
5737 handleAdd: function(ev, name) {
5738 var config_name = this.uciconfig || this.map.config;
5740 this.map.data.add(config_name, this.sectiontype, name);
5741 return this.map.save(null, true);
5745 handleRemove: function(section_id, ev) {
5746 var config_name = this.uciconfig || this.map.config;
5748 this.map.data.remove(config_name, section_id);
5749 return this.map.save(null, true);
5753 renderSectionAdd: function(extra_class) {
5754 if (!this.addremove)
5757 var createEl = E('div', { 'class': 'cbi-section-create' }),
5758 config_name = this.uciconfig || this.map.config,
5759 btn_title = this.titleFn('addbtntitle');
5761 if (extra_class != null)
5762 createEl.classList.add(extra_class);
5764 if (this.anonymous) {
5765 createEl.appendChild(E('button', {
5766 'class': 'cbi-button cbi-button-add',
5767 'title': btn_title || _('Add'),
5768 'click': ui.createHandlerFn(this, 'handleAdd'),
5769 'disabled': this.map.readonly || null
5770 }, [ btn_title || _('Add') ]));
5773 var nameEl = E('input', {
5775 'class': 'cbi-section-create-name',
5776 'disabled': this.map.readonly || null
5779 dom.append(createEl, [
5780 E('div', {}, nameEl),
5782 'class': 'cbi-button cbi-button-add',
5783 'title': btn_title || _('Add'),
5784 'click': ui.createHandlerFn(this, function(ev) {
5785 if (nameEl.classList.contains('cbi-input-invalid'))
5788 return this.handleAdd(ev, nameEl.value);
5790 'disabled': this.map.readonly || true
5791 }, [ btn_title || _('Add') ])
5794 if (this.map.readonly !== true) {
5795 ui.addValidator(nameEl, 'uciname', true, function(v) {
5796 var button = createEl.querySelector('.cbi-section-create
> .cbi-button-add');
5798 button.disabled = null;
5802 button.disabled = true;
5803 return _('Expecting: %s').format(_('non-empty value'));
5805 }, 'blur', 'keyup');
5813 renderSectionPlaceholder: function() {
5814 return E('em', _('This section contains no values yet'));
5818 renderContents: function(cfgsections, nodes) {
5819 var section_id = null,
5820 config_name = this.uciconfig || this.map.config,
5821 sectionEl = E('div', {
5822 'id': 'cbi-%s-%s'.format(config_name, this.sectiontype),
5823 'class': 'cbi-section',
5824 'data-tab': (this.map.tabbed
&& !this.parentoption) ? this.sectiontype : null,
5825 'data-tab-title': (this.map.tabbed
&& !this.parentoption) ? this.title || this.sectiontype : null
5828 if (this.title != null
&& this.title != '')
5829 sectionEl.appendChild(E('h3', {}, this.title));
5831 if (this.description != null
&& this.description != '')
5832 sectionEl.appendChild(E('div', { 'class': 'cbi-section-descr' }, this.description));
5834 for (var i =
0; i
< nodes.length; i++) {
5835 if (this.addremove) {
5836 sectionEl.appendChild(
5837 E('div', { 'class': 'cbi-section-remove right' },
5839 'class': 'cbi-button',
5840 'name': 'cbi.rts.%s.%s'.format(config_name, cfgsections[i]),
5841 'data-section-id': cfgsections[i],
5842 'click': ui.createHandlerFn(this, 'handleRemove', cfgsections[i]),
5843 'disabled': this.map.readonly || null
5844 }, [ _('Delete') ])));
5847 if (!this.anonymous)
5848 sectionEl.appendChild(E('h3', cfgsections[i].toUpperCase()));
5850 sectionEl.appendChild(E('div', {
5851 'id': 'cbi-%s-%s'.format(config_name, cfgsections[i]),
5853 ? 'cbi-section-node cbi-section-node-tabbed' : 'cbi-section-node',
5854 'data-section-id': cfgsections[i]
5858 if (nodes.length ==
0)
5859 sectionEl.appendChild(this.renderSectionPlaceholder());
5861 sectionEl.appendChild(this.renderSectionAdd());
5863 dom.bindClassInstance(sectionEl, this);
5869 render: function() {
5870 var cfgsections = this.cfgsections(),
5873 for (var i =
0; i
< cfgsections.length; i++)
5874 renderTasks.push(this.renderUCISection(cfgsections[i]));
5876 return Promise.all(renderTasks).then(this.renderContents.bind(this, cfgsections));
5881 * @class TableSection
5882 * @memberof LuCI.form
5883 * @augments LuCI.form.TypedSection
5887 * The `TableSection` class maps all or - if `filter()` is overwritten - a
5888 * subset of the underlying UCI configuration sections of a given type.
5890 * Layout wise, the configuration section instances mapped by the section
5891 * element (sometimes referred to as
"section nodes") are rendered as rows
5892 * within an HTML table element, with an optional section remove button in the
5893 * last column and a section add button below the table, depending on the
5894 * value of the `addremove` property.
5896 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
5897 * The configuration form this section is added to. It is automatically passed
5898 * by [section()]{@link LuCI.form.Map#section}.
5900 * @param {string} section_type
5901 * The type of the UCI section to map.
5903 * @param {string} [title]
5904 * The title caption of the form section element.
5906 * @param {string} [description]
5907 * The description text of the form section element.
5909 var CBITableSection = CBITypedSection.extend(/** @lends LuCI.form.TableSection.prototype */ {
5910 __name__: 'CBI.TableSection',
5913 * If set to `true`, the user may add or remove instances from the form
5914 * section widget, otherwise only preexisting sections may be edited.
5915 * The default is `false`.
5917 * @name LuCI.form.TableSection.prototype#addremove
5923 * If set to `true`, mapped section instances are treated as anonymous
5924 * UCI sections, which means that section instance elements will be
5925 * rendered without title element and that no name is required when adding
5926 * new sections. The default is `false`.
5928 * @name LuCI.form.TableSection.prototype#anonymous
5934 * Override the caption used for the section add button at the bottom of
5935 * the section form element. If set to a string, it will be used as-is,
5936 * if set to a function, the function will be invoked and its return value
5937 * is used as caption, after converting it to a string. If this property
5938 * is not set, the default is `Add`.
5940 * @name LuCI.form.TableSection.prototype#addbtntitle
5941 * @type string|function
5946 * Override the per-section instance title caption shown in the first
5947 * column of the table unless `anonymous` is set to true. If set to a
5948 * string, it will be used as `String.format()` pattern with the name of
5949 * the underlying UCI section as first argument, if set to a function, the
5950 * function will be invoked with the section name as first argument and
5951 * its return value is used as caption, after converting it to a string.
5952 * If this property is not set, the default is the name of the underlying
5953 * UCI configuration section.
5955 * @name LuCI.form.TableSection.prototype#sectiontitle
5956 * @type string|function
5961 * Override the per-section instance modal popup title caption shown when
5962 * clicking the `More…` button in a section specifying `max_cols`. If set
5963 * to a string, it will be used as `String.format()` pattern with the name
5964 * of the underlying UCI section as first argument, if set to a function,
5965 * the function will be invoked with the section name as first argument and
5966 * its return value is used as caption, after converting it to a string.
5967 * If this property is not set, the default is the name of the underlying
5968 * UCI configuration section.
5970 * @name LuCI.form.TableSection.prototype#modaltitle
5971 * @type string|function
5976 * Override the UCI configuration name to read the section IDs from. By
5977 * default, the configuration name is inherited from the parent `Map`.
5978 * By setting this property, a deviating configuration may be specified.
5979 * The default is `null`, means inheriting from the parent form.
5981 * @name LuCI.form.TableSection.prototype#uciconfig
5987 * Specify a maximum amount of columns to display. By default, one table
5988 * column is rendered for each child option of the form section element.
5989 * When this option is set to a positive number, then no more columns than
5990 * the given amount are rendered. When the number of child options exceeds
5991 * the specified amount, a `More…` button is rendered in the last column,
5992 * opening a modal dialog presenting all options elements in `NamedSection`
5993 * style when clicked.
5995 * @name LuCI.form.TableSection.prototype#max_cols
6001 * If set to `true`, alternating `cbi-rowstyle-
1` and `cbi-rowstyle-
2` CSS
6002 * classes are added to the table row elements. Not all LuCI themes
6003 * implement these row style classes. The default is `false`.
6005 * @name LuCI.form.TableSection.prototype#rowcolors
6011 * Enables a per-section instance row `Edit` button which triggers a certain
6012 * action when clicked. If set to a string, the string value is used
6013 * as `String.format()` pattern with the name of the underlying UCI section
6014 * as first format argument. The result is then interpreted as URL which
6015 * LuCI will navigate to when the user clicks the edit button.
6017 * If set to a function, this function will be registered as click event
6018 * handler on the rendered edit button, receiving the section instance
6019 * name as first and the DOM click event as second argument.
6021 * @name LuCI.form.TableSection.prototype#extedit
6022 * @type string|function
6027 * If set to `true`, a sort button is added to the last column, allowing
6028 * the user to reorder the section instances mapped by the section form
6031 * @name LuCI.form.TableSection.prototype#sortable
6037 * If set to `true`, the header row with the options descriptions will
6038 * not be displayed. By default, descriptions row is automatically displayed
6039 * when at least one option has a description.
6041 * @name LuCI.form.TableSection.prototype#nodescriptions
6047 * The `TableSection` implementation does not support option tabbing, so
6048 * its implementation of `tab()` will always throw an exception when
6052 * @throws Throws an exception when invoked.
6055 throw 'Tabs are not supported by TableSection';
6059 renderContents: function(cfgsections, nodes) {
6060 var section_id = null,
6061 config_name = this.uciconfig || this.map.config,
6062 max_cols = isNaN(this.max_cols) ? this.children.length : this.max_cols,
6063 has_more = max_cols
< this.children.length,
6064 drag_sort = this.sortable
&& !('ontouchstart' in window),
6065 touch_sort = this.sortable
&& ('ontouchstart' in window),
6066 sectionEl = E('div', {
6067 'id': 'cbi-%s-%s'.format(config_name, this.sectiontype),
6068 'class': 'cbi-section cbi-tblsection',
6069 'data-tab': (this.map.tabbed
&& !this.parentoption) ? this.sectiontype : null,
6070 'data-tab-title': (this.map.tabbed
&& !this.parentoption) ? this.title || this.sectiontype : null
6072 tableEl = E('table', {
6073 'class': 'table cbi-section-table'
6076 if (this.title != null
&& this.title != '')
6077 sectionEl.appendChild(E('h3', {}, this.title));
6079 if (this.description != null
&& this.description != '')
6080 sectionEl.appendChild(E('div', { 'class': 'cbi-section-descr' }, this.description));
6082 tableEl.appendChild(this.renderHeaderRows(max_cols));
6084 for (var i =
0; i
< nodes.length; i++) {
6085 var sectionname = this.titleFn('sectiontitle', cfgsections[i]);
6087 if (sectionname == null)
6088 sectionname = cfgsections[i];
6090 var trEl = E('tr', {
6091 'id': 'cbi-%s-%s'.format(config_name, cfgsections[i]),
6092 'class': 'tr cbi-section-table-row',
6093 'data-sid': cfgsections[i],
6094 'draggable': (drag_sort || touch_sort) ? true : null,
6095 'mousedown': drag_sort ? L.bind(this.handleDragInit, this) : null,
6096 'dragstart': drag_sort ? L.bind(this.handleDragStart, this) : null,
6097 'dragover': drag_sort ? L.bind(this.handleDragOver, this) : null,
6098 'dragenter': drag_sort ? L.bind(this.handleDragEnter, this) : null,
6099 'dragleave': drag_sort ? L.bind(this.handleDragLeave, this) : null,
6100 'dragend': drag_sort ? L.bind(this.handleDragEnd, this) : null,
6101 'drop': drag_sort ? L.bind(this.handleDrop, this) : null,
6102 'touchmove': touch_sort ? L.bind(this.handleTouchMove, this) : null,
6103 'touchend': touch_sort ? L.bind(this.handleTouchEnd, this) : null,
6104 'data-title': (sectionname
&& (!this.anonymous || this.sectiontitle)) ? sectionname : null,
6105 'data-section-id': cfgsections[i]
6108 if (this.extedit || this.rowcolors)
6109 trEl.classList.add(!(tableEl.childNodes.length %
2)
6110 ? 'cbi-rowstyle-
1' : 'cbi-rowstyle-
2');
6112 for (var j =
0; j
< max_cols
&& nodes[i].firstChild; j++)
6113 trEl.appendChild(nodes[i].firstChild);
6115 trEl.appendChild(this.renderRowActions(cfgsections[i], has_more ? _('More…') : null));
6116 tableEl.appendChild(trEl);
6119 if (nodes.length ==
0)
6120 tableEl.appendChild(E('tr', { 'class': 'tr cbi-section-table-row placeholder' },
6121 E('td', { 'class': 'td' }, this.renderSectionPlaceholder())));
6123 sectionEl.appendChild(tableEl);
6125 sectionEl.appendChild(this.renderSectionAdd('cbi-tblsection-create'));
6127 dom.bindClassInstance(sectionEl, this);
6133 renderHeaderRows: function(max_cols, has_action) {
6134 var has_titles = false,
6135 has_descriptions = false,
6136 max_cols = isNaN(this.max_cols) ? this.children.length : this.max_cols,
6137 has_more = max_cols
< this.children.length,
6138 anon_class = (!this.anonymous || this.sectiontitle) ? 'named' : 'anonymous',
6141 for (var i =
0, opt; i
< max_cols
&& (opt = this.children[i]) != null; i++) {
6145 has_titles = has_titles || !!opt.title;
6146 has_descriptions = has_descriptions || !!opt.description;
6150 var trEl = E('tr', {
6151 'class': 'tr cbi-section-table-titles ' + anon_class,
6152 'data-title': (!this.anonymous || this.sectiontitle) ? _('Name') : null,
6153 'click': this.sortable ? ui.createHandlerFn(this, 'handleSort') : null
6156 for (var i =
0, opt; i
< max_cols
&& (opt = this.children[i]) != null; i++) {
6160 trEl.appendChild(E('th', {
6161 'class': 'th cbi-section-table-cell',
6162 'data-widget': opt.__name__,
6163 'data-sortable-row': this.sortable ? '' : null
6166 if (opt.width != null)
6167 trEl.lastElementChild.style.width =
6168 (typeof(opt.width) == 'number') ? opt.width+'px' : opt.width;
6171 trEl.lastElementChild.appendChild(E('a', {
6172 'href': opt.titleref,
6173 'class': 'cbi-title-ref',
6174 'title': this.titledesc || _('Go to relevant configuration page')
6177 dom.content(trEl.lastElementChild, opt.title);
6180 if (this.sortable || this.extedit || this.addremove || has_more || has_action)
6181 trEl.appendChild(E('th', {
6182 'class': 'th cbi-section-table-cell cbi-section-actions'
6185 trEls.appendChild(trEl);
6188 if (has_descriptions
&& !this.nodescriptions) {
6189 var trEl = E('tr', {
6190 'class': 'tr cbi-section-table-descr ' + anon_class
6193 for (var i =
0, opt; i
< max_cols
&& (opt = this.children[i]) != null; i++) {
6197 trEl.appendChild(E('th', {
6198 'class': 'th cbi-section-table-cell',
6199 'data-widget': opt.__name__
6200 }, opt.description));
6202 if (opt.width != null)
6203 trEl.lastElementChild.style.width =
6204 (typeof(opt.width) == 'number') ? opt.width+'px' : opt.width;
6207 if (this.sortable || this.extedit || this.addremove || has_more || has_action)
6208 trEl.appendChild(E('th', {
6209 'class': 'th cbi-section-table-cell cbi-section-actions'
6212 trEls.appendChild(trEl);
6219 renderRowActions: function(section_id, more_label) {
6220 var config_name = this.uciconfig || this.map.config;
6222 if (!this.sortable
&& !this.extedit
&& !this.addremove
&& !more_label)
6225 var tdEl = E('td', {
6226 'class': 'td cbi-section-table-cell nowrap cbi-section-actions'
6229 if (this.sortable) {
6230 dom.append(tdEl.lastElementChild, [
6232 'title': _('Drag to reorder'),
6233 'class': 'cbi-button drag-handle center',
6234 'style': 'cursor:move',
6235 'disabled': this.map.readonly || null
6243 if (typeof(this.extedit) == 'function')
6244 evFn = L.bind(this.extedit, this);
6245 else if (typeof(this.extedit) == 'string')
6246 evFn = L.bind(function(sid, ev) {
6247 location.href = this.extedit.format(sid);
6248 }, this, section_id);
6250 dom.append(tdEl.lastElementChild,
6253 'class': 'cbi-button cbi-button-edit',
6260 dom.append(tdEl.lastElementChild,
6262 'title': more_label,
6263 'class': 'cbi-button cbi-button-edit',
6264 'click': ui.createHandlerFn(this, 'renderMoreOptionsModal', section_id)
6269 if (this.addremove) {
6270 var btn_title = this.titleFn('removebtntitle', section_id);
6272 dom.append(tdEl.lastElementChild,
6274 'title': btn_title || _('Delete'),
6275 'class': 'cbi-button cbi-button-remove',
6276 'click': ui.createHandlerFn(this, 'handleRemove', section_id),
6277 'disabled': this.map.readonly || null
6278 }, [ btn_title || _('Delete') ])
6286 handleDragInit: function(ev) {
6287 scope.dragState = { node: ev.target };
6291 handleDragStart: function(ev) {
6292 if (!scope.dragState || !scope.dragState.node.classList.contains('drag-handle')) {
6293 scope.dragState = null;
6294 ev.preventDefault();
6298 scope.dragState.node = dom.parent(scope.dragState.node, '.tr');
6299 ev.dataTransfer.setData('text', 'drag');
6300 ev.target.style.opacity =
0.4;
6304 handleDragOver: function(ev) {
6305 var n = scope.dragState.targetNode,
6306 r = scope.dragState.rect,
6307 t = r.top + r.height /
2;
6309 if (ev.clientY
<= t) {
6310 n.classList.remove('drag-over-below');
6311 n.classList.add('drag-over-above');
6314 n.classList.remove('drag-over-above');
6315 n.classList.add('drag-over-below');
6318 ev.dataTransfer.dropEffect = 'move';
6319 ev.preventDefault();
6324 handleDragEnter: function(ev) {
6325 scope.dragState.rect = ev.currentTarget.getBoundingClientRect();
6326 scope.dragState.targetNode = ev.currentTarget;
6330 handleDragLeave: function(ev) {
6331 ev.currentTarget.classList.remove('drag-over-above');
6332 ev.currentTarget.classList.remove('drag-over-below');
6336 handleDragEnd: function(ev) {
6339 n.style.opacity = '';
6340 n.classList.add('flash');
6341 n.parentNode.querySelectorAll('.drag-over-above, .drag-over-below')
6342 .forEach(function(tr) {
6343 tr.classList.remove('drag-over-above');
6344 tr.classList.remove('drag-over-below');
6349 handleDrop: function(ev) {
6350 var s = scope.dragState;
6352 if (s.node
&& s.targetNode) {
6353 var config_name = this.uciconfig || this.map.config,
6354 ref_node = s.targetNode,
6357 if (ref_node.classList.contains('drag-over-below')) {
6358 ref_node = ref_node.nextElementSibling;
6362 var sid1 = s.node.getAttribute('data-sid'),
6363 sid2 = s.targetNode.getAttribute('data-sid');
6365 s.node.parentNode.insertBefore(s.node, ref_node);
6366 this.map.data.move(config_name, sid1, sid2, after);
6369 scope.dragState = null;
6370 ev.target.style.opacity = '';
6371 ev.stopPropagation();
6372 ev.preventDefault();
6377 determineBackgroundColor: function(node) {
6378 var r =
255, g =
255, b =
255;
6381 var s = window.getComputedStyle(node),
6382 c = (s.getPropertyValue('background-color') || '').replace(/ /g, '');
6384 if (c != ''
&& c != 'transparent'
&& c != 'rgba(
0,
0,
0,
0)') {
6385 if (/^#([a-f0-
9]{
2})([a-f0-
9]{
2})([a-f0-
9]{
2})$/i.test(c)) {
6386 r = parseInt(RegExp.$
1,
16);
6387 g = parseInt(RegExp.$
2,
16);
6388 b = parseInt(RegExp.$
3,
16);
6390 else if (/^rgba?\(([
0-
9]+),([
0-
9]+),([
0-
9]+)[,)]$/.test(c)) {
6399 node = node.parentNode;
6406 handleTouchMove: function(ev) {
6407 if (!ev.target.classList.contains('drag-handle'))
6410 var touchLoc = ev.targetTouches[
0],
6412 rowElem = dom.parent(rowBtn, '.tr'),
6413 htmlElem = document.querySelector('html'),
6414 dragHandle = document.querySelector('.touchsort-element'),
6415 viewportHeight = Math.max(document.documentElement.clientHeight, window.innerHeight ||
0);
6418 var rowRect = rowElem.getBoundingClientRect(),
6419 btnRect = rowBtn.getBoundingClientRect(),
6420 paddingLeft = btnRect.left - rowRect.left,
6421 paddingRight = rowRect.right - btnRect.right,
6422 colorBg = this.determineBackgroundColor(rowElem),
6423 colorFg = (colorBg[
0] *
0.299 + colorBg[
1] *
0.587 + colorBg[
2] *
0.114)
> 186 ? [
0,
0,
0 ] : [
255,
255,
255 ];
6425 dragHandle = E('div', { 'class': 'touchsort-element' }, [
6426 E('strong', [ rowElem.getAttribute('data-title') ]),
6427 rowBtn.cloneNode(true)
6430 Object.assign(dragHandle.style, {
6431 position: 'absolute',
6432 boxShadow: '
0 0 3px rgba(%d, %d, %d,
1)'.format(colorFg[
0], colorFg[
1], colorFg[
2]),
6433 background: 'rgba(%d, %d, %d,
0.8)'.format(colorBg[
0], colorBg[
1], colorBg[
2]),
6434 top: rowRect.top + 'px',
6435 left: rowRect.left + 'px',
6436 width: rowRect.width + 'px',
6437 height: (rowBtn.offsetHeight +
4) + 'px'
6440 Object.assign(dragHandle.firstElementChild.style, {
6441 position: 'absolute',
6442 lineHeight: dragHandle.style.height,
6443 whiteSpace: 'nowrap',
6445 textOverflow: 'ellipsis',
6446 left: (paddingRight
> paddingLeft) ? '' : '
5px',
6447 right: (paddingRight
> paddingLeft) ? '
5px' : '',
6448 width: (Math.max(paddingLeft, paddingRight) -
10) + 'px'
6451 Object.assign(dragHandle.lastElementChild.style, {
6452 position: 'absolute',
6454 left: paddingLeft + 'px',
6455 width: rowBtn.offsetWidth + 'px'
6458 document.body.appendChild(dragHandle);
6460 rowElem.classList.remove('flash');
6464 dragHandle.style.top = (touchLoc.pageY - (parseInt(dragHandle.style.height) /
2)) + 'px';
6466 rowElem.parentNode.querySelectorAll('[draggable]').forEach(function(tr, i, trs) {
6467 var trRect = tr.getBoundingClientRect(),
6468 yTop = trRect.top + window.scrollY,
6469 yBottom = trRect.bottom + window.scrollY,
6470 yMiddle = yTop + ((yBottom - yTop) /
2);
6472 tr.classList.remove('drag-over-above', 'drag-over-below');
6474 if ((i ==
0 || touchLoc.pageY
>= yTop)
&& touchLoc.pageY
<= yMiddle)
6475 tr.classList.add('drag-over-above');
6476 else if ((i == (trs.length -
1) || touchLoc.pageY
<= yBottom)
&& touchLoc.pageY
> yMiddle)
6477 tr.classList.add('drag-over-below');
6480 /* prevent standard scrolling and scroll page when drag handle is
6481 * moved very close (~
30px) to the viewport edge */
6483 ev.preventDefault();
6485 if (touchLoc.clientY
< 30)
6486 window.requestAnimationFrame(function() { htmlElem.scrollTop -=
30 });
6487 else if (touchLoc.clientY
> viewportHeight -
30)
6488 window.requestAnimationFrame(function() { htmlElem.scrollTop +=
30 });
6492 handleTouchEnd: function(ev) {
6493 var rowElem = dom.parent(ev.target, '.tr'),
6494 htmlElem = document.querySelector('html'),
6495 dragHandle = document.querySelector('.touchsort-element'),
6496 targetElem = rowElem.parentNode.querySelector('.drag-over-above, .drag-over-below'),
6497 viewportHeight = Math.max(document.documentElement.clientHeight, window.innerHeight ||
0);
6503 var isBelow = targetElem.classList.contains('drag-over-below');
6505 rowElem.parentNode.insertBefore(rowElem, isBelow ? targetElem.nextElementSibling : targetElem);
6508 this.uciconfig || this.map.config,
6509 rowElem.getAttribute('data-sid'),
6510 targetElem.getAttribute('data-sid'),
6513 window.requestAnimationFrame(function() {
6514 var rowRect = rowElem.getBoundingClientRect();
6516 if (rowRect.top
< 50)
6517 htmlElem.scrollTop = (htmlElem.scrollTop + rowRect.top -
50);
6518 else if (rowRect.bottom
> viewportHeight -
50)
6519 htmlElem.scrollTop = (htmlElem.scrollTop + viewportHeight -
50 - rowRect.height);
6521 rowElem.classList.add('flash');
6524 targetElem.classList.remove('drag-over-above', 'drag-over-below');
6527 document.body.removeChild(dragHandle);
6531 handleModalCancel: function(modalMap, ev) {
6532 var prevNode = this.getPreviousModalMap(),
6533 resetTasks = Promise.resolve();
6536 var heading = prevNode.parentNode.querySelector('h4'),
6537 prevMap = dom.findClassInstance(prevNode);
6540 resetTasks = resetTasks
6541 .then(L.bind(prevMap.load, prevMap))
6542 .then(L.bind(prevMap.reset, prevMap));
6544 prevMap = prevMap.parent;
6547 prevNode.classList.add('flash');
6548 prevNode.classList.remove('hidden');
6549 prevNode.parentNode.removeChild(prevNode.nextElementSibling);
6551 heading.removeChild(heading.lastElementChild);
6553 if (!this.getPreviousModalMap())
6555 .querySelector('div.right
> button')
6556 .firstChild.data = _('Dismiss');
6566 handleModalSave: function(modalMap, ev) {
6567 var mapNode = this.getActiveModalMap(),
6568 activeMap = dom.findClassInstance(mapNode),
6569 saveTasks = activeMap.save(null, true);
6571 while (activeMap.parent) {
6572 activeMap = activeMap.parent;
6573 saveTasks = saveTasks
6574 .then(L.bind(activeMap.load, activeMap))
6575 .then(L.bind(activeMap.reset, activeMap));
6579 .then(L.bind(this.handleModalCancel, this, modalMap, ev, true))
6580 .catch(function() {});
6584 handleSort: function(ev) {
6585 if (!ev.target.matches('th[data-sortable-row]'))
6589 descending = (th.getAttribute('data-sort-direction') == 'desc'),
6590 config_name = this.uciconfig || this.map.config,
6594 ev.currentTarget.querySelectorAll('th').forEach(function(other_th, i) {
6595 if (other_th !== th)
6596 other_th.removeAttribute('data-sort-direction');
6601 ev.currentTarget.parentNode.querySelectorAll('tr.cbi-section-table-row').forEach(L.bind(function(tr, i) {
6602 var sid = tr.getAttribute('data-sid'),
6603 opt = tr.childNodes[index].getAttribute('data-name'),
6604 val = this.cfgvalue(sid, opt);
6606 tr.querySelectorAll('.flash').forEach(function(n) {
6607 n.classList.remove('flash')
6611 ui.Table.prototype.deriveSortKey((val != null) ? val.trim() : ''),
6616 list.sort(function(a, b) {
6618 ? -L.naturalCompare(a[
0], b[
0])
6619 : L.naturalCompare(a[
0], b[
0]);
6622 window.requestAnimationFrame(L.bind(function() {
6623 var ref_sid, cur_sid;
6625 for (var i =
0; i
< list.length; i++) {
6626 list[i][
1].childNodes[index].classList.add('flash');
6627 th.parentNode.parentNode.appendChild(list[i][
1]);
6629 cur_sid = list[i][
1].getAttribute('data-sid');
6632 this.map.data.move(config_name, cur_sid, ref_sid, true);
6637 th.setAttribute('data-sort-direction', descending ? 'asc' : 'desc');
6642 * Add further options to the per-section instanced modal popup.
6644 * This function may be overwritten by user code to perform additional
6645 * setup steps before displaying the more options modal which is useful to
6646 * e.g. query additional data or to inject further option elements.
6648 * The default implementation of this function does nothing.
6651 * @param {LuCI.form.NamedSection} modalSection
6652 * The `NamedSection` instance about to be rendered in the modal popup.
6654 * @param {string} section_id
6655 * The ID of the underlying UCI section the modal popup belongs to.
6658 * The DOM event emitted by clicking the `More…` button.
6660 * @returns {*|Promise
<*
>}
6661 * Return values of this function are ignored but if a promise is returned,
6662 * it is run to completion before the rendering is continued, allowing
6663 * custom logic to perform asynchronous work before the modal dialog
6666 addModalOptions: function(modalSection, section_id, ev) {
6671 getActiveModalMap: function() {
6672 return document.querySelector('body.modal-overlay-active
> #modal_overlay
> .modal.cbi-modal
> .cbi-map:not(.hidden)');
6676 getPreviousModalMap: function() {
6677 var mapNode = this.getActiveModalMap(),
6678 prevNode = mapNode ? mapNode.previousElementSibling : null;
6680 return (prevNode
&& prevNode.matches('.cbi-map.hidden')) ? prevNode : null;
6684 cloneOptions: function(src_section, dest_section) {
6685 for (var i =
0; i
< src_section.children.length; i++) {
6686 var o1 = src_section.children[i];
6688 if (o1.modalonly === false
&& src_section === this)
6693 if (o1.subsection) {
6694 o2 = dest_section.option(o1.constructor, o1.option, o1.subsection.constructor, o1.subsection.sectiontype, o1.subsection.title, o1.subsection.description);
6696 for (var k in o1.subsection) {
6697 if (!o1.subsection.hasOwnProperty(k))
6703 case 'parentoption':
6707 o2.subsection[k] = o1.subsection[k];
6711 this.cloneOptions(o1.subsection, o2.subsection);
6714 o2 = dest_section.option(o1.constructor, o1.option, o1.title, o1.description);
6718 if (!o1.hasOwnProperty(k))
6738 renderMoreOptionsModal: function(section_id, ev) {
6739 var parent = this.map,
6740 sref = parent.data.get(parent.config, section_id),
6741 mapNode = this.getActiveModalMap(),
6742 activeMap = mapNode ? dom.findClassInstance(mapNode) : null,
6743 stackedMap = activeMap
&& (activeMap.parent !== parent || activeMap.section !== section_id);
6745 return (stackedMap ? activeMap.save(null, true) : Promise.resolve()).then(L.bind(function() {
6746 section_id = sref['.name'];
6750 if (parent instanceof CBIJSONMap) {
6751 m = new CBIJSONMap(null, null, null);
6752 m.data = parent.data;
6755 m = new CBIMap(parent.config, null, null);
6758 var s = m.section(CBINamedSection, section_id, this.sectiontype);
6761 m.section = section_id;
6762 m.readonly = parent.readonly;
6765 s.tab_names = this.tab_names;
6767 this.cloneOptions(this, s);
6769 return Promise.resolve(this.addModalOptions(s, section_id, ev)).then(function() {
6771 }).then(L.bind(function(nodes) {
6772 var title = parent.title,
6775 if ((name = this.titleFn('modaltitle', section_id)) != null)
6777 else if ((name = this.titleFn('sectiontitle', section_id)) != null)
6778 title = '%s - %s'.format(parent.title, name);
6779 else if (!this.anonymous)
6780 title = '%s - %s'.format(parent.title, section_id);
6784 .querySelector('h4')
6785 .appendChild(E('span', title ? ' » ' + title : ''));
6788 .querySelector('div.right
> button')
6789 .firstChild.data = _('Back');
6791 mapNode.classList.add('hidden');
6792 mapNode.parentNode.insertBefore(nodes, mapNode.nextElementSibling);
6794 nodes.classList.add('flash');
6797 ui.showModal(title, [
6799 E('div', { 'class': 'right' }, [
6801 'class': 'cbi-button',
6802 'click': ui.createHandlerFn(this, 'handleModalCancel', m)
6803 }, [ _('Dismiss') ]), ' ',
6805 'class': 'cbi-button cbi-button-positive important',
6806 'click': ui.createHandlerFn(this, 'handleModalSave', m),
6807 'disabled': m.readonly || null
6813 }, this)).catch(L.error);
6818 * @class GridSection
6819 * @memberof LuCI.form
6820 * @augments LuCI.form.TableSection
6824 * The `GridSection` class maps all or - if `filter()` is overwritten - a
6825 * subset of the underlying UCI configuration sections of a given type.
6827 * A grid section functions similar to a {@link LuCI.form.TableSection} but
6828 * supports tabbing in the modal overlay. Option elements added with
6829 * [option()]{@link LuCI.form.GridSection#option} are shown in the table while
6830 * elements added with [taboption()]{@link LuCI.form.GridSection#taboption}
6831 * are displayed in the modal popup.
6833 * Another important difference is that the table cells show a readonly text
6834 * preview of the corresponding option elements by default, unless the child
6835 * option element is explicitly made writable by setting the `editable`
6836 * property to `true`.
6838 * Additionally, the grid section honours a `modalonly` property of child
6839 * option elements. Refer to the [AbstractValue]{@link LuCI.form.AbstractValue}
6840 * documentation for details.
6842 * Layout wise, a grid section looks mostly identical to table sections.
6844 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
6845 * The configuration form this section is added to. It is automatically passed
6846 * by [section()]{@link LuCI.form.Map#section}.
6848 * @param {string} section_type
6849 * The type of the UCI section to map.
6851 * @param {string} [title]
6852 * The title caption of the form section element.
6854 * @param {string} [description]
6855 * The description text of the form section element.
6857 var CBIGridSection = CBITableSection.extend(/** @lends LuCI.form.GridSection.prototype */ {
6859 * Add an option tab to the section.
6861 * The modal option elements of a grid section may be divided into multiple
6862 * tabs to provide a better overview to the user.
6864 * Before options can be moved into a tab pane, the corresponding tab
6865 * has to be defined first, which is done by calling this function.
6867 * Note that tabs are only effective in modal popups, options added with
6868 * `option()` will not be assigned to a specific tab and are rendered in
6869 * the table view only.
6871 * @param {string} name
6872 * The name of the tab to register. It may be freely chosen and just serves
6873 * as an identifier to differentiate tabs.
6875 * @param {string} title
6876 * The human readable caption of the tab.
6878 * @param {string} [description]
6879 * An additional description text for the corresponding tab pane. It is
6880 * displayed as text paragraph below the tab but before the tab pane
6881 * contents. If omitted, no description will be rendered.
6884 * Throws an exception if a tab with the same `name` already exists.
6886 tab: function(name, title, description) {
6887 CBIAbstractSection.prototype.tab.call(this, name, title, description);
6891 handleAdd: function(ev, name) {
6892 var config_name = this.uciconfig || this.map.config,
6893 section_id = this.map.data.add(config_name, this.sectiontype, name),
6894 mapNode = this.getPreviousModalMap(),
6895 prevMap = mapNode ? dom.findClassInstance(mapNode) : this.map;
6897 prevMap.addedSection = section_id;
6899 return this.renderMoreOptionsModal(section_id);
6903 handleModalSave: function(/* ... */) {
6904 var mapNode = this.getPreviousModalMap(),
6905 prevMap = mapNode ? dom.findClassInstance(mapNode) : this.map;
6907 return this.super('handleModalSave', arguments);
6911 handleModalCancel: function(modalMap, ev, isSaving) {
6912 var config_name = this.uciconfig || this.map.config,
6913 mapNode = this.getPreviousModalMap(),
6914 prevMap = mapNode ? dom.findClassInstance(mapNode) : this.map;
6916 if (prevMap.addedSection != null
&& !isSaving)
6917 this.map.data.remove(config_name, prevMap.addedSection);
6919 delete prevMap.addedSection;
6921 return this.super('handleModalCancel', arguments);
6925 renderUCISection: function(section_id) {
6926 return this.renderOptions(null, section_id);
6930 renderChildren: function(tab_name, section_id, in_table) {
6931 var tasks = [], index =
0;
6933 for (var i =
0, opt; (opt = this.children[i]) != null; i++) {
6934 if (opt.disable || opt.modalonly)
6938 tasks.push(opt.render(index++, section_id, in_table));
6940 tasks.push(this.renderTextValue(section_id, opt));
6943 return Promise.all(tasks);
6947 renderTextValue: function(section_id, opt) {
6948 var title = this.stripTags(opt.title).trim(),
6949 descr = this.stripTags(opt.description).trim(),
6950 value = opt.textvalue(section_id);
6953 'class': 'td cbi-value-field',
6954 'data-title': (title != '') ? title : null,
6955 'data-description': (descr != '') ? descr : null,
6956 'data-name': opt.option,
6957 'data-widget': 'CBI.DummyValue'
6958 }, (value != null) ? value : E('em', _('none')));
6962 renderHeaderRows: function(section_id) {
6963 return this.super('renderHeaderRows', [ NaN, true ]);
6967 renderRowActions: function(section_id) {
6968 return this.super('renderRowActions', [ section_id, _('Edit') ]);
6973 var section_ids = this.cfgsections(),
6976 if (Array.isArray(this.children)) {
6977 for (var i =
0; i
< section_ids.length; i++) {
6978 for (var j =
0; j
< this.children.length; j++) {
6979 if (!this.children[j].editable || this.children[j].modalonly)
6982 tasks.push(this.children[j].parse(section_ids[i]));
6987 return Promise.all(tasks);
6992 * @class NamedSection
6993 * @memberof LuCI.form
6994 * @augments LuCI.form.AbstractSection
6998 * The `NamedSection` class maps exactly one UCI section instance which is
6999 * specified when constructing the class instance.
7001 * Layout and functionality wise, a named section is essentially a
7002 * `TypedSection` which allows exactly one section node.
7004 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7005 * The configuration form this section is added to. It is automatically passed
7006 * by [section()]{@link LuCI.form.Map#section}.
7008 * @param {string} section_id
7009 * The name (ID) of the UCI section to map.
7011 * @param {string} section_type
7012 * The type of the UCI section to map.
7014 * @param {string} [title]
7015 * The title caption of the form section element.
7017 * @param {string} [description]
7018 * The description text of the form section element.
7020 var CBINamedSection = CBIAbstractSection.extend(/** @lends LuCI.form.NamedSection.prototype */ {
7021 __name__: 'CBI.NamedSection',
7022 __init__: function(map, section_id /*, ... */) {
7023 this.super('__init__', this.varargs(arguments,
2, map));
7025 this.section = section_id;
7029 * If set to `true`, the user may remove or recreate the sole mapped
7030 * configuration instance from the form section widget, otherwise only a
7031 * preexisting section may be edited. The default is `false`.
7033 * @name LuCI.form.NamedSection.prototype#addremove
7039 * Override the UCI configuration name to read the section IDs from. By
7040 * default, the configuration name is inherited from the parent `Map`.
7041 * By setting this property, a deviating configuration may be specified.
7042 * The default is `null`, means inheriting from the parent form.
7044 * @name LuCI.form.NamedSection.prototype#uciconfig
7050 * The `NamedSection` class overwrites the generic `cfgsections()`
7051 * implementation to return a one-element array containing the mapped
7052 * section ID as sole element. User code should not normally change this.
7054 * @returns {string[]}
7055 * Returns a one-element array containing the mapped section ID.
7057 cfgsections: function() {
7058 return [ this.section ];
7062 handleAdd: function(ev) {
7063 var section_id = this.section,
7064 config_name = this.uciconfig || this.map.config;
7066 this.map.data.add(config_name, this.sectiontype, section_id);
7067 return this.map.save(null, true);
7071 handleRemove: function(ev) {
7072 var section_id = this.section,
7073 config_name = this.uciconfig || this.map.config;
7075 this.map.data.remove(config_name, section_id);
7076 return this.map.save(null, true);
7080 renderContents: function(data) {
7081 var ucidata = data[
0], nodes = data[
1],
7082 section_id = this.section,
7083 config_name = this.uciconfig || this.map.config,
7084 sectionEl = E('div', {
7085 'id': ucidata ? null : 'cbi-%s-%s'.format(config_name, section_id),
7086 'class': 'cbi-section',
7087 'data-tab': (this.map.tabbed
&& !this.parentoption) ? this.sectiontype : null,
7088 'data-tab-title': (this.map.tabbed
&& !this.parentoption) ? this.title || this.sectiontype : null
7091 if (typeof(this.title) === 'string'
&& this.title !== '')
7092 sectionEl.appendChild(E('h3', {}, this.title));
7094 if (typeof(this.description) === 'string'
&& this.description !== '')
7095 sectionEl.appendChild(E('div', { 'class': 'cbi-section-descr' }, this.description));
7098 if (this.addremove) {
7099 sectionEl.appendChild(
7100 E('div', { 'class': 'cbi-section-remove right' },
7102 'class': 'cbi-button',
7103 'click': ui.createHandlerFn(this, 'handleRemove'),
7104 'disabled': this.map.readonly || null
7105 }, [ _('Delete') ])));
7108 sectionEl.appendChild(E('div', {
7109 'id': 'cbi-%s-%s'.format(config_name, section_id),
7111 ? 'cbi-section-node cbi-section-node-tabbed' : 'cbi-section-node',
7112 'data-section-id': section_id
7115 else if (this.addremove) {
7116 sectionEl.appendChild(
7118 'class': 'cbi-button cbi-button-add',
7119 'click': ui.createHandlerFn(this, 'handleAdd'),
7120 'disabled': this.map.readonly || null
7124 dom.bindClassInstance(sectionEl, this);
7130 render: function() {
7131 var config_name = this.uciconfig || this.map.config,
7132 section_id = this.section;
7134 return Promise.all([
7135 this.map.data.get(config_name, section_id),
7136 this.renderUCISection(section_id)
7137 ]).then(this.renderContents.bind(this));
7143 * @memberof LuCI.form
7144 * @augments LuCI.form.AbstractValue
7148 * The `Value` class represents a simple one-line form input using the
7149 * {@link LuCI.ui.Textfield} or - in case choices are added - the
7150 * {@link LuCI.ui.Combobox} class as underlying widget.
7152 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7153 * The configuration form this section is added to. It is automatically passed
7154 * by [option()]{@link LuCI.form.AbstractSection#option} or
7155 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7156 * option to the section.
7158 * @param {LuCI.form.AbstractSection} section
7159 * The configuration section this option is added to. It is automatically passed
7160 * by [option()]{@link LuCI.form.AbstractSection#option} or
7161 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7162 * option to the section.
7164 * @param {string} option
7165 * The name of the UCI option to map.
7167 * @param {string} [title]
7168 * The title caption of the option element.
7170 * @param {string} [description]
7171 * The description text of the option element.
7173 var CBIValue = CBIAbstractValue.extend(/** @lends LuCI.form.Value.prototype */ {
7174 __name__: 'CBI.Value',
7177 * If set to `true`, the field is rendered as password input, otherwise
7178 * as plain text input.
7180 * @name LuCI.form.Value.prototype#password
7186 * Set a placeholder string to use when the input field is empty.
7188 * @name LuCI.form.Value.prototype#placeholder
7194 * Add a predefined choice to the form option. By adding one or more
7195 * choices, the plain text input field is turned into a combobox widget
7196 * which prompts the user to select a predefined choice, or to enter a
7199 * @param {string} key
7200 * The choice value to add.
7202 * @param {Node|string} val
7203 * The caption for the choice value. May be a DOM node, a document fragment
7204 * or a plain text string. If omitted, the `key` value is used as caption.
7206 value: function(key, val) {
7207 this.keylist = this.keylist || [];
7208 this.keylist.push(String(key));
7210 this.vallist = this.vallist || [];
7211 this.vallist.push(dom.elem(val) ? val : String(val != null ? val : key));
7215 render: function(option_index, section_id, in_table) {
7216 return Promise.resolve(this.cfgvalue(section_id))
7217 .then(this.renderWidget.bind(this, section_id, option_index))
7218 .then(this.renderFrame.bind(this, section_id, in_table, option_index));
7222 handleValueChange: function(section_id, state, ev) {
7223 if (typeof(this.onchange) != 'function')
7226 var value = this.formvalue(section_id);
7228 if (isEqual(value, state.previousValue))
7231 state.previousValue = value;
7232 this.onchange.call(this, ev, section_id, value);
7236 renderFrame: function(section_id, in_table, option_index, nodes) {
7237 var config_name = this.uciconfig || this.section.uciconfig || this.map.config,
7238 depend_list = this.transformDepList(section_id),
7242 var title = this.stripTags(this.title).trim();
7243 optionEl = E('td', {
7244 'class': 'td cbi-value-field',
7245 'data-title': (title != '') ? title : null,
7246 'data-description': this.stripTags(this.description).trim(),
7247 'data-name': this.option,
7248 'data-widget': this.typename || (this.template ? this.template.replace(/^.+\//, '') : null) || this.__name__
7250 'id': 'cbi-%s-%s-%s'.format(config_name, section_id, this.option),
7251 'data-index': option_index,
7252 'data-depends': depend_list,
7253 'data-field': this.cbid(section_id)
7257 optionEl = E('div', {
7258 'class': 'cbi-value',
7259 'id': 'cbi-%s-%s-%s'.format(config_name, section_id, this.option),
7260 'data-index': option_index,
7261 'data-depends': depend_list,
7262 'data-field': this.cbid(section_id),
7263 'data-name': this.option,
7264 'data-widget': this.typename || (this.template ? this.template.replace(/^.+\//, '') : null) || this.__name__
7267 if (this.last_child)
7268 optionEl.classList.add('cbi-value-last');
7270 if (typeof(this.title) === 'string'
&& this.title !== '') {
7271 optionEl.appendChild(E('label', {
7272 'class': 'cbi-value-title',
7273 'for': 'widget.cbid.%s.%s.%s'.format(config_name, section_id, this.option),
7274 'click': function(ev) {
7275 var node = ev.currentTarget,
7276 elem = node.nextElementSibling.querySelector('#' + node.getAttribute('for')) || node.nextElementSibling.querySelector('[
data-widget-id=
"' + node.getAttribute('for') + '"]');
7284 this.titleref ? E('a', {
7285 'class': 'cbi-title-ref',
7286 'href': this.titleref,
7287 'title': this.titledesc || _('Go to relevant configuration page')
7288 }, this.title) : this.title));
7290 optionEl.appendChild(E('div', { 'class': 'cbi-value-field' }));
7295 (optionEl.lastChild || optionEl).appendChild(nodes);
7297 if (!in_table
&& typeof(this.description) === 'string'
&& this.description !== '')
7298 dom.append(optionEl.lastChild || optionEl,
7299 E('div', { 'class': 'cbi-value-description' }, this.description.trim()));
7301 if (depend_list
&& depend_list.length)
7302 optionEl.classList.add('hidden');
7304 optionEl.addEventListener('widget-change',
7305 L.bind(this.map.checkDepends, this.map));
7307 optionEl.addEventListener('widget-change',
7308 L.bind(this.handleValueChange, this, section_id, {}));
7310 dom.bindClassInstance(optionEl, this);
7316 renderWidget: function(section_id, option_index, cfgvalue) {
7317 var value = (cfgvalue != null) ? cfgvalue : this.default,
7318 choices = this.transformChoices(),
7322 var placeholder = (this.optional || this.rmempty)
7323 ? E('em', _('unspecified')) : _('-- Please choose --');
7325 widget = new ui.Combobox(Array.isArray(value) ? value.join(' ') : value, choices, {
7326 id: this.cbid(section_id),
7328 optional: this.optional || this.rmempty,
7329 datatype: this.datatype,
7330 select_placeholder: this.placeholder || placeholder,
7331 validate: L.bind(this.validate, this, section_id),
7332 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
7336 widget = new ui.Textfield(Array.isArray(value) ? value.join(' ') : value, {
7337 id: this.cbid(section_id),
7338 password: this.password,
7339 optional: this.optional || this.rmempty,
7340 datatype: this.datatype,
7341 placeholder: this.placeholder,
7342 validate: L.bind(this.validate, this, section_id),
7343 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
7347 return widget.render();
7352 * @class DynamicList
7353 * @memberof LuCI.form
7354 * @augments LuCI.form.Value
7358 * The `DynamicList` class represents a multi value widget allowing the user
7359 * to enter multiple unique values, optionally selected from a set of
7360 * predefined choices. It builds upon the {@link LuCI.ui.DynamicList} widget.
7362 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7363 * The configuration form this section is added to. It is automatically passed
7364 * by [option()]{@link LuCI.form.AbstractSection#option} or
7365 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7366 * option to the section.
7368 * @param {LuCI.form.AbstractSection} section
7369 * The configuration section this option is added to. It is automatically passed
7370 * by [option()]{@link LuCI.form.AbstractSection#option} or
7371 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7372 * option to the section.
7374 * @param {string} option
7375 * The name of the UCI option to map.
7377 * @param {string} [title]
7378 * The title caption of the option element.
7380 * @param {string} [description]
7381 * The description text of the option element.
7383 var CBIDynamicList = CBIValue.extend(/** @lends LuCI.form.DynamicList.prototype */ {
7384 __name__: 'CBI.DynamicList',
7387 renderWidget: function(section_id, option_index, cfgvalue) {
7388 var value = (cfgvalue != null) ? cfgvalue : this.default,
7389 choices = this.transformChoices(),
7390 items = L.toArray(value);
7392 var widget = new ui.DynamicList(items, choices, {
7393 id: this.cbid(section_id),
7395 optional: this.optional || this.rmempty,
7396 datatype: this.datatype,
7397 placeholder: this.placeholder,
7398 validate: L.bind(this.validate, this, section_id),
7399 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
7402 return widget.render();
7408 * @memberof LuCI.form
7409 * @augments LuCI.form.Value
7413 * The `ListValue` class implements a simple static HTML select element
7414 * allowing the user chose a single value from a set of predefined choices.
7415 * It builds upon the {@link LuCI.ui.Select} widget.
7417 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7418 * The configuration form this section is added to. It is automatically passed
7419 * by [option()]{@link LuCI.form.AbstractSection#option} or
7420 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7421 * option to the section.
7423 * @param {LuCI.form.AbstractSection} section
7424 * The configuration section this option is added to. It is automatically passed
7425 * by [option()]{@link LuCI.form.AbstractSection#option} or
7426 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7427 * option to the section.
7429 * @param {string} option
7430 * The name of the UCI option to map.
7432 * @param {string} [title]
7433 * The title caption of the option element.
7435 * @param {string} [description]
7436 * The description text of the option element.
7438 var CBIListValue = CBIValue.extend(/** @lends LuCI.form.ListValue.prototype */ {
7439 __name__: 'CBI.ListValue',
7441 __init__: function() {
7442 this.super('__init__', arguments);
7443 this.widget = 'select';
7444 this.orientation = 'horizontal';
7449 * Set the size attribute of the underlying HTML select element.
7451 * @name LuCI.form.ListValue.prototype#size
7457 * Set the type of the underlying form controls.
7459 * May be one of `select` or `radio`. If set to `select`, an HTML
7460 * select element is rendered, otherwise a collection of `radio`
7463 * @name LuCI.form.ListValue.prototype#widget
7469 * Set the orientation of the underlying radio or checkbox elements.
7471 * May be one of `horizontal` or `vertical`. Only applies to non-select
7474 * @name LuCI.form.ListValue.prototype#orientation
7476 * @default horizontal
7480 renderWidget: function(section_id, option_index, cfgvalue) {
7481 var choices = this.transformChoices();
7482 var widget = new ui.Select((cfgvalue != null) ? cfgvalue : this.default, choices, {
7483 id: this.cbid(section_id),
7486 widget: this.widget,
7487 optional: this.optional,
7488 orientation: this.orientation,
7489 placeholder: this.placeholder,
7490 validate: L.bind(this.validate, this, section_id),
7491 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
7494 return widget.render();
7500 * @memberof LuCI.form
7501 * @augments LuCI.form.Value
7505 * The `FlagValue` element builds upon the {@link LuCI.ui.Checkbox} widget to
7506 * implement a simple checkbox element.
7508 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7509 * The configuration form this section is added to. It is automatically passed
7510 * by [option()]{@link LuCI.form.AbstractSection#option} or
7511 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7512 * option to the section.
7514 * @param {LuCI.form.AbstractSection} section
7515 * The configuration section this option is added to. It is automatically passed
7516 * by [option()]{@link LuCI.form.AbstractSection#option} or
7517 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7518 * option to the section.
7520 * @param {string} option
7521 * The name of the UCI option to map.
7523 * @param {string} [title]
7524 * The title caption of the option element.
7526 * @param {string} [description]
7527 * The description text of the option element.
7529 var CBIFlagValue = CBIValue.extend(/** @lends LuCI.form.FlagValue.prototype */ {
7530 __name__: 'CBI.FlagValue',
7532 __init__: function() {
7533 this.super('__init__', arguments);
7536 this.disabled = '
0';
7537 this.default = this.disabled;
7541 * Sets the input value to use for the checkbox checked state.
7543 * @name LuCI.form.FlagValue.prototype#enabled
7549 * Sets the input value to use for the checkbox unchecked state.
7551 * @name LuCI.form.FlagValue.prototype#disabled
7557 * Set a tooltip for the flag option.
7559 * If set to a string, it will be used as-is as a tooltip.
7561 * If set to a function, the function will be invoked and the return
7562 * value will be shown as a tooltip. If the return value of the function
7563 * is `null` no tooltip will be set.
7565 * @name LuCI.form.TypedSection.prototype#tooltip
7566 * @type string|function
7571 * Set a tooltip icon.
7573 * If set, this icon will be shown for the default one.
7574 * This could also be a png icon from the resources directory.
7576 * @name LuCI.form.TypedSection.prototype#tooltipicon
7582 renderWidget: function(section_id, option_index, cfgvalue) {
7585 if (typeof(this.tooltip) == 'function')
7586 tooltip = this.tooltip.apply(this, [section_id]);
7587 else if (typeof(this.tooltip) == 'string')
7588 tooltip = (arguments.length
> 1) ? ''.format.apply(this.tooltip, this.varargs(arguments,
1)) : this.tooltip;
7590 var widget = new ui.Checkbox((cfgvalue != null) ? cfgvalue : this.default, {
7591 id: this.cbid(section_id),
7592 value_enabled: this.enabled,
7593 value_disabled: this.disabled,
7594 validate: L.bind(this.validate, this, section_id),
7596 tooltipicon: this.tooltipicon,
7597 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
7600 return widget.render();
7604 * Query the checked state of the underlying checkbox widget and return
7605 * either the `enabled` or the `disabled` property value, depending on
7606 * the checked state.
7610 formvalue: function(section_id) {
7611 var elem = this.getUIElement(section_id),
7612 checked = elem ? elem.isChecked() : false;
7613 return checked ? this.enabled : this.disabled;
7617 * Query the checked state of the underlying checkbox widget and return
7618 * either a localized `Yes` or `No` string, depending on the checked state.
7622 textvalue: function(section_id) {
7623 var cval = this.cfgvalue(section_id);
7626 cval = this.default;
7628 return (cval == this.enabled) ? _('Yes') : _('No');
7632 parse: function(section_id) {
7633 if (this.isActive(section_id)) {
7634 var fval = this.formvalue(section_id);
7636 if (!this.isValid(section_id)) {
7637 var title = this.stripTags(this.title).trim();
7638 var error = this.getValidationError(section_id);
7639 return Promise.reject(new TypeError(
7640 _('Option
"%s" contains an invalid input value.').format(title || this.option) + ' ' + error));
7643 if (fval == this.default
&& (this.optional || this.rmempty))
7644 return Promise.resolve(this.remove(section_id));
7646 return Promise.resolve(this.write(section_id, fval));
7648 else if (!this.retain) {
7649 return Promise.resolve(this.remove(section_id));
7656 * @memberof LuCI.form
7657 * @augments LuCI.form.DynamicList
7661 * The `MultiValue` class is a modified variant of the `DynamicList` element
7662 * which leverages the {@link LuCI.ui.Dropdown} widget to implement a multi
7663 * select dropdown element.
7665 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7666 * The configuration form this section is added to. It is automatically passed
7667 * by [option()]{@link LuCI.form.AbstractSection#option} or
7668 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7669 * option to the section.
7671 * @param {LuCI.form.AbstractSection} section
7672 * The configuration section this option is added to. It is automatically passed
7673 * by [option()]{@link LuCI.form.AbstractSection#option} or
7674 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7675 * option to the section.
7677 * @param {string} option
7678 * The name of the UCI option to map.
7680 * @param {string} [title]
7681 * The title caption of the option element.
7683 * @param {string} [description]
7684 * The description text of the option element.
7686 var CBIMultiValue = CBIDynamicList.extend(/** @lends LuCI.form.MultiValue.prototype */ {
7687 __name__: 'CBI.MultiValue',
7689 __init__: function() {
7690 this.super('__init__', arguments);
7691 this.placeholder = _('-- Please choose --');
7695 * Allows to specify the [display_items]{@link LuCI.ui.Dropdown.InitOptions}
7696 * property of the underlying dropdown widget. If omitted, the value of
7697 * the `size` property is used or `
3` when `size` is unspecified as well.
7699 * @name LuCI.form.MultiValue.prototype#display_size
7705 * Allows to specify the [dropdown_items]{@link LuCI.ui.Dropdown.InitOptions}
7706 * property of the underlying dropdown widget. If omitted, the value of
7707 * the `size` property is used or `-
1` when `size` is unspecified as well.
7709 * @name LuCI.form.MultiValue.prototype#dropdown_size
7715 renderWidget: function(section_id, option_index, cfgvalue) {
7716 var value = (cfgvalue != null) ? cfgvalue : this.default,
7717 choices = this.transformChoices();
7719 var widget = new ui.Dropdown(L.toArray(value), choices, {
7720 id: this.cbid(section_id),
7723 optional: this.optional || this.rmempty,
7724 select_placeholder: this.placeholder,
7725 display_items: this.display_size || this.size ||
3,
7726 dropdown_items: this.dropdown_size || this.size || -
1,
7727 validate: L.bind(this.validate, this, section_id),
7728 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
7731 return widget.render();
7737 * @memberof LuCI.form
7738 * @augments LuCI.form.Value
7742 * The `TextValue` class implements a multi-line textarea input using
7743 * {@link LuCI.ui.Textarea}.
7745 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7746 * The configuration form this section is added to. It is automatically passed
7747 * by [option()]{@link LuCI.form.AbstractSection#option} or
7748 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7749 * option to the section.
7751 * @param {LuCI.form.AbstractSection} section
7752 * The configuration section this option is added to. It is automatically passed
7753 * by [option()]{@link LuCI.form.AbstractSection#option} or
7754 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7755 * option to the section.
7757 * @param {string} option
7758 * The name of the UCI option to map.
7760 * @param {string} [title]
7761 * The title caption of the option element.
7763 * @param {string} [description]
7764 * The description text of the option element.
7766 var CBITextValue = CBIValue.extend(/** @lends LuCI.form.TextValue.prototype */ {
7767 __name__: 'CBI.TextValue',
7773 * Enforces the use of a monospace font for the textarea contents when set
7776 * @name LuCI.form.TextValue.prototype#monospace
7782 * Allows to specify the [cols]{@link LuCI.ui.Textarea.InitOptions}
7783 * property of the underlying textarea widget.
7785 * @name LuCI.form.TextValue.prototype#cols
7791 * Allows to specify the [rows]{@link LuCI.ui.Textarea.InitOptions}
7792 * property of the underlying textarea widget.
7794 * @name LuCI.form.TextValue.prototype#rows
7800 * Allows to specify the [wrap]{@link LuCI.ui.Textarea.InitOptions}
7801 * property of the underlying textarea widget.
7803 * @name LuCI.form.TextValue.prototype#wrap
7809 renderWidget: function(section_id, option_index, cfgvalue) {
7810 var value = (cfgvalue != null) ? cfgvalue : this.default;
7812 var widget = new ui.Textarea(value, {
7813 id: this.cbid(section_id),
7814 optional: this.optional || this.rmempty,
7815 placeholder: this.placeholder,
7816 monospace: this.monospace,
7820 validate: L.bind(this.validate, this, section_id),
7821 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
7824 return widget.render();
7830 * @memberof LuCI.form
7831 * @augments LuCI.form.Value
7835 * The `DummyValue` element wraps an {@link LuCI.ui.Hiddenfield} widget and
7836 * renders the underlying UCI option or default value as readonly text.
7838 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7839 * The configuration form this section is added to. It is automatically passed
7840 * by [option()]{@link LuCI.form.AbstractSection#option} or
7841 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7842 * option to the section.
7844 * @param {LuCI.form.AbstractSection} section
7845 * The configuration section this option is added to. It is automatically passed
7846 * by [option()]{@link LuCI.form.AbstractSection#option} or
7847 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7848 * option to the section.
7850 * @param {string} option
7851 * The name of the UCI option to map.
7853 * @param {string} [title]
7854 * The title caption of the option element.
7856 * @param {string} [description]
7857 * The description text of the option element.
7859 var CBIDummyValue = CBIValue.extend(/** @lends LuCI.form.DummyValue.prototype */ {
7860 __name__: 'CBI.DummyValue',
7863 * Set a URL which is opened when clicking on the dummy value text.
7865 * By setting this property, the dummy value text is wrapped in an `
<a
>`
7866 * element with the property value used as `href` attribute.
7868 * @name LuCI.form.DummyValue.prototype#href
7874 * Treat the UCI option value (or the `default` property value) as HTML.
7876 * By default, the value text is HTML escaped before being rendered as
7877 * text. In some cases it may be needed to actually interpret and render
7878 * HTML contents as-is. When set to `true`, HTML escaping is disabled.
7880 * @name LuCI.form.DummyValue.prototype#rawhtml
7886 * Render the UCI option value as hidden using the HTML display: none style property.
7888 * By default, the value is displayed
7890 * @name LuCI.form.DummyValue.prototype#hidden
7896 renderWidget: function(section_id, option_index, cfgvalue) {
7897 var value = (cfgvalue != null) ? cfgvalue : this.default,
7898 hiddenEl = new ui.Hiddenfield(value, { id: this.cbid(section_id) }),
7899 outputEl = E('div', { 'style': this.hidden ? 'display:none' : null });
7901 if (this.href
&& !((this.readonly != null) ? this.readonly : this.map.readonly))
7902 outputEl.appendChild(E('a', { 'href': this.href }));
7904 dom.append(outputEl.lastChild || outputEl,
7905 this.rawhtml ? value : [ value ]);
7914 remove: function() {},
7917 write: function() {}
7921 * @class ButtonValue
7922 * @memberof LuCI.form
7923 * @augments LuCI.form.Value
7927 * The `DummyValue` element wraps an {@link LuCI.ui.Hiddenfield} widget and
7928 * renders the underlying UCI option or default value as readonly text.
7930 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
7931 * The configuration form this section is added to. It is automatically passed
7932 * by [option()]{@link LuCI.form.AbstractSection#option} or
7933 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7934 * option to the section.
7936 * @param {LuCI.form.AbstractSection} section
7937 * The configuration section this option is added to. It is automatically passed
7938 * by [option()]{@link LuCI.form.AbstractSection#option} or
7939 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
7940 * option to the section.
7942 * @param {string} option
7943 * The name of the UCI option to map.
7945 * @param {string} [title]
7946 * The title caption of the option element.
7948 * @param {string} [description]
7949 * The description text of the option element.
7951 var CBIButtonValue = CBIValue.extend(/** @lends LuCI.form.ButtonValue.prototype */ {
7952 __name__: 'CBI.ButtonValue',
7955 * Override the rendered button caption.
7957 * By default, the option title - which is passed as fourth argument to the
7958 * constructor - is used as caption for the button element. When setting
7959 * this property to a string, it is used as `String.format()` pattern with
7960 * the underlying UCI section name passed as first format argument. When
7961 * set to a function, it is invoked passing the section ID as sole argument
7962 * and the resulting return value is converted to a string before being
7963 * used as button caption.
7965 * The default is `null`, means the option title is used as caption.
7967 * @name LuCI.form.ButtonValue.prototype#inputtitle
7968 * @type string|function
7973 * Override the button style class.
7975 * By setting this property, a specific `cbi-button-*` CSS class can be
7976 * selected to influence the style of the resulting button.
7978 * Suitable values which are implemented by most themes are `positive`,
7979 * `negative` and `primary`.
7981 * The default is `null`, means a neutral button styling is used.
7983 * @name LuCI.form.ButtonValue.prototype#inputstyle
7989 * Override the button click action.
7991 * By default, the underlying UCI option (or default property) value is
7992 * copied into a hidden field tied to the button element and the save
7993 * action is triggered on the parent form element.
7995 * When this property is set to a function, it is invoked instead of
7996 * performing the default actions. The handler function will receive the
7997 * DOM click element as first and the underlying configuration section ID
7998 * as second argument.
8000 * @name LuCI.form.ButtonValue.prototype#onclick
8006 renderWidget: function(section_id, option_index, cfgvalue) {
8007 var value = (cfgvalue != null) ? cfgvalue : this.default,
8008 hiddenEl = new ui.Hiddenfield(value, { id: this.cbid(section_id) }),
8009 outputEl = E('div'),
8010 btn_title = this.titleFn('inputtitle', section_id) || this.titleFn('title', section_id);
8012 if (value !== false)
8013 dom.content(outputEl, [
8015 'class': 'cbi-button cbi-button-%s'.format(this.inputstyle || 'button'),
8016 'click': ui.createHandlerFn(this, function(section_id, ev) {
8018 return this.onclick(ev, section_id);
8020 ev.currentTarget.parentNode.nextElementSibling.value = value;
8021 return this.map.save();
8023 'disabled': ((this.readonly != null) ? this.readonly : this.map.readonly) || null
8027 dom.content(outputEl, ' - ');
8037 * @class HiddenValue
8038 * @memberof LuCI.form
8039 * @augments LuCI.form.Value
8043 * The `HiddenValue` element wraps an {@link LuCI.ui.Hiddenfield} widget.
8045 * Hidden value widgets used to be necessary in legacy code which actually
8046 * submitted the underlying HTML form the server. With client side handling of
8047 * forms, there are more efficient ways to store hidden state data.
8049 * Since this widget has no visible content, the title and description values
8050 * of this form element should be set to `null` as well to avoid a broken or
8051 * distorted form layout when rendering the option element.
8053 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
8054 * The configuration form this section is added to. It is automatically passed
8055 * by [option()]{@link LuCI.form.AbstractSection#option} or
8056 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
8057 * option to the section.
8059 * @param {LuCI.form.AbstractSection} section
8060 * The configuration section this option is added to. It is automatically passed
8061 * by [option()]{@link LuCI.form.AbstractSection#option} or
8062 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
8063 * option to the section.
8065 * @param {string} option
8066 * The name of the UCI option to map.
8068 * @param {string} [title]
8069 * The title caption of the option element.
8071 * @param {string} [description]
8072 * The description text of the option element.
8074 var CBIHiddenValue = CBIValue.extend(/** @lends LuCI.form.HiddenValue.prototype */ {
8075 __name__: 'CBI.HiddenValue',
8078 renderWidget: function(section_id, option_index, cfgvalue) {
8079 var widget = new ui.Hiddenfield((cfgvalue != null) ? cfgvalue : this.default, {
8080 id: this.cbid(section_id)
8083 return widget.render();
8089 * @memberof LuCI.form
8090 * @augments LuCI.form.Value
8094 * The `FileUpload` element wraps an {@link LuCI.ui.FileUpload} widget and
8095 * offers the ability to browse, upload and select remote files.
8097 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
8098 * The configuration form this section is added to. It is automatically passed
8099 * by [option()]{@link LuCI.form.AbstractSection#option} or
8100 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
8101 * option to the section.
8103 * @param {LuCI.form.AbstractSection} section
8104 * The configuration section this option is added to. It is automatically passed
8105 * by [option()]{@link LuCI.form.AbstractSection#option} or
8106 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
8107 * option to the section.
8109 * @param {string} option
8110 * The name of the UCI option to map.
8112 * @param {string} [title]
8113 * The title caption of the option element.
8115 * @param {string} [description]
8116 * The description text of the option element.
8118 var CBIFileUpload = CBIValue.extend(/** @lends LuCI.form.FileUpload.prototype */ {
8119 __name__: 'CBI.FileSelect',
8121 __init__: function(/* ... */) {
8122 this.super('__init__', arguments);
8124 this.show_hidden = false;
8125 this.enable_upload = true;
8126 this.enable_remove = true;
8127 this.root_directory = '/etc/luci-uploads';
8131 * Toggle display of hidden files.
8133 * Display hidden files when rendering the remote directory listing.
8134 * Note that this is merely a cosmetic feature, hidden files are always
8135 * included in received remote file listings.
8137 * The default is `false`, means hidden files are not displayed.
8139 * @name LuCI.form.FileUpload.prototype#show_hidden
8145 * Toggle file upload functionality.
8147 * When set to `true`, the underlying widget provides a button which lets
8148 * the user select and upload local files to the remote system.
8149 * Note that this is merely a cosmetic feature, remote upload access is
8150 * controlled by the session ACL rules.
8152 * The default is `true`, means file upload functionality is displayed.
8154 * @name LuCI.form.FileUpload.prototype#enable_upload
8160 * Toggle remote file delete functionality.
8162 * When set to `true`, the underlying widget provides a buttons which let
8163 * the user delete files from remote directories. Note that this is merely
8164 * a cosmetic feature, remote delete permissions are controlled by the
8165 * session ACL rules.
8167 * The default is `true`, means file removal buttons are displayed.
8169 * @name LuCI.form.FileUpload.prototype#enable_remove
8175 * Specify the root directory for file browsing.
8177 * This property defines the topmost directory the file browser widget may
8178 * navigate to, the UI will not allow browsing directories outside this
8179 * prefix. Note that this is merely a cosmetic feature, remote file access
8180 * and directory listing permissions are controlled by the session ACL
8183 * The default is `/etc/luci-uploads`.
8185 * @name LuCI.form.FileUpload.prototype#root_directory
8187 * @default /etc/luci-uploads
8191 renderWidget: function(section_id, option_index, cfgvalue) {
8192 var browserEl = new ui.FileUpload((cfgvalue != null) ? cfgvalue : this.default, {
8193 id: this.cbid(section_id),
8194 name: this.cbid(section_id),
8195 show_hidden: this.show_hidden,
8196 enable_upload: this.enable_upload,
8197 enable_remove: this.enable_remove,
8198 root_directory: this.root_directory,
8199 disabled: (this.readonly != null) ? this.readonly : this.map.readonly
8202 return browserEl.render();
8207 * @class SectionValue
8208 * @memberof LuCI.form
8209 * @augments LuCI.form.Value
8213 * The `SectionValue` widget embeds a form section element within an option
8214 * element container, allowing to nest form sections into other sections.
8216 * @param {LuCI.form.Map|LuCI.form.JSONMap} form
8217 * The configuration form this section is added to. It is automatically passed
8218 * by [option()]{@link LuCI.form.AbstractSection#option} or
8219 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
8220 * option to the section.
8222 * @param {LuCI.form.AbstractSection} section
8223 * The configuration section this option is added to. It is automatically passed
8224 * by [option()]{@link LuCI.form.AbstractSection#option} or
8225 * [taboption()]{@link LuCI.form.AbstractSection#taboption} when adding the
8226 * option to the section.
8228 * @param {string} option
8229 * The internal name of the option element holding the section. Since a section
8230 * container element does not read or write any configuration itself, the name
8231 * is only used internally and does not need to relate to any underlying UCI
8234 * @param {LuCI.form.AbstractSection} subsection_class
8235 * The class to use for instantiating the nested section element. Note that
8236 * the class value itself is expected here, not a class instance obtained by
8237 * calling `new`. The given class argument must be a subclass of the
8238 * `AbstractSection` class.
8240 * @param {...*} [class_args]
8241 * All further arguments are passed as-is to the subclass constructor. Refer
8242 * to the corresponding class constructor documentations for details.
8244 var CBISectionValue = CBIValue.extend(/** @lends LuCI.form.SectionValue.prototype */ {
8245 __name__: 'CBI.ContainerValue',
8246 __init__: function(map, section, option, cbiClass /*, ... */) {
8247 this.super('__init__', [map, section, option]);
8249 if (!CBIAbstractSection.isSubclass(cbiClass))
8250 throw 'Sub section must be a descendent of CBIAbstractSection';
8252 this.subsection = cbiClass.instantiate(this.varargs(arguments,
4, this.map));
8253 this.subsection.parentoption = this;
8257 * Access the embedded section instance.
8259 * This property holds a reference to the instantiated nested section.
8261 * @name LuCI.form.SectionValue.prototype#subsection
8262 * @type LuCI.form.AbstractSection
8267 load: function(section_id) {
8268 return this.subsection.load(section_id);
8272 parse: function(section_id) {
8273 return this.subsection.parse(section_id);
8277 renderWidget: function(section_id, option_index, cfgvalue) {
8278 return this.subsection.render(section_id);
8282 checkDepends: function(section_id) {
8283 this.subsection.checkDepends(section_id);
8284 return CBIValue.prototype.checkDepends.apply(this, [ section_id ]);
8288 * Since the section container is not rendering an own widget,
8289 * its `value()` implementation is a no-op.
8293 value: function() {},
8296 * Since the section container is not tied to any UCI configuration,
8297 * its `write()` implementation is a no-op.
8301 write: function() {},
8304 * Since the section container is not tied to any UCI configuration,
8305 * its `remove()` implementation is a no-op.
8309 remove: function() {},
8312 * Since the section container is not tied to any UCI configuration,
8313 * its `cfgvalue()` implementation will always return `null`.
8318 cfgvalue: function() { return null },
8321 * Since the section container is not tied to any UCI configuration,
8322 * its `formvalue()` implementation will always return `null`.
8327 formvalue: function() { return null }
8336 * The LuCI form class provides high level abstractions for creating
8337 * UCI- or JSON backed configurations forms.
8339 * To import the class in views, use `'require form'`, to import it in
8340 * external JavaScript, use `L.require(
"form").then(...)`.
8342 * A typical form is created by first constructing a
8343 * {@link LuCI.form.Map} or {@link LuCI.form.JSONMap} instance using `new` and
8344 * by subsequently adding sections and options to it. Finally
8345 * [render()]{@link LuCI.form.Map#render} is invoked on the instance to
8346 * assemble the HTML markup and insert it into the DOM.
8356 * m = new form.Map('example', 'Example form',
8357 * 'This is an example form mapping the contents of /etc/config/example');
8359 * s = m.section(form.NamedSection, 'first_section', 'example', 'The first section',
8360 * 'This sections maps
"config example first_section" of /etc/config/example');
8362 * o = s.option(form.Flag, 'some_bool', 'A checkbox option');
8364 * o = s.option(form.ListValue, 'some_choice', 'A select element');
8365 * o.value('choice1', 'The first choice');
8366 * o.value('choice2', 'The second choice');
8368 * m.render().then(function(node) {
8369 * document.body.appendChild(node);
8373 return baseclass.extend(/** @lends LuCI.form.prototype */ {
8375 JSONMap: CBIJSONMap,
8376 AbstractSection: CBIAbstractSection,
8377 AbstractValue: CBIAbstractValue,
8379 TypedSection: CBITypedSection,
8380 TableSection: CBITableSection,
8381 GridSection: CBIGridSection,
8382 NamedSection: CBINamedSection,
8385 DynamicList: CBIDynamicList,
8386 ListValue: CBIListValue,
8388 MultiValue: CBIMultiValue,
8389 TextValue: CBITextValue,
8390 DummyValue: CBIDummyValue,
8391 Button: CBIButtonValue,
8392 HiddenValue: CBIHiddenValue,
8393 FileUpload: CBIFileUpload,
8394 SectionValue: CBISectionValue
8408 Documentation generated by
<a href=
"https://github.com/jsdoc3/jsdoc">JSDoc
3.6.11</a> on Thu Dec
28 2023 17:
55:
36 GMT+
0000 (Coordinated Universal Time)
8412 <script>prettyPrint();
</script>
8413 <script src=
"scripts/jaguar.js"></script>