Mercurial > code > home > repos > homeauto

annotate service/arduinoNode/static/output-widgets.html @ 1140:f349fe25789c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rgb strip animation support in arduinoNode Ignore-this: 5f50c7b54ce1588243735c43d2cbea0f darcs-hash:0e2e1e2156b181c83d6e4f2f85afc849dc07fec0
author drewp <drewp@bigasterisk.com>
date Sat, 03 Mar 2018 17:55:37 -0800
parents 6ee834a6f970
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
1 <link rel="import" href="/lib/polymer/1.0.9/iron-ajax/iron-ajax.html">
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
2 <link rel="import" href="/lib/polymer/1.0.9/polymer/polymer.html">
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
3 <link rel="import" href="/lib/polymer/1.0.9/color-picker-element/dist/color-picker.html">
1110
6ee834a6f970 influx output for arduino, update web lib path
drewp <drewp@bigasterisk.com>
parents: 1066
diff changeset
4 <link rel="import" href="/rdf/rdf-uri.html">
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
5
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
6 <dom-module id="output-sender">
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
7 <template>
1066
a6639d55ad4b route output url through output-sender
drewp <drewp@bigasterisk.com>
parents: 1039
diff changeset
8 <iron-ajax id="output" url="{{output}}" method="PUT"></iron-ajax>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
9 Set <a href$="{{subj}}">{{compactUri(subj)}}</a>'s
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
10 <span>{{compactUri(pred)}}</span> to
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
11 </template>
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
12 <script>
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
13 Polymer({
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
14 is: 'output-sender',
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
15 behaviors: [BigastUri],
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
16 properties: {
1066
a6639d55ad4b route output url through output-sender
drewp <drewp@bigasterisk.com>
parents: 1039
diff changeset
17 output: { type: String, value: "output" }, // url to PUT outputs
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
18 streamedGraph: { notify: true, observer: 'onGraphChange' },
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
19 subj: { notify: true },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
20 pred: { notify: true },
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
21 value: { notify: true, observer: 'browserChangedValue' }
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
22 },
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
23 ready: function() {
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
24 this.waitOnChangeMs = 100;
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
25 this.smallestRequestPeriodMs = 100;
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
26 this.synced = false;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
27
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
28 this.newRequestNeedsSending = false;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
29 this.lastSendMs = 0;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
30 this.$.output.addEventListener('response', this.onResponse.bind(this));
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
31
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
32 },
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
33 onGraphChange: function(streamedGraph) {
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
34 if (!streamedGraph.graph) {
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
35 return;
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
36 }
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
37 var env = streamedGraph.graph.store.rdf;
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
38 streamedGraph.graph.quadStore.quads({
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
39 subject: env.createNamedNode(this.subj),
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
40 predicate: env.createNamedNode(this.pred)
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
41 }, function(quad) {
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
42 this.serverChangedValue(quad.object.valueOf());
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
43 }.bind(this));
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
44 },
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
45 onResponse: function() {
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
46 if (!this.newRequestNeedsSending) {
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
47 return;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
48 }
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
49 if (this.$.output.activeRequests.length > 0) {
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
50 return; // 'response' event will call us back
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
51 }
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
52
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
53 var now = Date.now(), dt = now - this.lastSendMs;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
54 if (dt < this.smallestRequestPeriodMs) {
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
55 setTimeout(this.onResponse.bind(this),
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
56 this.smallestRequestPeriodMs - dt);
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
57 return;
1039
77e7e8d76a81 logging
drewp <drewp@bigasterisk.com>
parents: 1038
diff changeset
58 }
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
59 this.newRequestNeedsSending = false;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
60 this.lastSendMs = now;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
61 this.$.output.generateRequest();
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
62 },
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
63 browserChangedValue: function () {
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
64 if (!this.subj || !this.pred) {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
65 return;
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
66 }
992
ed1f54d81fc9 board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents: 978
diff changeset
67 //this.$.output.headers = {'content-type': ...}
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
68 this.$.output.params = {s: this.subj, p: this.pred};
992
ed1f54d81fc9 board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents: 978
diff changeset
69 this.$.output.body = this.value;
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
70 this.newRequestNeedsSending = true;
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
71 setTimeout(this.onResponse.bind(this), this.waitOnChangeMs);
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
72 },
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
73 serverChangedValue: function(v) {
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
74 this.value = v;
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
75 this.synced = true;
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
76 }
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
77 });
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
78 </script>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
79 </dom-module>
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
80
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
81 <dom-module id="output-rgb">
992
ed1f54d81fc9 board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents: 978
diff changeset
82 <template>
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
83 <div style="display: flex">
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
84 <div>
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
85 <output-sender streamed-graph="{{streamedGraph}}" subj="{{subj}}" pred="{{pred}}" value="{{value}}"></output-sender>
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
86 <div>color pick <span>{{value}}</span>
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
87 <button on-click="black">Black</button>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
88 <button on-click="white">White</button>
1023
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
89 </div>
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
90 </div>
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
91 <div>
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
92 <color-picker id="pick" width="200" height="100" color="{{value}}"></color-picker>
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
93 </div>
3e6fac8569cd multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents: 998
diff changeset
94 </div>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
95 </template>
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
96 <script>
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
97 Polymer({
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
98 is: 'output-rgb',
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
99 properties: {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
100 value: { notify: true },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
101 },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
102 ready: function () {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
103 this.$.pick.addEventListener('colorselected', function (ev) {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
104 this.value = ev.detail.hex;
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
105 }.bind(this));
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
106 },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
107 black: function() {this.value = "#000000";},
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
108 white: function() {this.value = "#ffffff";}
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
109 });
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
110 </script>
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
111 </dom-module>
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
112
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
113 <dom-module id="output-slider">
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
114 <template>
1066
a6639d55ad4b route output url through output-sender
drewp <drewp@bigasterisk.com>
parents: 1039
diff changeset
115 <output-sender streamed-graph="{{streamedGraph}}" output="{{output}}" subj="{{subj}}" pred="{{pred}}" value="{{value}}"></output-sender>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
116 <input type="range" min="{{min}}" max="{{max}}" step="{{step}}" value="{{value::input}}"> <span>{{value}}</span>
992
ed1f54d81fc9 board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents: 978
diff changeset
117 </template>
ed1f54d81fc9 board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents: 978
diff changeset
118 <script>
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
119 Polymer({
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
120 is: 'output-slider',
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
121 properties: {
1066
a6639d55ad4b route output url through output-sender
drewp <drewp@bigasterisk.com>
parents: 1039
diff changeset
122 output: { notify: true },
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
123 streamedGraph: { notify: true },
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
124 max: { notify: true },
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
125 min: { notify: true },
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
126 step: { notify: true }
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
127 },
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
128 });
992
ed1f54d81fc9 board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents: 978
diff changeset
129 </script>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
130 </dom-module>
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
131
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
132 <!--
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
133 TODO(polyup): Inheriting from other custom elements is not yet supported.
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
134 See: https://www.polymer-project.org/1.0/docs/migration.html#inheritance
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
135 -->
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
136 <dom-module id="output-fixed-text">
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
137 <template>
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
138 <output-sender streamed-graph="{{streamedGraph}}" subj="{{subj}}" pred="{{pred}}" value="{{value}}"></output-sender>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
139 <textarea rows="{{rows}}" cols="{{cols}}" value="{{value::input}}"></textarea>
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
140 </template>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
141 <script>
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
142 Polymer({
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
143 is: 'output-fixed-text',
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
144 properties: {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
145 cols: { notify: true },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
146 rows: { notify: true }
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
147 },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
148 });
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
149 </script>
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
150 </dom-module>
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
151
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
152 <dom-module id="output-switch">
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
153 <template>
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
154 <output-sender streamed-graph="{{streamedGraph}}" subj="{{subj}}" pred="{{pred}}" value="{{value}}"></output-sender>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
155 <input type="checkbox" checked="{{check::change}}"> <span>{{value}}</span>
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
156 </template>
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
157 <script>
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
158 Polymer({
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
159 is: 'output-switch',
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
160 properties: {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
161 check: {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
162 type: Boolean,
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
163 value: false,
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
164 observer: 'checkChanged'
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
165 },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
166 value: { notify: true }
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
167 },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
168 checkChanged: function () {
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
169 this.value = this.check ? 'high' : 'low';
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
170 },
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
171 });
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
172 </script>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
173 </dom-module>
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
174
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
175 <dom-module id="output-widget-any">
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
176 <template></template>
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
177 <script>
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
178 Polymer({
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
179 is: 'output-widget-any',
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
180 properties: {
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
181 desc: { type: Object, notify: true },
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
182 streamedGraph: { type: Object, notify: true, observer: 'onGraph' },
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
183 },
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
184 ready: function () {
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
185 this.elem = document.createElement(this.desc.element);
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
186 this.appendChild(this.elem);
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
187 for (var k of Object.keys(this.desc)) {
1038
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
188 this.elem.setAttribute(k, this.desc[k]);
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
189 }
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
190 this.elem.streamedGraph = this.streamedGraph;
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
191 },
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
192 onGraph: function(g) {
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
193 if (this.elem) {
ffe6a00c6cef server/browser graph sync. cut dependency on the WS version. merge some changes between arduino/pi code.
drewp <drewp@bigasterisk.com>
parents: 1023
diff changeset
194 this.elem.streamedGraph = g;
975
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
195 }
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
196 }
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
197 });
f3023410d875 polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff changeset
198 </script>
998
ecb12305d5ca rewrite to polymer 1
drewp <drewp@bigasterisk.com>
parents: 992
diff changeset
199 </dom-module>