node-red-node-tdengine/tdengine-consumer.html at main · taosdata/node-red-node-tdengine · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<script type="text/html" data-template-name="tdengine-consumer">
    <div class="form-row">
        <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="node-red:common.label.name"></span> </label>
        <input type="text" id="node-input-name">
    </div>
    <div class="form-row">
        <label for="node-input-uri"><i class="fa fa-link"></i><span data-i18n="tdengine.label.uri"></span></label>
        <input type="text" id="node-input-uri">
    </div>
    <div class="form-row">
        <label for="node-input-user"><i class="fa fa-user"></i><span data-i18n="tdengine.label.user"></span></label>
        <input type="text" id="node-input-user">
    </div>
    <div class="form-row">
        <label for="node-input-password"><i class="fa fa-lock"></i> <span data-i18n="tdengine.label.password"></span></label>
        <input type="password" id="node-input-password">
    </div>
    <div class="form-row">
        <label for="node-input-topic"><i class="fa fa-tag"></i><span data-i18n="tdengine.label.topic"></span></label>
        <input type="text" id="node-input-topic">
    </div>
    <div class="form-row">
        <label for="node-input-groupId"><i class="fa fa-users"></i><span data-i18n="tdengine.label.groupid"></span></label>
        <input type="text" id="node-input-groupId">
    </div>
    <div class="form-row">
        <label for="node-input-clientId"><i class="fa fa-user"></i> <span data-i18n="tdengine.label.clientid"></span></label>
        <input type="text" id="node-input-clientId">
    </div>
    <div class="form-row">
        <label for="node-input-autoOffsetReset"><i class="fa fa-history"></i><span data-i18n="tdengine.label.offset"></span></label>
        <select id="node-input-autoOffsetReset">
            <option value="earliest">Earliest</option>
            <option value="latest">Latest</option>
        </select>
    </div>
    <div class="form-row">
        <label for="node-input-pollTimeout"><i class="fa fa-clock-o"></i><span data-i18n="tdengine.label.polltimeout"></span></label>
        <input type="text" id="node-input-pollTimeout">
    </div>
    <p></p>
    <div class="form-row">
        <label for="node-input-autoCommit"><i class="fa fa-paper-plane"></i><span data-i18n="tdengine.label.autocommit"></span></label>
        <input type="checkbox" id="node-input-autoCommit" style="width:auto;" data-bind="checked: autoCommit">
    </div>
    <div class="form-row" id="auto-commit-interval-row">
        <label for="node-input-autoCommitIntervalMs"><i class="fa fa-clock-o"></i><span data-i18n="tdengine.label.commitinterval"></span></label>
        <input type="number" id="node-input-autoCommitIntervalMs">
    </div>
</script>

<script type="text/javascript">
    RED.nodes.registerType('tdengine-consumer', {
        category: 'storage-input',
        color: '#a6bb00',
        defaults: {
            name:        { value: '' },
            uri:         { value: '', required: true },
            pollTimeout: { value: 5000},
            topic:       { value: '', required: true },
            groupId:     { value: 'group1' },
            clientId:    { value: '' },
            autoCommitIntervalMs: { value: 5000 },
            autoOffsetReset:      { value: 'earliest' },
            autoCommit:           { value: true }
        },
        credentials: {
            user:     {type: "text"},
            password: {type: "password"}
        },
        inputs: 0,
        outputs: 1,
        icon: "tdengine.png",
        label: function () {
            return this.name || 'TDengine Consumer';
        },
        labelStyle: function () {
            return this.name ? 'node_label_italic' : '';
        },
        oneditprepare: function() {
            // Initial state
            toggleAutoCommitIntervalRow(this.autoCommit);
            // Bind change event
            $("#node-input-autoCommit").change(function() {
                toggleAutoCommitIntervalRow($(this).is(':checked'));
            });
        }
    });

    function toggleAutoCommitIntervalRow(show) {
        if (show) {
            $('#auto-commit-interval-row').show();
        } else {
            $('#auto-commit-interval-row').hide();
        }
    }
</script>