node-red-contrib-zwave-js/resources/UITab/ValueEditors.html

The most powerful, high performing and highly polished Z-Wave node for Node-RED based on Z-Wave JS. If you want a fully featured Z-Wave framework in your Node-RED instance, you have found it.

{{#eq allowManualEntry false}}
  <div class="zwjs-hint">This property is restricted to a set list of values</div>
{{/eq}}

{{#eq type "any"}}
  <div class="zwjs-hint">This property is an object and not a primitive type</div>
{{/eq}}


    {{#eq allowManualEntry false}}
        <div>
            <select id="zwjs-cc-value-new"> 
                {{#select currentValue}}
                    {{#each states}}
                        <option value="{{@key}}">{{this}}</option>
                    {{/each}}
                {{/select}}
            </select>

            <button onclick="ZWaveJS.UpdateValue(this,'{{encode valueId}}')">Send Update</button>
        </div>
        
    {{else}}
        <div>
            {{#eq type "number"}}
                <input id="zwjs-cc-value-new" type="number" value="{{currentValue}}">
            {{/eq}}

            {{#eq type "boolean"}}
                <input id="zwjs-cc-value-new"  type="checkbox" {{#if currentValue}}checked{{/if}}>
            {{/eq}}

            {{#eq type "color"}}
                <input id="zwjs-cc-value-new"  type="color" value="#{{currentValue}}">
            {{/eq}}

            {{#eq type "duration"}}
                <input id="zwjs-cc-value-new"  type="color" value="{{currentValue}}">
            {{/eq}}

            {{#eq type "any"}}
                {{#editor "zwjs-cc-value-new"}}{{{json currentValue}}}{{/editor}}
            {{/eq}}
            <button onclick="ZWaveJS.UpdateValue(this,'{{encode valueId}}')">Send Update</button>
            
        </div>

        {{#if states}}
            <div>
                <div class="zwjs-hint">This property also has a set list of values</div>

                <select id="zwjs-cc-value-new-defined"> 

                    {{#select currentValue}}
                        <option value="">Select Value</option>
                        {{#each states}}
                            <option value="{{@key}}">{{this}}</option>
                        {{/each}}
                    {{/select}}
                </select>
                <button onclick="ZWaveJS.UpdateValue(this,'{{encode valueId}}', true)">Send Update</button>
            </div>
        {{/if}}


    {{/eq}}