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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
'use strict';
'require form';
'require fs';
'require view';
/*
A JSONMap backed by a JSON file, with saving.
form.JSONMap keeps its data in memory: its save() does nothing, and the
form stores every value as a string. To persist changes, handleSave() calls
map.save() with a callback. The callback runs after the form has been parsed
and validated, reads the sections back from map.data, converts values to the
types the file should hold, and writes the file with fs.write().
Reading and writing the file must be granted in the "file" scope of
/usr/share/rpcd/acl.d/luci-app-example.json. The UCI defaults script
(80_example) creates /etc/example.json on install.
*/
const FILE = '/etc/example.json';
return view.extend({
load: function () {
return L.resolveDefault(fs.read(FILE), '{}');
},
render: function (content) {
let data, m, s, o;
try {
data = JSON.parse(content);
}
catch (e) {
data = {};
}
/*
JSONMap takes { section_type: object or array of objects }. An object
becomes a named section; each array entry becomes an anonymous section
of that type, which is what lets a TypedSection add and remove them.
*/
m = new form.JSONMap({
animals: L.isObject(data.animals) ? data.animals : {},
pet: Array.isArray(data.pets) ? data.pets : []
}, _('File JSONMap Sample'), _('Edits %s; changes are written back on Save.').format(FILE));
s = m.section(form.NamedSection, 'animals', 'animals', _('Animals'));
o = s.option(form.Value, 'num_cats', _('Number of cats'));
o.datatype = 'uinteger';
o = s.option(form.Value, 'num_dogs', _('Number of dogs'));
o.datatype = 'uinteger';
s = m.section(form.TypedSection, 'pet', _('Pets'));
s.anonymous = true;
s.addremove = true;
o = s.option(form.Value, 'name', _('Name'));
o.rmempty = false;
o = s.option(form.ListValue, 'species', _('Species'));
o.value('cat', _('Cat'));
o.value('dog', _('Dog'));
o.value('parakeet', _('Parakeet'));
this.map = m;
this.file = data;
return m.render();
},
handleSave: function (ev) {
const m = this.map;
const file = this.file;
return m.save(function () {
// Sections are the objects loaded from the file, unknown keys included;
// keep everything except the '.name'-style bookkeeping JSONMap adds.
const fields = (s) => Object.fromEntries(Object.entries(s).filter(([ k ]) => k.charAt(0) != '.'));
// Start from the file as loaded, so keys the form does not edit survive.
const out = Object.assign({}, file);
const animals = fields(m.data.get('json', 'animals') || {});
// Values come back as strings; restore numbers, drop emptied fields.
for (const key of [ 'num_cats', 'num_dogs' ]) {
if (animals[key] != null && animals[key] !== '')
animals[key] = parseInt(animals[key], 10);
else
delete animals[key];
}
out.animals = animals;
out.pets = m.data.sections('json', 'pet').map(fields);
return fs.write(FILE, JSON.stringify(out, null, '\t') + '\n');
});
},
// There is nothing to apply; the file is the whole state.
handleSaveApply: null
});
|
