crypto-nodes/symbolConfig.html

<!-- Assertion selector css Block -->

<style>
    
    #symbol-config-container .dir_wrap {
        clear: both;
        padding: 5px;
    }

    #symbol-config-container .dir_1_lbl,
    #symbol-config-container .dir_2_lbl,
    #symbol-config-container .dir_1_inp,
    #symbol-config-container .dir_2_inp {
        float: left;
        padding: 0px;
        width: 75px;
    }

</style>

<script type="text/javascript">
    RED.nodes.registerType('symbolConfig', {
        category: 'crypto',
        color: '#C0DEED',
        defaults: {
            name: {value: ""},
            symbols: { value: ""},
            exchanges: { value: "" },
            extra: { value: "" },
        },
        inputs: 1, 
        outputs: 2,
        icon: "symbols.png", 
        label: function () {
            return this.name || 'Symbol Configuration';
        },
        inputLabels: [],
        outputLabels: [],
        oneditprepare: function() { symbolConfig.init(this); },
        oneditsave: function() { symbolConfig.save(this); }

    });
</script>

<script type="text/x-red" data-template-name="symbolConfig">
	
	    <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-symbols"><i class="icon-tag"></i> Symbols </label>
            <textarea id="node-input-symbols">
            </textarea>
        </div>

       <!-- <div class="form-row">
            <label for="node-input-symbols"><i class="icon-tag"></i> Exchanges </label>
            <textarea id="node-input-exchanges">
            </textarea>
        </div> -->

        <div id="symbol-config-container">
        </div>

        <div class="form-row">
            <label for="node-input-extra"><i class="icon-tag"></i> Additional Config </label>
            <textarea id="node-input-extra">
            </textarea>
        </div>
	
</script>

<script type="text/x-red" data-help-name="symbolConfig">
    <p>Allows you to configure which symbols we want to receive from all exchanges.</p>
</script>