// main node definition
<script type="text/html" data-template-name="tv_iot_client">
  <div class="form-row">
      <div class="form-row">
        <label for="node-config-input-pathCS"><i class="icon-bookmark"></i> Path to the certificate storage</label>
        <input type="text" id="node-config-input-pathCS">
      </div>
      <div class="form-row">
        <label for="node-config-input-host"><i class="fa fa-globe"></i> Agent IP</label>
        <input type="text" id="node-config-input-host" style="width:40%;">
      </div>
      <div class="form-row">
        <label for="node-config-input-port" class="icon-bookmark"> MQTT Port</label>
        <input type="text" id="node-config-input-port" style="width:55px;" >
      </div>
      <div class="form-row">
        <label for="node-config-input-provision" class="icon-bookmark"> MQTT Provision Port</label>
        <input type="text" id="node-config-input-provision" style="width:55px;" >
      </div>
      <div class="form-row">
        <label for="node-config-input-pathCA"><i class="icon-bookmark"></i> Path to CA file</label>
        <input type="text" id="node-config-input-pathCA">
      </div>
      <div class="form-row">
        <label for="node-config-input-pathLog"><i class="icon-bookmark"></i> Logfile Path</label>
        <input type="text" id="node-config-input-pathLog">
      </div>
      <div class="form-row">
        <label for="node-config-input-logLevel"><i class="icon-bookmark"></i> Log Level</label>
        <select id="node-config-input-logLevel">
            <option>error</option>
            <option>trace</option>
        </select>
     </div>
</div>

</script>

// edit template
<script type="text/javascript">
  RED.nodes.registerType ('tv_iot_client',{
      category: 'config',
      defaults: {
          pathCS: {value:"/var/lib/teamviewer-iot-agent/certs",required:true},
          host: {value:"localhost",required:true},
          port: {value:18884,required:false,validate:RED.validators.number(true)},
          provision: {value:18883,required:false,validate:RED.validators.number(true)},
          pathCA: {value:"/var/lib/teamviewer-iot-agent/certs/TeamViewerAuthority.crt",required:true},
          pathLog: {value:"/tmp/tv_iot_sdk.log",required:true},
          logLevel: {value:"error"}
      },
      input:1,
      paletteLabel: 'teamviewer client',
      label: function () {
	      return `${this.host} : ${this.port}`;
      }
  })
</script>

// help text
<script type="text/html" data-help-name="tv_iot_client">
    <p>Use this node to communicate with TeamViewer IoT Agent. It can be used to create sensors/metrics and to push data to the TeamViewer-IoT platform.</p>

     <h3>Details</h3>
     <p>On its first execution the node creates all the required certificates and a connector to communicate with TeamViewer-IoT Agent. If the certificate and connector are created the node will bypass this step.</p>
    
     <h3>Notes</h3>
     <p>Before using this node, the TeamViewer-IoT Agent should be installed on the device and provisioned to the required account. Please follow to the instruction from <a href="https://community.teamviewer.com/t5/TeamViewer-IoT-Knowledge-Base/Install-TeamViewer-IoT-Agent/ta-p/17084">https://community.teamviewer.com/t5/TeamViewer-IoT-Knowledge-Base/Install-TeamViewer-IoT-Agent/ta-p/17084</a> on how to install and provision your device.</p>

</script>