melcloud-connect.html

<script type="text/javascript">
  RED.nodes.registerType('melcloud-credential',{
      category: 'config',
      defaults: {
          email: {value:"user@domain.com",required:true},
          password: {value:"password",required:true},
      },
      label: function() {
          return "credentials for " + this.email;
      }
  });
</script>

<script type="text/html" data-template-name="melcloud-credential">
  <div class="form-row">
      <label for="node-config-input-email"><i class="fa fa-bookmark"></i> Email</label>
      <input type="text" id="node-config-input-email">
  </div>
  <div class="form-row">
      <label for="node-config-input-password"><i class="fa fa-bookmark"></i> Password</label>
      <input type="text" id="node-config-input-password">
  </div>
</script>


<script type="text/javascript">
  RED.nodes.registerType("melcloud-device", {
    category: "input",
    color: "#ffcc66",
    defaults: {
      server: {value:"", type:"melcloud-credential", required: true},
      buildingid: { value:"" },
      deviceid: { value:""},
      mode: { value:"", required: false},
      power: { value:"", required: false}, 
      settemperature: { value:"", required: false,  validate:RED.validators.regex(/[0-9\.]*/) },
      setfanspeed: { value:"", required: false,  validate:RED.validators.regex(/[0-9]*/) }
    },
    inputs: 1,
    outputs: 1,
    icon: "feed.png",
    label: function() {
      return "melcloud-device : " + this.deviceid ;
    }
  });
</script>

<script type="text/x-red" data-template-name="melcloud-device">
    <div class="form-row">
        <label for="node-input-server"><i class="fa fa-globe"></i> Credentials</label>
        <input type="text" id="node-input-server" />
    </div>
    <div class="form-row">
        <label for="node-input-buildingid"><i class="fa fa-building"></i> BuildingID</label>
        <input type="text" id="node-input-buildingid" />
    </div>
    <div class="form-row">
      <label for="node-input-deviceid"><i class="fa fa-slideshare"></i> DeviceID</label>
      <input type="text" id="node-input-deviceid" />
  </div>
  <div class="form-row">
    <label for="node-input-mode"><i class="fa fa-recycle"></i> Mode</label>
    <select id="node-input-mode">
      <option value=""></option>
      <option value="auto">Auto</option>
      <option value="dry">Dry</option>
      <option value="heat">Heat</option>
      <option value="fan">Fan</option>
      <option value="cooling">Cooling</option>
   </select>
  </div>
  <div class="form-row">
    <label for="node-input-power"><i class="fa fa-power-off"></i> Power</label>
    <select id="node-input-power">
      <option value=""></option>
      <option value="on">On</option>
      <option value="off">Off</option>
   </select>
  </div>
  <div class="form-row">
    <label for="node-input-settemperature"><i class="fa fa-thermometer-half"></i> Set Temperature C°</label>
    <input type="text" id="node-input-settemperature" />
  </div>
  <div class="form-row">
    <label for="node-input-setfanspeed"><i class="fa fa-tachometer"></i> Set Fan Speed</label>
    <select id="node-input-setfanspeed">
      <option value=""></option>
      <option value="0">0 : Auto</option>
      <option value="1">1 : Lowest</option>
      <option value="2">2 : Low</option>
      <option value="3">3 : Medium</option>
      <option value="4">4 : High</option>
      <option value="5">5 : Max</option>
   </select>
  </div>
</script>



<script type="text/javascript">
  RED.nodes.registerType("melcloud-connect", {
    category: "input",
    color: "#ffcc66",
    defaults: {
      server: {value:"", type:"melcloud-credential", required: true},
      command: { value:"" },
    },
    inputs: 1,
    outputs: 1,
    icon: "feed.png",
    label: function() {
      return "melcloud-connect";
    }
  });
</script>

<script type="text/x-red" data-template-name="melcloud-connect">
    <div class="form-row">
        <label for="node-input-server"><i class="fa fa-globe"></i> Credentials</label>
        <input type="text" id="node-input-server" />
    </div>
    <div class="form-row">
        <label for="node-input-command"><i class="fa fa-terminal"></i> Command</label>
        <select id="node-input-command">
            <option value="getListDevices">Devices list</option>
        </select>
    </div>
</script>