node-red-contrib-flightradar24/node.html

Node-RED node to fetch aircraft data from Flightradar24

<script type="text/javascript">
    RED.nodes.registerType('flightradar24',{
        category: 'function',
        color: '#a6bbcf',
        defaults: {
            lat: { value: '51', required: true },
            latType: { value: 'num' },
            lon: { value: '-1.45', required: true },
            lonType: { value: 'num' },
            rad: { value: '100', required: true },
            radType: { value: 'num' },
            interval: { value: true, required: true },
            inputs: { value: 0 },
            name: { value: '' }
        },
        inputs: 0,
        outputs: 1,
        icon: 'font-awesome/fa-plane',
        label: function() {
            return this.name || "flightradar24";
        },
        oneditprepare: function () {
            $('#node-input-lat').typedInput({
                default: 'num',
                typeField: $('#node-input-latType'),
                types: ['num', 'msg']
            });
            $('#node-input-lon').typedInput({
                default: 'num',
                typeField: $('#node-input-lonType'),
                types: ['num', 'msg']
            });
            $('#node-input-rad').typedInput({
                default: 'num',
                typeField: $('#node-input-radType'),
                types: ['num', 'msg']
            });
            $('#node-input-interval').on("change", function () {
                $("#node-input-inputs").val(this.checked ? 0 : 1);
            });
        }
    });
</script>

<script type="text/html" data-template-name="flightradar24">
    <div class="form-row">
        <label for="node-input-lat"><i class="icon-tag"></i> Latitude</label>
        <input type="text" id="node-input-lat" placeholder="51">
        <input type="hidden" id="node-input-latType">
    </div>
    <div class="form-row">
        <label for="node-input-lon"><i class="icon-tag"></i> Longitude</label>
        <input type="text" id="node-input-lon" placeholder="-1.45">
        <input type="hidden" id="node-input-lonType">
    </div>
    <div class="form-row">
        <label for="node-input-rad"><i class="icon-tag"></i> Distance (km)</label>
        <input type="text" id="node-input-rad" placeholder="100">
        <input type="hidden" id="node-input-radType">
    </div>
    <div class="form-row">
        <label for="node-input-interval"><i class="icon-tag"></i> Interval</label>
        <input type="checkbox" id="node-input-interval">
        <input type="hidden" id="node-input-interval">
        <input type="hidden" id="node-input-inputs">
    </div>
    <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>
</script>

<script type="text/html" data-help-name="flightradar24">
    <p>This node retrieves plane locations from flightradar24 service.</p>
    <p>After you input latitude and longitude  and radius in node property, this node gets all information about planes within the radius.</p>
</script>