node-red-contrib-oee-fsm/oee-statediagram.html

A Node-RED node to create a simple finite state machine with states off, on, working, idle, and alarm condition.

<!--

Copyright 2023 Bufferstack.IO Analytics Technology LLP, Pune.

Licensed under the GNU General Public License, Version 3.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.gnu.org/licenses/gpl-3.0.html

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

-->

<script type="text/javascript">
  RED.nodes.registerType("oee-fsm", {
    category: "Bufferstack.IO",
    color: "#a6bbcf",
    defaults: {
      name: { value: "" },
    },
    inputs: 1,
    outputs: 1,
    icon: "font-awesome/fa-cogs",
    label: function () {
      return this.name || "oee-fsm";
    },
    labelStyle: function () {
      return this.name ? "node_label_italic" : "";
    },
  });
</script>

<script type="text/html" data-template-name="oee-fsm">
  <div class="form-row">
    <label for="node-input-name"><i class="icon-tag"></i> Name</label>
    <input type="text" id="node-input-name" placeholder="Name">
  </div>
</script>

<script type="text/html" data-help-name="oee-fsm">
  <p>
    The OEE Diagram node represents a simple state diagram for an OEE calculation system.
  </p>
  <p>
    The node has four states: "Idle", "Setup", "Run", and "Maintenance". It listens for incoming messages with a "command" property to change its state.
  </p>
</script>