node-red-contrib-pixelit/pixelit/matrixConfig.html

PixelIt Project

<script type="text/javascript">
    RED.nodes.registerType('Matrix Config', {
        category: 'Pixel It',
        color: '#ff823a',
        defaults: {
            name: {
                value: "Matrix Config"
            },
            matrixtBrightness: {
                value: 85,
                required: true
            },
            matrixType: {
                value: 1,
                required: true
            },
            matrixTempCorrection: {
                value: "default",
                required: true
            },
            ntpServer: {
                value: "de.pool.ntp.org",
                required: true
            },
            clockTimeZone: {
                value: 1,
                required: true
            },
            scrollTextDefaultDelay: {
                value: 110,
                required: true
            },
            bootScreenAktiv: {
                value: "true"
            },
            mqttAktiv: {
                value: "false"
            },
            mqttServer: {
                value: "",
                required: false
            },
            mqttPort: {
                value: 1883,
                required: false
            },
            mqttUser: {
                value: "",
                required: false
            },
            mqttPassword: {
                value: "",
                required: false
            },
            mqttMasterTopic: {
                value: "",
                required: false
            }
        },
        inputs: 1,
        outputs: 1,
        icon: "spaceInvader.png",
        label: function () {
            return this.name || "Matrix Config";
        }
    });
</script>

<script type="text/x-red" data-template-name="Matrix Config">
    <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>
    <div class="form-row">
        <label for="node-input-matrixtBrightness"><i class="icon-tag"></i> Matrix Brightness</label>
        <input type="number" id="node-input-matrixtBrightness">
    </div>
    <div class="form-row">
        <label for="node-input-matrixType"><i class="icon-tag"></i> Matrix Type</label>
        <select id="node-input-matrixType">
            <option value="1">Type 1</option>
            <option value="2">Type 2</option>
          </select>
    </div>
    <div class="form-row">
        <label for="node-input-matrixTempCorrection"><i class="icon-tag"></i> Matrix Correction</label>
        <select id="node-input-matrixTempCorrection">
            <option value="default">Default</option>
            <option value="typicalsmd5050">TypicalSMD5050</option>
            <option value="typical8mmpixel">Typical8mmPixel</option>
            <option value="tungsten40w">Tungsten40W</option>
            <option value="tungsten100w">Tungsten100W</option>
            <option value="halogen">Halogen</option>
            <option value="carbonarc">CarbonArc</option>
            <option value="highnoonsun">HighNoonSun</option>
            <option value="directsunlight">DirectSunlight</option>
            <option value="overcastsky">OvercastSky</option>
            <option value="clearbluesky">ClearBlueSky</option>
            <option value="warmfluorescent">WarmFluorescent</option>
            <option value="standardfluorescent">StandardFluorescent</option>
            <option value="coolwhitefluorescent">CoolWhiteFluorescent</option>
            <option value="fullspectrumfluorescent">FullSpectrumFluorescent</option>
            <option value="growlightfluorescent">GrowLightFluorescent</option>
            <option value="blacklightfluorescent">BlackLightFluorescent</option>
            <option value="mercuryvapor">MercuryVapor</option>
            <option value="sodiumvapor">SodiumVapor</option>
            <option value="metalhalide">MetalHalide</option>
            <option value="highpressuresodium">HighPressureSodium</option>
          </select>
    </div>
    <div class="form-row">
        <label for="node-input-ntpServer"><i class="icon-tag"></i> NTP Server</label>
        <input type="text" id="node-input-ntpServer">
    </div>
    <div class="form-row">
        <label for="node-input-clockTimeZone"><i class="icon-tag"></i> Clock offset</label>
        <input type="number" id="node-input-clockTimeZone">
    </div>
    <div class="form-row">
        <label for="node-input-scrollTextDefaultDelay"><i class="icon-tag"></i> ScrollText Default Delay</label>
        <input type="number" id="node-input-scrollTextDefaultDelay">
    </div>
    <div class="form-row">
        <label for="node-input-bootScreenAktiv"><i class="icon-tag"></i> Bootscreen aktiv</label>
        <select id="node-input-bootScreenAktiv">
            <option value="true">On</option>
            <option value="false">Off</option>
        </select>
    </div>
    <div class="form-row">
        <label for="node-input-mqttAktiv"><i class="icon-tag"></i> MQTT aktiv</label>
        <select id="node-input-mqttAktiv">
            <option value="true">On</option>
            <option value="false">Off</option>
          </select>
    </div>
    <div class="form-row">
        <label for="node-input-mqttUser"><i class="icon-tag"></i> MQTT User</label>
        <input type="text" id="node-input-mqttUser">
    </div>
    <div class="form-row">
        <label for="node-input-mqttPassword"><i class="icon-tag"></i> MQTT Password</label>
        <input type="text" id="node-input-mqttPassword">
    </div>
    <div class="form-row">
        <label for="node-input-mqttServer"><i class="icon-tag"></i> MQTT Server</label>
        <input type="text" id="node-input-mqttServer">
    </div>
    <div class="form-row">
        <label for="node-input-mqttPort"><i class="icon-tag"></i> MQTT Port</label>
        <input type="number" id="node-input-mqttPort">
    </div>
    <div class="form-row">
        <label for="node-input-mqttMasterTopic"><i class="icon-tag"></i> MQTT MasterTopic</label>
        <input type="text" id="node-input-mqttMasterTopic">
    </div>
</script>

<script type="text/x-red" data-help-name="Matrix Config">
    <p>For more information please visit the <a href="https://www.bastelbunker.de/pixel-it/">Blog</a>, <a href="https://wiki.dietru.de/books/pixel-it/page/matrix-config-node">Documentation</a> or <a href="https://github.com/pixelit-project/PixelIt/discussions">Forum</a></p>    
</script>