node-red-contrib-jinhub/jinhub.html

jinhub allows your device exchange data in the cloud throught websocket

<!--
  Copyright 2020 jinyistudio  
-->

<!-- 
* jinhub-in
-->
<script type="text/x-red" data-template-name="jinhub-in">        
    <div class="form-row" id="node-set-prop">
        <label for="node-input-prop">Property</label>
        <input type="text" id="node-input-prop">    
    </div>    
    <div class="form-row" id="node-set-topic">
        <label for="node-input-prop">Topic</label>
        <input type="text" id="node-input-topic">    
    </div>
    <div class="form-row" id="node-set-name">
        <label for="node-input-name">Name</label>
        <input type="text" id="node-input-name">
    </div>  
</script>

<script type="text/x-red" data-help-name="jinhub-in">
    <p>jinhub in parse data throght websocket from cloud device</p> 
</script>

<script type="text/javascript">
    RED.nodes.registerType('jinhub-in',{
        category: 'JinYi Studio',
        color: '#EEE5FF',
        defaults: {            
            prop: {
                value:"",
                required:true,
                validate: function(val) {
                    return val !== '';
                }
            },
            topic:{
                value:""
            },
            name: {
                value:""
            }          
        },
        inputs:1,
        outputs:1,
        paletteLabel: "Jinhub In",
        icon: "jinhub.png",
        label: function() {
            return this.name || this.prop;
        },
        oneditprepare: function() {                      
            
        }
    });
</script>
<!--  *********************************
* jy-jinhub-out
**********************************  -->
<script type="text/x-red" data-template-name="jinhub-out">      
    <div class="form-row" id="node-set-slot">
        <label for="node-input-prop">Hub Slot</label>
        <input type="text" id="node-input-slot"> 
        <label>&nbsp;</label>  
        <label for="node-input-prop">empty:broadcast</label> 
    </div> 
    <div class="form-row" id="node-set-prop">
        <label for="node-input-prop">Property</label>
        <input type="text" id="node-input-prop">    
    </div>    
    <div class="form-row" id="node-set-topic">
        <label for="node-input-prop">Topic</label>
        <input type="text" id="node-input-topic">    
    </div>
    <div class="form-row" id="node-set-name">
        <label for="node-input-name">Name</label>
        <input type="text" id="node-input-name">
    </div>  
</script>

<script type="text/x-red" data-help-name="jinhub-out">
    <p>jinhub out generate data throught websocket to cloud device</p> 
</script>

<script type="text/javascript">
    RED.nodes.registerType('jinhub-out',{
        category: 'JinYi Studio',
        color: '#EEE5FF',
        defaults: {
            slot: {
                value:""
            }, 
            prop: {
                value:"",
                required:true,
                validate: function(val) {
                    return val !== '';
                }
            },
            topic: {
                value:""
            }, 
            name: {
                value:""
            }                
        },
        inputs:1,
        outputs:1,
        align: 'right',
        paletteLabel: "Jinhub Out",
        icon: "jinhub.png",
        label: function() {
            return this.name || this.prop;
        },
        oneditprepare: function() {                      
            
        }
    });
</script>