161 lines
4.6 KiB
TypeScript
161 lines
4.6 KiB
TypeScript
/**
|
|
* Copyright 2013-2019 GenieACS Inc.
|
|
*
|
|
* This file is part of GenieACS.
|
|
*
|
|
* GenieACS is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* GenieACS is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with GenieACS. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import { ClosureComponent, Component } from "mithril";
|
|
import { m } from "../components";
|
|
import * as taskQueue from "../task-queue";
|
|
import { parse } from "../../lib/common/expression-parser";
|
|
import memoize from "../../lib/common/memoize";
|
|
import { getIcon } from "../icons";
|
|
|
|
const memoizedParse = memoize(parse);
|
|
|
|
function escapeRegExp(str): string {
|
|
return str.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&");
|
|
}
|
|
|
|
const component: ClosureComponent = (): Component => {
|
|
return {
|
|
view: (vnode) => {
|
|
const device = vnode.attrs["device"];
|
|
|
|
const search = m("input", {
|
|
type: "text",
|
|
placeholder: "Search parameters",
|
|
oninput: (e) => {
|
|
vnode.state["searchString"] = e.target.value;
|
|
e.redraw = false;
|
|
clearTimeout(vnode.state["timeout"]);
|
|
vnode.state["timeout"] = setTimeout(m.redraw, 500);
|
|
},
|
|
});
|
|
|
|
const instanceRegex = /\.[0-9]+$/;
|
|
let re;
|
|
if (vnode.state["searchString"]) {
|
|
const keywords = vnode.state["searchString"]
|
|
.split(" ")
|
|
.filter((s) => s);
|
|
if (keywords.length)
|
|
re = new RegExp(keywords.map((s) => escapeRegExp(s)).join(".*"), "i");
|
|
}
|
|
|
|
const rows = Object.keys(device)
|
|
.sort()
|
|
.map((k) => {
|
|
const p = device[k];
|
|
const val = [];
|
|
const attrs = {};
|
|
if (re) {
|
|
const str = p.value && p.value[0] ? `${k} ${p.value[0]}` : k;
|
|
if (!re.test(str)) attrs["style"] = "display: none;";
|
|
}
|
|
|
|
if (p.object === false) {
|
|
val.push(
|
|
m(
|
|
"parameter",
|
|
Object.assign({ device: device, parameter: memoizedParse(k) })
|
|
)
|
|
);
|
|
} else if (p.object && p.writable) {
|
|
if (instanceRegex.test(k)) {
|
|
val.push(
|
|
m(
|
|
"button",
|
|
{
|
|
title: "Delete this instance",
|
|
onclick: () => {
|
|
taskQueue.queueTask({
|
|
name: "deleteObject",
|
|
device: device["DeviceID.ID"].value[0],
|
|
objectName: k,
|
|
});
|
|
},
|
|
},
|
|
getIcon("delete-instance")
|
|
)
|
|
);
|
|
} else {
|
|
val.push(
|
|
m(
|
|
"button",
|
|
{
|
|
title: "Create a new instance",
|
|
onclick: () => {
|
|
taskQueue.queueTask({
|
|
name: "addObject",
|
|
device: device["DeviceID.ID"].value[0],
|
|
objectName: k,
|
|
});
|
|
},
|
|
},
|
|
getIcon("add-instance")
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
val.push(
|
|
m(
|
|
"button",
|
|
{
|
|
title: "Refresh tree",
|
|
onclick: () => {
|
|
taskQueue.queueTask({
|
|
name: "getParameterValues",
|
|
device: device["DeviceID.ID"].value[0],
|
|
parameterNames: [k],
|
|
});
|
|
},
|
|
},
|
|
getIcon("refresh")
|
|
)
|
|
);
|
|
|
|
return m(
|
|
"tr",
|
|
attrs,
|
|
m("td.left", m("long-text", { text: k })),
|
|
m("td.right", val)
|
|
);
|
|
});
|
|
|
|
return m(
|
|
".all-parameters",
|
|
m(
|
|
"a.download-csv",
|
|
{
|
|
href: `api/devices/${encodeURIComponent(
|
|
device["DeviceID.ID"].value[0]
|
|
)}.csv`,
|
|
download: "",
|
|
style: "float: right;",
|
|
},
|
|
"Download"
|
|
),
|
|
search,
|
|
m(".parameter-list", m("table", m("tbody", rows)))
|
|
);
|
|
},
|
|
};
|
|
};
|
|
|
|
export default component;
|