rotatingMachine/rotatingMachine.html

<!--
| S88-niveau             | Primair (blokkleur) | Tekstkleur |
| ---------------------- | ------------------- | ---------- |
| **Area**               | `#0f52a5`           | wit        |
| **Process Cell**       | `#0c99d9`           | wit        |
| **Unit**               | `#50a8d9`           | zwart      |
| **Equipment (Module)** | `#86bbdd`           | zwart      |
| **Control Module**     | `#a9daee`           | zwart      |

-->
<!-- Load the dynamic menu & config endpoints -->
<script src="/rotatingMachine/menu.js"></script>
<script src="/rotatingMachine/configData.js"></script>

<script>
  RED.nodes.registerType("rotatingMachine", {
    category: "EVOLV",
    color: "#86bbdd",
        defaults: {

          // Define specific properties
          speed: { value: 1, required: true },
          startup: { value: 0 },
          warmup: { value: 0 },
          shutdown: { value: 0 },
          cooldown: { value: 0 },
          movementMode : { value: "staticspeed" }, // static or dynamic
          machineCurve : { value: {}},

          //define asset properties
          uuid: { value: "" },
          supplier: { value: "" },
          category: { value: "" },
          assetType: { value: "" },
          model: { value: "" },
          unit: { value: "" },

          //logger properties
          enableLog: { value: false },
          logLevel: { value: "error" },

          //physicalAspect
          positionVsParent: { value: "" },
          positionIcon: { value: "" },
          hasDistance: { value: false },
          distance: { value: 0 },
          distanceUnit: { value: "m" },
          distanceDescription: { value: "" }

    },
    inputs: 1,
    outputs: 3,
    inputLabels: ["Input"],
    outputLabels: ["process", "dbase", "parent"],
    icon: "font-awesome/fa-cog",

    label: function () {
      return this.positionIcon + " " + this.category || "Machine";
    },

    oneditprepare: function() {
      // wait for the menu scripts to load
      const waitForMenuData = () => {
        if (window.EVOLV?.nodes?.rotatingMachine?.initEditor) {
          window.EVOLV.nodes.rotatingMachine.initEditor(this);
        } else {
          setTimeout(waitForMenuData, 50);
        }
      };
      waitForMenuData();

      // your existing project‐settings & asset dropdown logic can remain here
      document.getElementById("node-input-speed");
      document.getElementById("node-input-startup");
      document.getElementById("node-input-warmup");
      document.getElementById("node-input-shutdown");
      document.getElementById("node-input-cooldown");
      const movementMode = document.getElementById("node-input-movementMode");
      if (movementMode) {
        movementMode.value = this.movementMode || "staticspeed";
      }

    },
    oneditsave: function() {
      const node = this;

      // save asset fields
      if (window.EVOLV?.nodes?.rotatingMachine?.assetMenu?.saveEditor) {
        window.EVOLV.nodes.rotatingMachine.assetMenu.saveEditor(this);
      }
      // save logger fields
      if (window.EVOLV?.nodes?.rotatingMachine?.loggerMenu?.saveEditor) {
        window.EVOLV.nodes.rotatingMachine.loggerMenu.saveEditor(this);
      }
      // save position field
      if (window.EVOLV?.nodes?.rotatingMachine?.positionMenu?.saveEditor) {
        window.EVOLV.nodes.rotatingMachine.positionMenu.saveEditor(this);
      }

      ["speed", "startup", "warmup", "shutdown", "cooldown"].forEach((field) => {
        const element = document.getElementById(`node-input-${field}`);
        const value = parseFloat(element?.value) || 0;
        console.log(`----------------> Saving ${field}: ${value}`);
        node[field] = value;
      });

      node.movementMode = document.getElementById("node-input-movementMode").value;
      console.log(`----------------> Saving movementMode: ${node.movementMode}`);
      
    }
  });
</script>

<!-- Main UI Template -->
<script type="text/html" data-template-name="rotatingMachine">

  <!-- Machine-specific controls -->
  <div class="form-row">
    <label for="node-input-speed"><i class="fa fa-clock-o"></i> Reaction Speed</label>
    <input type="number" id="node-input-speed" style="width:60%;" />
  </div>
  <div class="form-row">
    <label for="node-input-startup"><i class="fa fa-clock-o"></i> Startup Time</label>
    <input type="number" id="node-input-startup" style="width:60%;" />
  </div>
  <div class="form-row">
    <label for="node-input-warmup"><i class="fa fa-clock-o"></i> Warmup Time</label>
    <input type="number" id="node-input-warmup" style="width:60%;" />
  </div>
  <div class="form-row">
    <label for="node-input-shutdown"><i class="fa fa-clock-o"></i> Shutdown Time</label>
    <input type="number" id="node-input-shutdown" style="width:60%;" />
  </div>
  <div class="form-row">
    <label for="node-input-cooldown"><i class="fa fa-clock-o"></i> Cooldown Time</label>
    <input type="number" id="node-input-cooldown" style="width:60%;" />
  </div>
  <div class="form-row">
    <label for="node-input-movementMode"><i class="fa fa-exchange"></i> Movement Mode</label>
    <select id="node-input-movementMode" style="width:60%;">
      <option value="staticspeed">Static</option>
      <option value="dynspeed">Dynamic</option>
    </select>
  </div>

  <!-- Asset fields injected here -->
  <div id="asset-fields-placeholder"></div>

  <!-- Logger fields injected here -->
  <div id="logger-fields-placeholder"></div>

  <!-- Position fields injected here -->
  <div id="position-fields-placeholder"></div>

</script>

<script type="text/html" data-help-name="rotatingMachine">
  <p><b>Rotating Machine Node</b>: Configure a rotating‐machine asset.</p>
  <ul>
    <li><b>Reaction Speed, Startup, Warmup, Shutdown, Cooldown:</b> timing parameters.</li>
    <li><b>Supplier / SubType / Model / Unit:</b> choose via Asset menu.</li>
    <li><b>Enable Log / Log Level:</b> toggle via Logger menu.</li>
    <li><b>Position:</b> set Upstream / At Equipment / Downstream via Position menu.</li>
  </ul>
</script>