329 lines
11 KiB
HTML
329 lines
11 KiB
HTML
<script type="module">
|
|
import * as menuUtils from "/generalfunctions/helper/menuUtils.js";
|
|
|
|
RED.nodes.registerType("heatExchanger", {
|
|
|
|
category: "digital twin",
|
|
color: "#e4a363",
|
|
|
|
defaults: {
|
|
|
|
// Define default properties
|
|
name: { value: "", required: true },
|
|
enableLog: { value: false },
|
|
logLevel: { value: "error" },
|
|
|
|
// Define specific properties
|
|
scaling: { value: false },
|
|
i_min: { value: 0, required: true },
|
|
i_max: { value: 0, required: true },
|
|
i_offset: { value: 0 },
|
|
o_min: { value: 0, required: true },
|
|
o_max: { value: 1, required: true },
|
|
simulator: { value: false },
|
|
unit: { value: "unit", required: true },
|
|
smooth_method: { value: "" },
|
|
count: { value: "10", required: true },
|
|
|
|
//define asset properties
|
|
supplier: { value: "" },
|
|
subType: { value: "" },
|
|
model: { value: "" },
|
|
unit: { value: "" },
|
|
|
|
},
|
|
|
|
inputs: 1,
|
|
outputs: 4,
|
|
inputLabels: ["heatExchanger Input"],
|
|
outputLabels: ["process", "dbase", "upstreamParent", "downstreamParent"],
|
|
icon: "font-awesome/fa-tachometer",
|
|
|
|
label: function () {
|
|
return this.name || "heatExchanger";
|
|
},
|
|
|
|
|
|
oneditprepare: function() {
|
|
|
|
const node = this;
|
|
|
|
// Define UI html elements
|
|
const elements = {
|
|
// Basic fields
|
|
name: document.getElementById("node-input-name"),
|
|
// specific fields
|
|
scalingCheckbox: document.getElementById("node-input-scaling"),
|
|
rowInputMin: document.getElementById("row-input-i_min"),
|
|
rowInputMax: document.getElementById("row-input-i_max"),
|
|
smoothMethod: document.getElementById("node-input-smooth_method"),
|
|
count: document.getElementById("node-input-count"),
|
|
iOffset: document.getElementById("node-input-i_offset"),
|
|
oMin: document.getElementById("node-input-o_min"),
|
|
oMax: document.getElementById("node-input-o_max"),
|
|
// Logging fields
|
|
logCheckbox: document.getElementById("node-input-enableLog"),
|
|
logLevelSelect: document.getElementById("node-input-logLevel"),
|
|
rowLogLevel: document.getElementById("row-logLevel"),
|
|
// Asset fields
|
|
supplier: document.getElementById("node-input-supplier"),
|
|
subType: document.getElementById("node-input-subType"),
|
|
model: document.getElementById("node-input-model"),
|
|
unit: document.getElementById("node-input-unit"),
|
|
};
|
|
|
|
//this needs to live somewhere and for now we add it to every node file for simplicity
|
|
const projecSettingstURL = "http://localhost:1880/generalfunctions/settings/projectSettings.json";
|
|
|
|
try{
|
|
|
|
// Fetch project settings
|
|
menuUtils.fetchProjectData(projecSettingstURL)
|
|
.then((projectSettings) => {
|
|
|
|
//assign to node vars
|
|
node.configUrls = projectSettings.configUrls;
|
|
|
|
const { cloudConfigURL, localConfigURL } = menuUtils.getSpecificConfigUrl("heatExchanger",node.configUrls.cloud.taggcodeAPI);
|
|
node.configUrls.cloud.config = cloudConfigURL; // first call
|
|
node.configUrls.local.config = localConfigURL; // backup call
|
|
|
|
node.locationId = projectSettings.locationId;
|
|
node.uuid = projectSettings.uuid;
|
|
|
|
// Gets the ID of the active workspace (Flow)
|
|
const activeFlowId = RED.workspaces.active(); //fetches active flow id
|
|
node.processId = 1;//activeFlowId;
|
|
|
|
|
|
// UI elements specific for node
|
|
menuUtils.initMeasurementToggles(elements);
|
|
menuUtils.populateSmoothingMethods(node.configUrls, elements, node);
|
|
// UI elements across all nodes
|
|
menuUtils.fetchAndPopulateDropdowns(node.configUrls, elements, node); // function for all assets
|
|
menuUtils.initBasicToggles(elements);
|
|
|
|
})
|
|
}catch(e){
|
|
console.log("Error fetching project settings", e);
|
|
}
|
|
|
|
if(node.d){
|
|
//this means node is disabled
|
|
console.log("Current status of node is disabled");
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
oneditsave: function () {
|
|
const node = this;
|
|
|
|
console.log(`------------ Saving changes to node ------------`);
|
|
console.log(`${node.uuid}`);
|
|
|
|
// Save basic properties
|
|
["name", "supplier", "subType", "model", "unit", "smooth_method"].forEach(
|
|
(field) => (node[field] = document.getElementById(`node-input-${field}`).value || "")
|
|
);
|
|
|
|
// Save numeric and boolean properties
|
|
["scaling", "enableLog", "simulator"].forEach(
|
|
(field) => (node[field] = document.getElementById(`node-input-${field}`).checked)
|
|
);
|
|
|
|
["i_min", "i_max", "i_offset", "o_min", "o_max", "count"].forEach(
|
|
(field) => (node[field] = parseFloat(document.getElementById(`node-input-${field}`).value) || 0)
|
|
);
|
|
|
|
node.logLevel = document.getElementById("node-input-logLevel").value || "info";
|
|
|
|
// Validation checks
|
|
if (node.scaling && (isNaN(node.i_min) || isNaN(node.i_max))) {
|
|
RED.notify("Scaling enabled, but input range is incomplete!", "error");
|
|
}
|
|
|
|
if (!node.unit) {
|
|
RED.notify("Unit selection is required.", "error");
|
|
}
|
|
|
|
if (node.subType && !node.unit) {
|
|
RED.notify("Unit must be set when specifying a subtype.", "error");
|
|
}
|
|
|
|
console.log("stored node modelData", node.modelMetadata);
|
|
console.log("------------ Changes saved to heatExchanger node preparing to save to API ------------");
|
|
|
|
try{
|
|
// Fetch project settings
|
|
menuUtils.apiCall(node,node.configUrls)
|
|
.then((response) => {
|
|
|
|
//save response to node information
|
|
node.assetTagCode = response.asset_tag_number;
|
|
|
|
})
|
|
.catch((error) => {
|
|
console.log("Error during API call", error);
|
|
});
|
|
|
|
}catch(e){
|
|
console.log("Error saving assetID and tagnumber", e);
|
|
}
|
|
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<!-- Main UI -->
|
|
|
|
<script type="text/html" data-template-name="heatExchanger">
|
|
|
|
<!-- Node Name -->
|
|
<div class="form-row">
|
|
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
|
|
<input
|
|
type="text"
|
|
id="node-input-name"
|
|
placeholder="heatExchanger Name"
|
|
style="width:70%;"
|
|
/>
|
|
</div>
|
|
|
|
<!-- Scaling Checkbox -->
|
|
<div class="form-row">
|
|
<label for="node-input-scaling"
|
|
><i class="fa fa-compress"></i> Scaling</label
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
id="node-input-scaling"
|
|
style="width:20px; vertical-align:baseline;"
|
|
/>
|
|
<span>Enable input scaling?</span>
|
|
</div>
|
|
|
|
<!-- Source Min/Max (only if scaling is true) -->
|
|
<div class="form-row" id="row-input-i_min">
|
|
<label for="node-input-i_min"
|
|
><i class="fa fa-arrow-down"></i> Source Min</label>
|
|
<input type="number" id="node-input-i_min" placeholder="0" />
|
|
</div>
|
|
|
|
<div class="form-row" id="row-input-i_max">
|
|
<label for="node-input-i_max"
|
|
><i class="fa fa-arrow-up"></i> Source Max</label>
|
|
<input type="number" id="node-input-i_max" placeholder="3000" />
|
|
</div>
|
|
|
|
<!-- Offset -->
|
|
<div class="form-row">
|
|
<label for="node-input-i_offset"
|
|
><i class="fa fa-adjust"></i> Input Offset</label>
|
|
<input type="number" id="node-input-i_offset" placeholder="0" />
|
|
</div>
|
|
|
|
<!-- Output / Process Min/Max -->
|
|
<div class="form-row">
|
|
<label for="node-input-o_min"><i class="fa fa-tag"></i> Process Min</label>
|
|
<input type="number" id="node-input-o_min" placeholder="0" />
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-o_max"><i class="fa fa-tag"></i> Process Max</label>
|
|
<input type="number" id="node-input-o_max" placeholder="1" />
|
|
</div>
|
|
|
|
<!-- Simulator Checkbox -->
|
|
<div class="form-row">
|
|
<label for="node-input-simulator"
|
|
><i class="fa fa-cog"></i> Simulator</label>
|
|
<input
|
|
type="checkbox"
|
|
id="node-input-simulator"
|
|
style="width:20px; vertical-align:baseline;"
|
|
/>
|
|
<span>Activate internal simulation?</span>
|
|
</div>
|
|
|
|
<!-- Smoothing Method -->
|
|
<div class="form-row">
|
|
<label for="node-input-smooth_method"
|
|
><i class="fa fa-line-chart"></i> Smoothing</label>
|
|
<select id="node-input-smooth_method" style="width:60%;">
|
|
<!-- Filled dynamically from heatExchangerConfig.json or fallback -->
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Smoothing Window -->
|
|
<div class="form-row">
|
|
<label for="node-input-count">Window</label>
|
|
<input
|
|
type="number"
|
|
id="node-input-count"
|
|
placeholder="10"
|
|
style="width:60px;"
|
|
/>
|
|
<div class="form-tips">Number of samples for smoothing</div>
|
|
</div>
|
|
|
|
<!-- Optional Extended Fields: supplier, type, subType, model -->
|
|
<hr />
|
|
<div class="form-row">
|
|
<label for="node-input-supplier"
|
|
><i class="fa fa-industry"></i> Supplier</label>
|
|
<select id="node-input-supplier" style="width:60%;">
|
|
<option value="">(optional)</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-subType"
|
|
><i class="fa fa-puzzle-piece"></i> SubType</label>
|
|
<select id="node-input-subType" style="width:60%;">
|
|
<option value="">(optional)</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-model"><i class="fa fa-wrench"></i> Model</label>
|
|
<select id="node-input-model" style="width:60%;">
|
|
<option value="">(optional)</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="node-input-unit"><i class="fa fa-balance-scale"></i> Unit</label>
|
|
<select id="node-input-unit" style="width:60%;"></select>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
<!-- loglevel checkbox -->
|
|
<div class="form-row">
|
|
<label for="node-input-enableLog"
|
|
><i class="fa fa-cog"></i> Enable Log</label>
|
|
<input
|
|
type="checkbox"
|
|
id="node-input-enableLog"
|
|
style="width:20px; vertical-align:baseline;"
|
|
/>
|
|
<span>Enable logging</span>
|
|
</div>
|
|
|
|
<div class="form-row" id="row-logLevel">
|
|
<label for="node-input-logLevel"><i class="fa fa-cog"></i> Log Level</label>
|
|
<select id="node-input-logLevel" style="width:60%;">
|
|
<option value="info">Info</option>
|
|
<option value="debug">Debug</option>
|
|
<option value="warn">Warn</option>
|
|
<option value="error">Error</option>
|
|
</select>
|
|
</div>
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/html" data-help-name="heatExchanger">
|
|
<p><b>heatExchanger Node</b>: Scales, smooths, and simulates heatExchanger data.</p>
|
|
<p>Use this node to scale, smooth, and simulate heatExchanger data. The node can be configured to scale input data to a specified range, smooth the data using a variety of methods, and simulate data for testing purposes.</p>
|
|
|
|
</script>
|