node-red-contrib-mobilex/nodes/page-navigation/navigation.html

Nós Node-RED para gerar interfaces mobileX usando a linguagem X

<script type="text/javascript">
	RED.nodes.registerType('mobilex-navigation', {
		category: 'mobileX Front',
		color: '#4CAF50',
		icon: 'font-awesome/fa-bars',
		inputs: 1,
		outputs: 1,
		defaults: {
			background: {value: "#ffffff"},
			color: {value: "#000000"},
			title: {value: "Navegação"},
		},
		label: function () {
			return this.name || "MobileX Navigation";
		}
	});
</script>

<script type="text/html" data-template-name="mobilex-navigation">
    <div class="form-row">
        <label>Cor de Fundo</label>
        <input type="color" id="node-input-background">
    </div>
    
    <div class="form-row">
        <label>Cor do Texto</label>
        <input type="color" id="node-input-color">
    </div>
    
    <div class="form-row">
        <label>Título</label>
        <input type="text" id="node-input-title">
    </div>
</script>