node-red-contrib-cii-calculator/cii-calculator.html

A custom Node-RED node for calculating CII with user input.

<script type="text/javascript">
  RED.nodes.registerType("cii-calculator", {
    category: "케이디에스",
    color: "#68BCF9",
    defaults: {
      name: { value: "" },
      ship_type: { value: "" },
      gross_tonnage: { value: 0 }, // 유효성 검사 제거
      summer_load_dwt: { value: 0 }, // 유효성 검사 제거
      reduction_factor: { value: 2024 },
      diesel_gas_oil_consumption: { value: 0 },
      light_fuel_oil_consumption: { value: 0 },
      heavy_fuel_oil_consumption: { value: 0 },
      lpg_propane_consumption: { value: 0 },
      lpg_butane_consumption: { value: 0 },
      lpg_consumption: { value: 0 },
      methanol_consumption: { value: 0 },
      ethanol_consumption: { value: 0 },
      total_distance_travelled: { value: 0 }, // 유효성 검사 제거
    },
    inputs: 1,
    outputs: 1,
    icon: "font-awesome/fa-ship",
    label: function () {
      return this.name || "CII Calculator";
    },
  });
</script>

<script type="text/html" data-template-name="cii-calculator">
  <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="Node name" />
  </div>

  <div class="form-row">
    <label for="node-input-ship_type"
      ><i class="fa fa-ship"></i> Ship Type</label
    >
    <select id="node-input-ship_type">
      <option value="Bulk Carrier">Bulk Carrier</option>
      <option value="Gas Carrier">Gas Carrier</option>
      <option value="Tanker">Tanker</option>
      <option value="Container Ship">Container Ship</option>
      <option value="General Cargo Ship">General Cargo Ship</option>
      <option value="Refrigerated Cargo Carrier">
        Refrigerated Cargo Carrier
      </option>
      <option value="Combination Carrier">Combination Carrier</option>
      <option value="LNG Carrier">LNG Carrier</option>
      <option value="Ro-Ro Cargo Ship (Vehicle Carrier)">
        Ro-Ro Cargo Ship (Vehicle Carrier)
      </option>
      <option value="Ro-Ro Cargo Ship">Ro-Ro Cargo Ship</option>
      <option value="Ro-Ro Passenger Ship">Ro-Ro Passenger Ship</option>
      <option value="Cruise Passenger Ship">Cruise Passenger Ship</option>
    </select>
  </div>

  <div class="form-row">
    <label for="node-input-gross_tonnage"
      ><i class="fa fa-weight"></i> Gross Tonnage</label
    >
    <input type="number" id="node-input-gross_tonnage" />
  </div>

  <div class="form-row">
    <label for="node-input-summer_load_dwt"
      ><i class="fa fa-anchor"></i> Summer Load DWT</label
    >
    <input type="number" id="node-input-summer_load_dwt" />
  </div>

  <div class="form-row">
    <label for="node-input-reduction_factor"
      ><i class="fa fa-calendar"></i> Reduction Factor Year</label
    >
    <input type="number" id="node-input-reduction_factor" value="2024" />
  </div>

  <div class="form-row">
    <label for="node-input-diesel_gas_oil_consumption"
      ><i class="fa fa-tint"></i> Diesel Gas Oil Consumption</label
    >
    <input
      type="number"
      id="node-input-diesel_gas_oil_consumption"
      placeholder="Liters"
    />
  </div>

  <div class="form-row">
    <label for="node-input-light_fuel_oil_consumption"
      ><i class="fa fa-tint"></i> Light Fuel Oil Consumption</label
    >
    <input
      type="number"
      id="node-input-light_fuel_oil_consumption"
      placeholder="Liters"
    />
  </div>

  <div class="form-row">
    <label for="node-input-heavy_fuel_oil_consumption"
      ><i class="fa fa-tint"></i> Heavy Fuel Oil Consumption</label
    >
    <input
      type="number"
      id="node-input-heavy_fuel_oil_consumption"
      placeholder="Liters"
    />
  </div>

  <div class="form-row">
    <label for="node-input-lpg_propane_consumption"
      ><i class="fa fa-tint"></i> LPG Propane Consumption</label
    >
    <input
      type="number"
      id="node-input-lpg_propane_consumption"
      placeholder="Liters"
    />
  </div>

  <div class="form-row">
    <label for="node-input-lpg_butane_consumption"
      ><i class="fa fa-tint"></i> LPG Butane Consumption</label
    >
    <input
      type="number"
      id="node-input-lpg_butane_consumption"
      placeholder="Liters"
    />
  </div>

  <div class="form-row">
    <label for="node-input-lpg_consumption"
      ><i class="fa fa-tint"></i> LPG Consumption</label
    >
    <input type="number" id="node-input-lpg_consumption" placeholder="Liters" />
  </div>

  <div class="form-row">
    <label for="node-input-methanol_consumption"
      ><i class="fa fa-tint"></i> Methanol Consumption</label
    >
    <input
      type="number"
      id="node-input-methanol_consumption"
      placeholder="Liters"
    />
  </div>

  <div class="form-row">
    <label for="node-input-ethanol_consumption"
      ><i class="fa fa-tint"></i> Ethanol Consumption</label
    >
    <input
      type="number"
      id="node-input-ethanol_consumption"
      placeholder="Liters"
    />
  </div>

  <div class="form-row">
    <label for="node-input-total_distance_travelled"
      ><i class="fa fa-road"></i> Total Distance Travelled</label
    >
    <input type="number" id="node-input-total_distance_travelled" />
  </div>
</script>