optimizations
[node-red-contrib-onvif.git] / onvif / snapshot.html
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
98
<script type="text/x-red" data-template-name="ONVIF Snapshot">
    <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>
    <div class="form-row">
        <label for="node-input-url"><i class="fa fa-link"></i> IP Cam URL</label>
        <input type="text" id="node-input-url" placeholder="http://192.168.0.10:8080/onvif/device_service">
    </div>
    <div class="form-row">
        <label for="node-input-username"><i class="fa fa-user"></i> Username</label>
        <input type="text" id="node-input-username" placeholder="Username">
    </div>
    <div class="form-row">
        <label for="node-input-password"><i class="fa fa-key"></i> Password</label>
        <input type="text" id="node-input-password" placeholder="Password">
    </div>
    <div class="form-row">
        <label for="node-input-interval"><i class="fa fa-clock-o"></i> Interval (S)</label>
        <input type="text" id="node-input-interval" placeholder="Interval">
    </div>
</script>
 
<script type="text/x-red" data-help-name="ONVIF Snapshot">
    <p>Fetches a snapshot from an ip camera</p>
</script>
 
<script type="text/javascript">
    RED.nodes.registerType("ONVIF Snapshot", {
        category: "ONVIF",
        color: "#91d2f7",
        defaults: {
            name: {value: ""},
            url: {value: "", required: true},
            interval: {value: "60", required: true, validate: RED.validators.number()},
            username: {value: ""},
            password: {value: ""},
            active: {value: true}
        },
        inputs: 0,
        outputs: 1,
        icon: "onvif-snapshot.png",
        label: function() {
            return this.name || this.url || this.type;
        },
        labelStyle: function() {
            return this.name?"node_label_italic":"";
        },
        paletteLabel: "Snapshot",
        align: "left",
        button: {
            toggle: "active",
            onclick: function() {
                var label = this.name || this.url || this.type;
                var node = this;
                $.ajax({
                    url: "onvif-snapshot/"+this.id+"/"+(this.active?"enable":"disable"),
                    type: "POST",
                    success: function(resp, textStatus, xhr) {
                        var historyEvent = {
                            t:'edit',
                            node:node,
                            changes:{
                                active: !node.active
                            },
                            dirty:node.dirty,
                            changed:node.changed
                        };
                        node.changed = true;
                        node.dirty = true;
                        RED.nodes.dirty(true);
                        RED.history.push(historyEvent);
                        RED.view.redraw();
                        if (xhr.status == 200) {
                            RED.notify(label + " succesfully activated", "success");
                        } else if (xhr.status == 201) {
                            RED.notify(label + " succesfully deactivated", "success");
                        }
                    },
                    error: function(jqXHR,textStatus,errorThrown) {
                        if (jqXHR.status == 404) {
                            RED.notify(label + " not deployed", "error");
                        } else if (jqXHR.status == 0) {
                            RED.notify(label + " no response", "error");
                        } else {
                            RED.notify(label + " unexpected error", "error");
                        }
                    }
                });
            }
        },
        oneditprepare: function() {
        },
        oneditsave: function() {
        }
    });
</script>
 
comments