iot-backend/software/flow/node_modules/node-red-dashboard/nodes/ui_colour_picker.js

64 lines
2.4 KiB
JavaScript
Raw Normal View History

2023-02-22 17:26:41 +01:00
module.exports = function(RED) {
var ui = require('../ui')(RED);
var tc = require('../dist/js/tinycolor-min');
function ColourPickerNode(config) {
RED.nodes.createNode(this, config);
this.format = config.format;
this.outformat = config.outformat;
var node = this;
var group = RED.nodes.getNode(config.group);
if (!group) { return; }
var tab = RED.nodes.getNode(group.config.tab);
if (!tab) { return; }
node.on("input", function(msg) {
node.topi = msg.topic;
});
var done = ui.add({
node: node,
tab: tab,
group: group,
forwardInputMessages: config.passthru,
control: {
type: 'colour-picker',
label: config.label,
format: config.format,
showPicker: config.showPicker,
showSwatch: config.showSwatch,
showValue: config.showValue,
showHue: config.showHue,
showAlpha: config.showAlpha,
showLightness: config.showLightness,
square: (config.square == 'true') || false,
dynOutput: config.dynOutput,
allowEmpty: true,
order: config.order,
value: '',
width: config.width || group.config.width || 6,
height: config.height || 1,
className: config.className || '',
},
beforeSend: function (msg) {
if (node.outformat === 'object') {
var pay = tc(msg.payload);
if (node.format === 'rgb') { msg.payload = pay.toRgb(); }
if (node.format === 'hsl') { msg.payload = pay.toHsl(); }
if (node.format === 'hsv') { msg.payload = pay.toHsv(); }
}
var t = RED.util.evaluateNodeProperty(config.topic,config.topicType || "str",node,msg) || node.topi;
if (t !== undefined) { msg.topic = t; }
},
convert: function(p,o,m) {
if (m.payload === undefined || m.payload === null) { return; }
var colour = tc(m.payload);
return colour.toString(config.format);
}
});
node.on("close", done);
}
RED.nodes.registerType("ui_colour_picker", ColourPickerNode);
};