annotate service/arduinoNode/static/output-widgets.html @ 187:fc5fdcc3ed4a

board control ui: output-rgb, fix ajax protocol, display output uris Ignore-this: f3d3e6739851232d2177eacdd833c16
author drewp@bigasterisk.com
date Wed, 08 Jul 2015 01:22:37 -0700
parents 0daa8cbbd8f6
children 960b3b4cdd29
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
170
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
1 <link rel="import" href="/lib/polymer/0.5.2/core-ajax/core-ajax.html">
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
2
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
3 <polymer-element name="output-widget" attributes="subj pred">
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
4 <template>
187
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
5 <core-ajax id="output" url="../output" method="PUT"></core-ajax>
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
6 Set <a href="{{subj}}">{{subj | compactUri}}</a>'s {{pred | compactUri}} to
170
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
7 </template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
8 <script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
9 Polymer({
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
10 valueChanged: function() {
187
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
11 //this.$.output.headers = {'content-type': ...}
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
12 // broken in polymer 0.5 this.$.output.params = {s: this.subj, p: this.pred};
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
13 this.$.output.url = "output?s="+encodeURIComponent(this.subj)+"&p="+encodeURIComponent(this.pred);
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
14 this.$.output.body = this.value;
170
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
15 this.$.output.go();
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
16 }
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
17 });
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
18 </script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
19 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
20
187
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
21 <polymer-element name="output-rgb" extends="output-widget">
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
22 <template>
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
23 <color-picker id="pick" width="200" height="100" color="{{value}}"></color-picker>
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
24 color pick {{value}}
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
25 </template>
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
26 <script>
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
27 Polymer({
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
28 domReady: function() {
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
29 this.$.pick.addEventListener('colorselected', function(ev) {
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
30 this.value = ev.detail.hex;
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
31 }.bind(this));
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
32 }
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
33 });
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
34 </script>
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
35 </polymer-element>
fc5fdcc3ed4a board control ui: output-rgb, fix ajax protocol, display output uris
drewp@bigasterisk.com
parents: 173
diff changeset
36
170
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
37 <polymer-element name="output-slider" extends="output-widget"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
38 attributes="min max step"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
39 noscript>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
40 <template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
41 <shadow></shadow>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
42 <input type="range"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
43 min="{{min}}" max="{{max}}" step="{{step}}"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
44 value="{{value}}"> {{value}}
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
45 </template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
46 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
47
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
48 <polymer-element name="output-fixed-text" extends="output-widget"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
49 attributes="rows cols"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
50 noscript>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
51 <template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
52 <textarea rows="{{rows}}" cols="{{cols}}" value="{{value}}"></textarea>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
53 </template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
54 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
55
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
56 <polymer-element name="output-switch" extends="output-widget">
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
57 <template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
58 <shadow></shadow>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
59 <input type="checkbox" checked="{{check}}"> {{value}}
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
60 </template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
61 <script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
62 Polymer({
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
63 check: false,
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
64 checkChanged: function() {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
65 this.value = this.check ? "high" : "low";
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
66 }
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
67 });
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
68 </script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
69 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
70
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
71 <polymer-element name="output-widget-any" attributes="desc">
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
72 <template></template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
73 <script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
74 Polymer({
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
75 domReady: function() {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
76 var elem = document.createElement(this.desc.element);
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
77 this.shadowRoot.appendChild(elem);
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
78 for (var k of Object.keys(this.desc)) {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
79 elem.setAttribute(k, this.desc[k]);
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
80 }
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
81 }
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
82 });
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
83 </script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
84 </polymer-element>