device/node-red/azureiothub/azureiothub.html

<script type="text/javascript">
    RED.nodes.registerType('azureiothub',{
        category: 'cloud',
        color: '#00abec',
        defaults: {
            name: {value:"Azure IoT Hub"},
            protocol: {value:"amqp"},
            contentEncoding: {value: ""},
            contentTypeApplicationJsonEnabled: {value: false},
        },
        inputs:1,
        outputs:1,
        icon: "azureiothub.png",
        label: function() {
            return this.name||"Azure IoT Hub";
        },
        credentials: {
            connectionstring: {type:"text"}
        }
    });
</script>

<script type="text/x-red" data-template-name="azureiothub">
    <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-protocol"><i class="icon-tag"></i> Protocol</label>
        <select id="node-input-protocol">
            <option>http</option>
            <option>amqp</option>
            <option>mqtt</option>
            <option>amqpWs</option>
        </select>
    </div>
    <div class="form-row">
        <label for="node-input-connectionstring"><i class="fa fa-bookmark"></i> Connection String</label>
        <input type="text" id="node-input-connectionstring">
    </div>
    <div class="form-row">
        <label for="node-input-contentEncoding">Content Encoding</label>
        <select id="node-input-contentEncoding">
            <option value=""></option>
            <option value="utf-8">utf-8</option>
            <option value="utf-16">utf-16</option>
            <option value="utf-32">utf-32</option>
        </select>
    </div>
    <div class="form-row">
        <label for="node-input-contentTypeApplicationJsonEnabled">Content Type</label>
        <input type="checkbox" id="node-input-contentTypeApplicationJsonEnabled" style="display:inline-block; width:auto; vertical-align:top;" autocomplete="off">
        <label for="node-input-recursive" style="width:70%;"> application/json</label>
    </div>
</script>

<script type="text/x-red" data-help-name="azureiothub">
    <p>A simple node that sends the message payloads Azure IoT Hub</p>
</script>