<script type="text/x-red" data-template-name="notify">
    <div class="form-row">
        <label for="node-input-title"><i class="fa fa-flag"></i> Title</label>
        <input type="text" id="node-input-title" placeholder="Node-RED">
    </div>
    <div class="form-row">
        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="notify">
    <p>Uses Growl to provide a desktop popup containing the <code>msg.payload</code>. Only useful on the local machine.</p>
    <p>Optionally uses <code>msg.topic</code> as the title.</p>
    <p>Uses Growl so should work cross platform but will need pre-reqs installed... see <i><a href="https://npmjs.org/package/growl" target="_new">this link.</a></i></p>
    <p>If installing on Windows you MUST read the install instructions ... especially the bit about adding growlnotify to your path... or it WILL NOT work.</p>
</script>

<script type="text/javascript">
    RED.nodes.registerType('notify',{
        category: 'output',
        defaults: {
            title: {value:""},
            name: {value:""}
        },
        color:"#a7c9a0",
        inputs:1,
        outputs:0,
        icon: "alert.png",
        align: "right",
        label: function() {
            return this.name||this.title||"notify";
        },
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        }
    });

</script>