node-red-contrib-mobilex
Version:
Nós Node-RED para gerar interfaces mobileX usando a linguagem X
77 lines (71 loc) • 2.07 kB
HTML
<script type="text/javascript">
RED.nodes.registerType('mobilex-group-list', {
category: 'mobileX Front',
color: '#ff9966',
icon: 'font-awesome/fa-layer-group',
inputs: 1,
outputs: 1,
defaults: {
name: {value: ""},
template: {value: "A"},
title: {value: "Grupo ABC"},
background: {value: "#A11480"},
color: {value: "#FFF"},
actions: {value: "[]"},
},
label: function () {
return this.name || "MobileX Group List";
}
});
</script>
<script type="text/html" data-template-name="mobilex-group-list">
<div class="form-row">
<label>Nome</label>
<input type="text" id="node-input-name">
</div>
<div class="form-row">
<label>Template</label>
<input type="text" id="node-input-template">
</div>
<div class="form-row">
<label>Título</label>
<input type="text" id="node-input-title">
</div>
<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>
</script>
<script type="text/html" data-help-name="mobilex-group-list">
<p>GroupList são modelos utilizados para criar telas que possuem uma listagem de um determinado componente.</p>
<span>GroupLists possuem três tipos modelos de templates:
<div>
<ul>
<li>Template Menu: utilizado para criar menus básicos e pré-configurados;</li>
<li>Template de Listagem: utilizado para apresentar informações em uma estrutura de listagem;</li>
<li>Template Carousel: utilizado para apresentar imagens em formato de carrossel.</liv>
<ul>
</div>
<h3>Outputs</h3>
<dl class="message-properties">
<dt>payload
<span class="property-type">Object</span>
</dt>
<dd id="json">
<pre>
{
"template": "A",
"title": "Grupo ABC",
"background": "#A11480",
"color": "#FFF",
"actions": [],
"itemsList": []
}
</pre>
</dd>
</dl>
</script>