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

PixelIt Project

<script type="text/javascript">
    RED.nodes.registerType('Text', {
        category: 'Pixel It',
        color: '#47c0e8',
        defaults: {
            name: {
                value: "Text"
            },
            intextString: {
                value: "Pixel!!!"
            },
            inbigFont: {
                value: "false"
            },
            inscrollText: {
                value: "false"
            },
            inscrollTextDelay: {
                value: "0"
            },
            incenterText: {
                value: "false"
            },
            inposX: {
                value: "7"
            },
            inposY: {
                value: "1"
            },
            incolorHex: {
                value: null
            },
            incolorR: {
                value: "255"
            },
            incolorG: {
                value: "255"
            },
            incolorB: {
                value: "255"
            }
        },
        inputs: 1,
        outputs: 1,
        icon: "spaceInvader.png",
        label: function () {
            return this.name || "Text";
        }
    });
</script>

<script type="text/x-red" data-template-name="Text">
    <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-intextString"><i class="icon-tag"></i> Text</label>
        <input type="text" id="node-input-intextString">
    </div>
    <div class="form-row">
        <label for="node-input-inbigFont"><i class="icon-tag"></i> Big Font</label>
        <select id="node-input-inbigFont">
            <option value="true">On</option>
            <option value="false">Off</option>
          </select>
    </div>
    <div class="form-row">
        <label for="node-input-inscrollText"><i class="icon-tag"></i> Scrolling</label>
        <select id="node-input-inscrollText">
            <option value="true">On</option>
            <option value="false">Off</option>
            <option value="auto">Automatic</option>
          </select>
    </div>
    <div class="form-row">
        <label for="node-input-inscrollTextDelay"><i class="icon-tag"></i> Scroll Delay</label>
        <input type="text" id="node-input-inscrollTextDelay">
    </div>
    <div class="form-row">
        <label for="node-input-incenterText"><i class="icon-tag"></i> Centered</label>
        <select id="node-input-incenterText">
            <option value="true">On</option>
            <option value="false">Off</option>
          </select>
    </div>
    <div class="form-row">
        <label for="node-input-inposX"><i class="icon-tag"></i> Position X</label>
        <input type="text" id="node-input-inposX">
    </div>
    <div class="form-row">
        <label for="node-input-inposY"><i class="icon-tag"></i> Position Y</label>
        <input type="text" id="node-input-inposY">
    </div>
    <div class="form-row">
        <label for="node-input-incolorHex"><i class="icon-tag"></i> Hex Color</label>
        <input type="text" id="node-input-incolorHex">
    </div>
    <div class="form-row">
        <label for="node-input-incolorR"><i class="icon-tag"></i> Color R</label>
        <input type="text" id="node-input-incolorR">
    </div>
    <div class="form-row">
        <label for="node-input-incolorG"><i class="icon-tag"></i> Color G</label>
        <input type="text" id="node-input-incolorG">
    </div>
    <div class="form-row">
        <label for="node-input-incolorB"><i class="icon-tag"></i> Color B</label>
        <input type="text" id="node-input-incolorB">
    </div>
</script>

<script type="text/x-red" data-help-name="Text">
    <p>For more information please visit the <a href="https://www.bastelbunker.de/pixel-it/">Blog</a>, <a href="https://pixelit-project.github.io/nodered.html#text">Documentation</a> or <a href="https://github.com/pixelit-project/PixelIt/discussions">Forum</a></p>    
</script>