reactor/advanced-reactor.html

<script type="text/javascript">
    RED.nodes.registerType("advanced-reactor", {
        category: 'WWTP',
        color: '#c4cce0',
        defaults: {
            name: { value: "" },
            volume: { value: 0., required: true},
            S_O_init: { value: 0., required: true },
            S_I_init: { value: 30., required: true },
            S_S_init: { value: 100., required: true },
            S_NH_init: { value: 16., required: true },
            S_N2_init: { value: 0., required: true },
            S_NO_init: { value: 0., required: true },
            S_HCO_init: { value: 5., required: true },
            X_I_init: { value: 25., required: true },
            X_S_init: { value: 75., required: true },
            X_H_init: { value: 30., required: true },
            X_STO_init: { value: 0., required: true },
            X_A_init: { value: 0.001, required: true },
            X_TS_init: { value: 125., required: true }
        },
        inputs: 1,
        outputs: 1,
        icon: "font-awesome/fa-recycle",
        label: function() {
            return this.name || "advanced-reactor";
        },
        oneditprepare: function() {
            $("#node-input-volume").typedInput({
                type:"num",
                types:["num"]
            });
            $(".concentrations").typedInput({
                type:"num",
                types:["num"]
            });
        },
        oneditsave: function() {
            let volume = parseFloat($("#node-input-volume").typedInput("value"));
            if (isNaN(volume) || volume <= 0) {
                RED.notify("Fluid volume not set correctly", {type: "error"});
            }
        }
    });
</script>

<script type="text/html" data-template-name="advanced-reactor">
    <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="Name">
    </div>
    <h2> Reactor properties </h2>
    <div class="form-row">
        <label for="node-input-volume"><i class="fa fa-tag"></i> Fluid volume [m3]</label>
        <input type="text" id="node-input-volume" placeholder="m3">
    </div>
    <h2> Dissolved components </h2>
    <div class="form-row">
        <label for="node-input-S_O_init"><i class="fa fa-tag"></i> Initial dissolved oxygen [g O2 m-3]</label>
        <input type="text" id="node-input-S_O_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-S_I_init"><i class="fa fa-tag"></i> Initial soluble inert  organics [g COD m-3]</label>
        <input type="text" id="node-input-S_I_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-S_S_init"><i class="fa fa-tag"></i> Initial readily biodegrable substrates [g COD m-3]</label>
        <input type="text" id="node-input-S_S_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-S_NH_init"><i class="fa fa-tag"></i> Initial ammonium / ammonia [g N m-3]</label>
        <input type="text" id="node-input-S_NH_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-S_N2_init"><i class="fa fa-tag"></i> Initial dinitrogen, released by denitrification [g N m-3]</label>
        <input type="text" id="node-input-S_N2_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-S_NO_init"><i class="fa fa-tag"></i> Initial nitrite + nitrate [g N m-3]</label>
        <input type="text" id="node-input-S_NO_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-S_HCO_init"><i class="fa fa-tag"></i> Initial alkalinity, bicarbonate [mole HCO3- m-3]</label>
        <input type="text" id="node-input-S_HCO_init" class="concentrations">
    </div>
    <h2> Particulate components </h2>
    <div class="form-row">
        <label for="node-input-X_I_init"><i class="fa fa-tag"></i> Initial inert particulate organics [g COD m-3]</label>
        <input type="text" id="node-input-X_I_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-X_S_init"><i class="fa fa-tag"></i> Initial slowly biodegrable substrates [g COD m-3]</label>
        <input type="text" id="node-input-X_S_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-X_H_init"><i class="fa fa-tag"></i> Initial heterotrophic biomass [g COD m-3]</label>
        <input type="text" id="node-input-X_H_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-X_STO_init"><i class="fa fa-tag"></i> Initial Organics stored by heterotrophs [g COD m-3]</label>
        <input type="text" id="node-input-X_STO_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-X_A_init"><i class="fa fa-tag"></i> Initial autotrophic, nitrifying biomass [g COD m-3]</label>
        <input type="text" id="node-input-X_A_init" class="concentrations">
    </div>
    <div class="form-row">
        <label for="node-input-X_TS_init"><i class="fa fa-tag"></i> Initial total suspended solids [g TSS m-3]</label>
        <input type="text" id="node-input-X_TS_init" class="concentrations">
    </div>
</script>

<script type="text/html" data-help-name="advanced-reactor">
    <p>New reactor node</p>
</script>