91 lines
4.8 KiB
JavaScript
91 lines
4.8 KiB
JavaScript
module.exports = function (RED) {
|
|
var ui = require('../ui')(RED);
|
|
|
|
function GaugeNode(config) {
|
|
RED.nodes.createNode(this, config);
|
|
this.colors = config.colors || ["#00B500","#E6E600","#CA3838"];
|
|
var node = this;
|
|
|
|
var group = RED.nodes.getNode(config.group);
|
|
if (!group) { return; }
|
|
var tab = RED.nodes.getNode(group.config.tab);
|
|
if (!tab) { return; }
|
|
|
|
if (config.width === "0") { delete config.width; }
|
|
if (config.height === "0") { delete config.height; }
|
|
if (config.height === "1") { config.hideMinMax = true; }
|
|
node.autoheight = parseInt(group.config.width*0.5+1.5) || 4;
|
|
if (config.gtype && config.gtype === "wave") { node.autoheight = parseInt(group.config.width*0.75+0.5); }
|
|
if (config.gtype && config.gtype === "donut") { node.autoheight = parseInt(group.config.width -1); }
|
|
if (config.gtype && config.gtype === "compass") { node.autoheight = parseInt(group.config.width -1); }
|
|
|
|
var sizes = ui.getSizes();
|
|
var theme = ui.getTheme();
|
|
|
|
if (theme === undefined) {
|
|
theme = {"group-textColor":{value:"#000"}};
|
|
theme["widget-textColor"] = {value:"#000"};
|
|
theme["widget-backgroundColor"] = {value:'#1784be'};
|
|
}
|
|
|
|
var gageoptions = {};
|
|
gageoptions.lineWidth = {'theme-dark':0.75};
|
|
gageoptions.pointerOptions = {'theme-dark':{color:'#8e8e93'}, 'theme-custom':theme["group-textColor"].value};
|
|
gageoptions.backgroundColor = {'theme-dark':'#515151', 'theme-custom':theme["widget-textColor"].value };
|
|
gageoptions.compassColor = {'theme-dark':theme["widget-backgroundColor"].value, 'theme-light':theme["widget-backgroundColor"].value, 'theme-custom':theme["widget-backgroundColor"].value};
|
|
gageoptions.valueFontColor = {'theme-dark':'#eee', 'theme-light':'#111', 'theme-custom':theme["widget-textColor"].value};
|
|
|
|
var waveoptions = {};
|
|
waveoptions.circleColor = {'theme-dark':theme["widget-backgroundColor"].value, 'theme-light':theme["widget-backgroundColor"].value, 'theme-custom':theme["widget-backgroundColor"].value};
|
|
waveoptions.waveColor = {'theme-dark':theme["widget-backgroundColor"].value, 'theme-light':theme["widget-backgroundColor"].value, 'theme-custom':theme["widget-backgroundColor"].value};
|
|
waveoptions.textColor = {'theme-dark':theme["widget-textColor"].value, 'theme-light':theme["widget-textColor"].value, 'theme-custom':theme["widget-textColor"].value};
|
|
waveoptions.waveTextColor = {'theme-dark':theme["widget-textColor"].value, 'theme-light':theme["widget-textColor"].value, 'theme-custom':theme["widget-textColor"].value};
|
|
|
|
var done = ui.add({
|
|
node: node,
|
|
tab: tab,
|
|
group: group,
|
|
emitOnlyNewValues: false,
|
|
control: {
|
|
type: 'gauge',
|
|
name: config.name,
|
|
label: config.title,
|
|
units: config.label,
|
|
order: config.order,
|
|
value: config.min,
|
|
format: config.format,
|
|
gtype: config.gtype || 'gage',
|
|
min: (parseFloat(config.min) < parseFloat(config.max)) ? parseFloat(config.min) : parseFloat(config.max),
|
|
seg1: (parseFloat(config.seg1) < parseFloat(config.seg2)) ? parseFloat(config.seg1) : parseFloat(config.seg2),
|
|
seg2: (parseFloat(config.seg1) < parseFloat(config.seg2)) ? parseFloat(config.seg2) : parseFloat(config.seg1),
|
|
max: (parseFloat(config.min) < parseFloat(config.max)) ? parseFloat(config.max) : parseFloat(config.min),
|
|
reverse: (parseFloat(config.max) < parseFloat(config.min)) ? true : false,
|
|
sizes: sizes,
|
|
hideMinMax: config.hideMinMax,
|
|
width: config.width || group.config.width || 6,
|
|
height: config.height || node.autoheight,
|
|
colors: node.colors,
|
|
diff: config.diff || false,
|
|
gageoptions: gageoptions,
|
|
waveoptions: waveoptions,
|
|
options: null,
|
|
className: config.className || '',
|
|
},
|
|
convert: function(p,o,m) {
|
|
var form = config.format.replace(/{{/g,"").replace(/}}/g,"").replace(/\s/g,"") || "_zzz_zzz_zzz_";
|
|
form = form.split('|')[0];
|
|
var value = RED.util.getMessageProperty(m,form);
|
|
if (value !== undefined) {
|
|
if (!isNaN(parseFloat(value))) { value = parseFloat(value); }
|
|
return value;
|
|
}
|
|
if (!isNaN(parseFloat(p))) { p = parseFloat(p); }
|
|
return p;
|
|
//return ui.toFloat.bind(this, config);
|
|
}
|
|
});
|
|
node.on("close", done);
|
|
}
|
|
RED.nodes.registerType("ui_gauge", GaugeNode);
|
|
};
|