luci/applications/luci-app-example/htdocs/luci-static/resources/view/example/htmlview.js
Duncan Hill 28f805b2e5
luci-app-example: Update with more documentation, more examples (#6503)
* luci-app-example: Update with more documentation, examples
* Update translations file
* Move more YAML support to .md file, improve README
* luci-app-example: Update with more documentation, examples
* luci-app-example: Fix missed call to load_sample_yaml
* Format with tabs by using jsbeautify
2023-12-04 22:12:28 +01:00

40 lines
No EOL
1.1 KiB
JavaScript

'use strict';
'require uci';
'require view';
return view.extend({
handleSaveApply: null,
handleSave: null,
handleReset: null,
load: function () {
return Promise.all([
// The relevant ACL path for reading a configuration with UCI this way is
// read > uci > ["example"]
uci.load('example')
]);
},
render: function (data) {
var body = E([
E('h2', _('Example HTML Page'))
]);
var sections = uci.sections('example');
var listContainer = E('div');
var list = E('ul');
// Note that this is pretty error-prone, because sections might be missing
// etcetera.
list.appendChild(E('li', {
'class': 'css-class'
}, ['First Option in first section: ', E('em', {}, [sections[0]
.first_option])]));
list.appendChild(E('li', {
'class': 'css-class'
}, ['Flag in second section: ', E('em', {}, [sections[1].flag])]));
list.appendChild(E('li', {
'class': 'css-class'
}, ['Select in second section: ', E('em', {}, [sections[1].select])]));
listContainer.appendChild(list);
body.appendChild(listContainer);
console.log(sections);
return body;
}
});