qm-ac-power-mapping/ac-power-mapping.html

Mapping Set voltage | AC Power Source Module | Node-RED

<script type="text/javascript">
    RED.nodes.registerType('ac-power-mapping', {
        category: 'config',
        defaults: {
            name: { value: "" },
            slot: { value: "1", required: true },
            voltage_limit: { value: "300", required: true },
            current_limit: { value: "20", required: true },

            connectorVA: { value: "" },
            labelVA: { value: ""},

            connectorVN: { value: "" },
            labelVN: { value: ""},

            connectorVB: { value: "" },
            labelVB: { value: ""},

            connectorVC: { value: "" },
            labelVC: { value: ""},

            connectorIAp: {value: ""},
            labelIAp: { value: ""},

            connectorIAm: {value: ""},
            labelIAm: { value:""},

            connectorIBp: {value: ""},
            labelIBp: { value: ""},

            connectorIBm: {value: ""},
            labelIBm: { value:""},

            connectorICp: {value: ""},
            labelICp: { value:""},

            connectorICm: {value: ""},
            labelICm: { value:""},
            
        },
        label: function() {
            return this.name || ""
        },
        oneditresize: function() {
            $("#red-ui-editor-config-scope").val($("#red-ui-editor-config-scope option:first").val());
        },
        oneditprepare: function() {
            $("#SLOT").text(`INSTANCE ${this.slot != undefined ? this.slot : "" } AC Power Modular mapping`);
        },
    });
</script>
<style>
    /* COPIAR ESSE PEDAÇO DO NAME UNIVERSAL  */
    .columm { display: flex !important; flex-direction: column !important; }
    .columm-70 { display: flex !important; width: 70% !important; flex-direction: column !important; }
    .row { display: flex; flex-direction: row;}
    .form-row-x { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 5px 0px}
    .hr-full { width: 100% !important; }
    /* ATE AQUI  */
    .label-resp-mapVoltage { width: 120px !important; }
    .input-resp-mapVoltage { width: 100% !important; }
</style>

<script type="text/html" data-template-name="ac-power-mapping">
    <div class="form-row columm">
        <label for="node-config-input-name"><i class="fa fa-tag"></i> Mapping Name</label>
        <input type="text" id="node-config-input-name" style="width:80%;">
    </div>
    <div class="row">
        <div class="form-row columm" style="width: 20%;">
            <label for="node-config-input-slot" style="text-align: left !important; margin: 0px !important;"><i class="fa fa-sliders"></i> Instance</label>
            <input min="1" max="9" type="number" id="node-config-input-slot" style="width:70%;">
        </div>
        <div class="form-row columm" style="width: 27%;">
            <label for="node-config-input-slot" style="text-align: left !important; margin: 0px !important;"><i class="fa fa-bolt"></i> Voltage Limit</label>
            <input min="0" type="number" id="node-config-input-voltage_limit" style="width: 82%;">
        </div>
        <div class="form-row columm">
            <label for="node-config-input-slot" style="text-align: left !important; margin: 0px !important;"><i class="fa fa-bolt"></i> Current Limit</label>
            <input min="0" type="number" id="node-config-input-current_limit" style="width: 64%;">
        </div>
    </div>

    <hr class="hr-full">
    <h2 id="SLOT"></h2>
    <h3>Connector CN12 - VOLTAGE_BOARD</h3>
    <div class="form-row">
        <div class="form-row-x">
            <span> Jig interface </span>
            <span style="margin-right: 13px;"> Board Interface (TP or Connector) </span>
        </div>
        <div class="form-row-x">
            <label><i c<i class="fa fa-microchip"></i></i> VN - PIN - 1</label>
            <input type="text" id="node-config-input-connectorVN" class="input-resp-mapVoltage">
        </div>
        <div class="form-row-x">
            <label><i class="fa fa-microchip"></i> VA - PIN - 2</label>
            <input type="text" id="node-config-input-connectorVA" class="input-resp-mapVoltage">
        </div>
        <div class="form-row-x">
            <label><i class="fa fa-microchip"></i> VB - PIN - 3</label>
            <input type="text" id="node-config-input-connectorVB" class="input-resp-mapVoltage">
        </div>
        <div class="form-row-x">
            <label><i class="fa fa-microchip"></i> VC - PIN - 4</label>
            <input type="text" id="node-config-input-connectorVC" class="input-resp-mapVoltage">
        </div>
    
    </div>
    <h3> Connector CN1 – CURRENT_SHIELD </h3>
    <div class="form-row">
        <div class="form-row-x">
            <span> Jig interface </span>
            <span style="margin-right: 13px;"> Board Interface (TP or Connector) </span>
        </div>
        <div class="form-row columm">
            <div class="form-row-x">
                <label><i class="fa fa-microchip"></i> IA+ - PIN - 2</label>
                <input type="text" id="node-config-input-connectorIAp" class="input-resp-mapVoltage">
            </div>
            <div class="form-row-x">
                <label><i class="fa fa-microchip"></i> IA- - PIN - 1</label>
                <input type="text" id="node-config-input-connectorIAm" class="input-resp-mapVoltage">

            </div>
            <div class="form-row-x">
                <label><i class="fa fa-microchip"></i> IB+ - PIN - 2</label>
                <input type="text" id="node-config-input-connectorIBp" class="input-resp-mapVoltage">
            </div>
            <div class="form-row-x">
                <label><i class="fa fa-microchip"></i> IB- - PIN - 1</label>
                <input type="text" id="node-config-input-connectorIBm" class="input-resp-mapVoltage">
            </div>
            <div class="form-row-x">
                <label><i class="fa fa-microchip"></i> IC+ - PIN - 2</label>
                <input type="text" id="node-config-input-connectorICp" class="input-resp-mapVoltage">
            </div>
            <div class="form-row-x">
                <label><i class="fa fa-microchip"></i> IC- - PIN - 1</label>
                <input type="text" id="node-config-input-connectorICm" class="input-resp-mapVoltage">
            </div>

        </div>
    </div>
</script>

<script type="text/html" data-help-name="ac-power-mapping">
    <p>working on it...</p>
</script>