Mercurial > code > home > repos > light9

annotate web/paint/paint-report-elements.html @ 2378:6c98a6677a7d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
update js libs
author drewp@bigasterisk.com
date Sun, 12 May 2024 19:05:02 -0700
parents 4556eebe5d73
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
1 <link rel="import" href="/lib/polymer/polymer.html">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
2 <link rel="import" href="/lib/iron-resizable-behavior/iron-resizable-behavior.html">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
3 <link rel="import" href="/lib/iron-ajax/iron-ajax.html">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
4
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
5 <dom-module id="light9-simulation">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
6 <template>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
7 <style>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
8 #solutions { display: flex; margin: 20px; }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
9 #single-light { margin-right: 70px; }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
10 #multi-light {}
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
11 #breakdown { position: relative; }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
12 #sources { display: flex; }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
13 #solution { display: flex; margin-top: 80px; }
1589
21a52ce16954 new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents: 1577
diff changeset
14 #connectors { position: absolute; width: 100%; height: 100%; z-index: -1; }
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
15 #connectors path { stroke: #615c54; stroke-width: 3px; }
1589
21a52ce16954 new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents: 1577
diff changeset
16
21a52ce16954 new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents: 1577
diff changeset
17 [draggable=true]:hover {
21a52ce16954 new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents: 1577
diff changeset
18 box-shadow: 0 0 20px yellow;
21a52ce16954 new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents: 1577
diff changeset
19 }
21a52ce16954 new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents: 1577
diff changeset
20
21a52ce16954 new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents: 1577
diff changeset
21
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
22 </style>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
23
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
24 <div id="solutions">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
25 <div id="single-light">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
26 <div>Single pic best match:</div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
27
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
28 <!-- drag this img to make an effect out of just it -->
1626
5d2dcae1a7c6 paint can now do best matches on multiple lights at once
drewp@bigasterisk.com
parents: 1589
diff changeset
29 <light9-capture-image name="lighhtnamehere" path="{{solution.bestMatch.path}}"></light9-capture-image>
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
30
1575
0d2247ec8f49 bestMatch works in paintserver
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
31 <div>Error: {{solution.bestMatch.dist}}</div>
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
32
1577
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
33 <light9-device-settings graph="{{graph}}" subj="{{solution.bestMatch.uri}}"></light9-device-settings>
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
34 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
35
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
36 <!-- existing effect best match? -->
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
37
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
38 <div id="multi-light">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
39 Created from multiple lights:
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
40
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
41 <div id="breakdown">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
42 <svg id="connectors">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
43 <g>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
44 <path d="M 112,241 L 150,280"></path>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
45 <path d="M 332,241 L 150,280"></path>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
46 <path d="M 532,241 L 150,280"></path>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
47 <path d="M 732,241 L 150,280"></path>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
48 </g>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
49
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
50 </svg>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
51 <div id="sources">
1714
f2265601ead6 edit-choice/etc fixes and tests
Drew Perttula <drewp@bigasterisk.com>
parents: 1626
diff changeset
52 <div class="effectLike" draggable="true">
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
53 <light9-capture-image name="aura1" path="show/dance2017/capture/moving1/cap258592/pic1.jpg"></light9-capture-image>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
54 <light9-device-settings></light9-device-settings>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
55 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
56 <div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
57 <light9-capture-image name="aura2" path="show/dance2017/capture/moving1/cap258592/pic1.jpg"></light9-capture-image>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
58 <light9-device-settings></light9-device-settings>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
59 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
60 <div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
61 <light9-capture-image name="aura3" path="show/dance2017/capture/moving1/cap258592/pic1.jpg"></light9-capture-image>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
62 <light9-device-settings></light9-device-settings>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
63 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
64 <div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
65 <light9-capture-image name="aura4" path="show/dance2017/capture/moving1/cap258592/pic1.jpg"></light9-capture-image>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
66 <light9-device-settings></light9-device-settings>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
67 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
68 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
69
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
70 <div id="solution">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
71 <div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
72 <div>combined</div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
73 <!-- drag this img to make an effect out of it -->
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
74 <div><img width="150" src="../show/dance2017/capture/moving1/cap258592/pic1.jpg"></div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
75 <div>error 9980</div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
76 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
77 <div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
78 <div>residual</div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
79 <div><img width="150" src="../show/dance2017/capture/moving1/cap258592/pic1.jpg"></div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
80 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
81 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
82 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
83
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
84 Save as effect named <input> <button>Save</button>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
85 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
86
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
87 </template>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
88 </dom-module>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
89
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
90 <!-- merge more with light9-collector-device -->
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
91 <dom-module id="light9-device-settings">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
92 <template>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
93 <style>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
94 :host {
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
95 display: block;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
96 break-inside: avoid-column;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
97 border: 2px solid gray;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
98 padding: 8px;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
99 }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
100 td.nonzero {
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
101 background: #310202;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
102 color: #e25757;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
103 }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
104 td.full {
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
105 background: #2b0000;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
106 color: red;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
107 font-weight: bold;
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
108 }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
109 </style>
1577
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
110 <h3><a href="{{subj}}">{{label}}</a></h3>
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
111 <table class="borders">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
112 <tr>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
113 <th>device attr</th>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
114 <th>value</th>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
115 </tr>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
116 <template is="dom-repeat" items="{{attrs}}">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
117 <tr>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
118 <td>{{item.attr}}</td>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
119 <td class$="{{item.valClass}}">{{item.val}}</td>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
120 </tr>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
121 </template>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
122
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
123 </template>
1577
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
124
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
125 </dom-module>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
126
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
127 <dom-module id="light9-capture-image">
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
128 <template>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
129 <style>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
130 :host { display: block; }
1575
0d2247ec8f49 bestMatch works in paintserver
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
131 img {
0d2247ec8f49 bestMatch works in paintserver
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
132 outline: 1px solid #232323;
0d2247ec8f49 bestMatch works in paintserver
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
133 margin: 5px;
0d2247ec8f49 bestMatch works in paintserver
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
134 }
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
135 </style>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
136 <div>{{name}}</div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
137 <div><img width="100" src="../{{path}}"></div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
138 </template>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
139 <script>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
140 Polymer({
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
141 is: "light9-capture-image",
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
142 properties: {
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
143 name: { type: String },
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
144 path: { type: String },
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
145 }
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
146 });
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
147 </script>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
148 </dom-module>