node-red-contrib-lgtv-with-fullscreen/nodes/lgtv-mouse.html

Node-RED Nodes to control LG webOS Smart TVs, with browser fullscreen

<script type="text/javascript">
    RED.nodes.registerType('lgtv-mouse', {
        category: 'lgtv',
        color: '#C0DEED',
        inputs: 1,
        defaults: {
            tv: {
                value: '',
                type: 'lgtv-config',
                required: true
            },
            name: {
                value: ''
            }
        },
        label() {
            return this.name || 'mouse';
        },
        icon: 'lgtv-mouse.png',
        paletteLabel: 'mouse',
        align: 'right'
    });
</script>

<script type="text/x-red" data-template-name="lgtv-mouse">
    <div class="form-row">
        <label for="node-input-tv"><i class="icon-bookmark"></i> TV</label>
        <input type="text" id="node-input-tv">
    </div>
    <div class="form-row">
        <label for="node-input-name"><i class="icon-bookmark"></i> Name</label>
        <input type="text" id="node-input-name">
    </div>
</script>

<script type="text/x-red" data-help-name="lgtv-mouse">
    <p>Mouse Controls</p>
    <table>
        <tr><th>msg.topic</th><th>msg.payload</th><th></th></tr>
        <tr><td>click</td><td></td><td></td></tr>
        <tr><td>move</td><td>{dx: &lt;number&gt;, dy: &lt;number&gt;}</td><td></td></tr>
        <tr><td>drag</td><td>{dx: &lt;number&gt;, dy: &lt;number&gt;}</td><td></td></tr>
        <tr><td>scroll</td><td>{dx: &lt;number&gt;, dy: &lt;number&gt;}</td><td></td></tr>
    </table>
</script>