summaryrefslogtreecommitdiffhomepage
path: root/applications/luci-app-example/htdocs/luci-static/resources/view/example/htmlview.js
blob: 7dd8a4137b68c1808e109f9d3a2c46f0b862ce75 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
'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;
	}
});