annotate service/arduinoNode/static/output-widgets.html @ 170:376599552a4c

polymer board debug page with working output widgets Ignore-this: 3157d0c47a91afe47b30a5f182629d93
author drewp@bigasterisk.com
date Mon, 13 Apr 2015 23:30:12 -0700
parents
children 4d2df276baae
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>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
5 <core-ajax id="output" url="../output" method="POST"></core-ajax>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
6 {{subj}} set {{pred}} to
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 function ntriple(s, p, o) {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
10 // incomplete
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
11 o = o.replace('\n', '\\n');
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
12 return '<'+s+'> <'+p+'> "'+o+'".';
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
13 }
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
14 Polymer({
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
15 valueChanged: function() {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
16 this.$.output.body = ntriple(this.subj, this.pred, this.value);
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
17 this.$.output.go();
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
18 }
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
19 });
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
20 </script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
21 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
22
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
23 <polymer-element name="output-slider" extends="output-widget"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
24 attributes="min max step"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
25 noscript>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
26 <template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
27 <shadow></shadow>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
28 <input type="range"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
29 min="{{min}}" max="{{max}}" step="{{step}}"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
30 value="{{value}}"> {{value}}
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
31 </template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
32 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
33
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
34 <polymer-element name="output-fixed-text" extends="output-widget"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
35 attributes="rows cols"
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
36 noscript>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
37 <template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
38 <textarea rows="{{rows}}" cols="{{cols}}" value="{{value}}"></textarea>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
39 </template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
40 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
41
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
42 <polymer-element name="output-switch" extends="output-widget">
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
43 <template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
44 <shadow></shadow>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
45 <input type="checkbox" checked="{{check}}"> {{value}}
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
46 </template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
47 <script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
48 Polymer({
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
49 check: false,
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
50 checkChanged: function() {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
51 this.value = this.check ? "high" : "low";
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
52 }
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
53 });
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
54 </script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
55 </polymer-element>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
56
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
57 <polymer-element name="output-widget-any" attributes="desc">
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
58 <template></template>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
59 <script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
60 Polymer({
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
61 domReady: function() {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
62 var elem = document.createElement(this.desc.element);
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
63 this.shadowRoot.appendChild(elem);
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
64 for (var k of Object.keys(this.desc)) {
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
65 elem.setAttribute(k, this.desc[k]);
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 });
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
69 </script>
376599552a4c polymer board debug page with working output widgets
drewp@bigasterisk.com
parents:
diff changeset
70 </polymer-element>