Mercurial > code > home > repos > light9

annotate web/paint/paint-elements.html @ 2439:06da5db2fafe

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rewrite ascoltami to use the graph for more playback data
author drewp@bigasterisk.com
date Thu, 30 May 2024 01:08:07 -0700
parents 4556eebe5d73
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1573
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
1 <script src="/lib/underscore/underscore-min.js"></script>
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
2 <link rel="import" href="/lib/polymer/polymer.html">
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
3 <link rel="import" href="/lib/iron-resizable-behavior/iron-resizable-behavior.html">
1522
69088fe2865e more progress on paint
Drew Perttula <drewp@bigasterisk.com>
parents: 1520
diff changeset
4 <link rel="import" href="/lib/iron-ajax/iron-ajax.html">
1573
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
5 <link rel="import" href="/lib/paper-radio-group/paper-radio-group.html">
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
6 <link rel="import" href="/lib/paper-radio-button/paper-radio-button.html">
1570
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
7 <link rel="import" href="paint-report-elements.html">
1577
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
8 <link rel="import" href="../rdfdb-synced-graph.html">
1626
5d2dcae1a7c6 paint can now do best matches on multiple lights at once
drewp@bigasterisk.com
parents: 1577
diff changeset
9 <link rel="import" href="../light9-collector-client.html">
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
10
1573
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
11
1570
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
12 <dom-module id="light9-paint-canvas">
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
13 <template>
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
14 <style>
1570
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
15 :host {
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
16 display: block;
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
17 }
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
18 #parent {
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
19 position: relative;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
20 height: 500px;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
21 }
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
22 #parent > * {
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
23 position: absolute;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
24 top: 0;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
25 left: 0;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
26 width: 100%;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
27 height: 500px;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
28 }
1573
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
29 #toolbar {
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
30 background: #a7a7a7;
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
31 }
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
32 svg > path {
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
33 fill:none;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
34 stroke:rgba(255, 255, 255, 0.66);
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
35 stroke-width:80;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
36 filter:url(#blur);
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
37 stroke-linecap:butt;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
38 stroke-linejoin:miter;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
39 stroke-miterlimit:4;
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
40 }
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
41 </style>
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents: 1525
diff changeset
42
1573
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
43 <div id="toolbar">
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
44 <paper-radio-group selected="{{tool}}">
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
45 <paper-radio-button name="hover">hover spot</paper-radio-button>
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
46 <paper-radio-button name="paint">paint</paper-radio-button>
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
47 <paper-radio-button name="erase">erase</paper-radio-button>
20f48a0e7135 hover mode shows best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1570
diff changeset
48 </paper-radio-group>
1576
ef7ddef3acb5 clean up Painting & Stroke. hover now shows up. add Clear command
Drew Perttula <drewp@bigasterisk.com>
parents: 1573
diff changeset
49 <button on-click="onClear">clear</button>
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents: 1525
diff changeset
50 </div>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents: 1525
diff changeset
51
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
52 <div id="parent">
1570
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
53 <img src="{{bg}}">
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
54 <svg id="paint" viewBox="0 0 500 221">
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
55 <defs id="defs12751">
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
56 <filter
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
57 style="color-interpolation-filters:sRGB"
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
58 id="blur"
1576
ef7ddef3acb5 clean up Painting & Stroke. hover now shows up. add Clear command
Drew Perttula <drewp@bigasterisk.com>
parents: 1573
diff changeset
59 x="-5.0" y="-5.0"
ef7ddef3acb5 clean up Painting & Stroke. hover now shows up. add Clear command
Drew Perttula <drewp@bigasterisk.com>
parents: 1573
diff changeset
60 width="11.0" height="11.0"
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
61 >
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
62 <feGaussianBlur
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
63 stdDeviation="20"
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
64 k2="1.01"
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
65 result="result1"
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
66 ></feGaussianBlur>
1525
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
67 <!-- <feMorphology
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
68 in="result1"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
69 operator="dilate"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
70 radius="3.39"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
71 result="result3"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
72 ></feMorphology>
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
73 <feMorphology
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
74 in="result1"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
75 radius="3.37"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
76 result="result2"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
77 ></feMorphology>
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
78 <feComposite
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
79 in="result3"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
80 in2="result2"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
81 operator="arithmetic"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
82 k1="0"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
83 k2="1.00"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
84 k3="0.43"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
85 k4="0"
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
86 ></feComposite> -->
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
87 </filter>
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
88 </defs>
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
89 </svg>
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
90 </div>
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
91 </template>
1706
e30493d458f9 more npm setup. n3 upgraded but code is not, yet
drewp@bigasterisk.com
parents: 1627
diff changeset
92
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents: 1525
diff changeset
93 </dom-module>
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents: 1525
diff changeset
94
1570
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
95 <dom-module id="light9-paint">
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents: 1525
diff changeset
96 <template>
1577
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
97 <rdfdb-synced-graph graph="{{graph}}"></rdfdb-synced-graph>
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
98
1627
6e06a4955ef2 update paint bg
drewp@bigasterisk.com
parents: 1626
diff changeset
99 <light9-paint-canvas id="canvas" bg="bg3.jpg" painting="{{painting}}"></light9-paint-canvas>
1569
654c41ccf265 more draft UI for paint page
Drew Perttula <drewp@bigasterisk.com>
parents: 1525
diff changeset
100
1570
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
101 <iron-ajax id="solve" method="POST" url="../paintServer/solve" last-response="{{solve}}"></iron-ajax>
1626
5d2dcae1a7c6 paint can now do best matches on multiple lights at once
drewp@bigasterisk.com
parents: 1577
diff changeset
102
5d2dcae1a7c6 paint can now do best matches on multiple lights at once
drewp@bigasterisk.com
parents: 1577
diff changeset
103 <iron-ajax id="bestMatches" method="POST" url="../paintServer/bestMatches"></iron-ajax>
1570
0480fc790527 paint now looks for best match
Drew Perttula <drewp@bigasterisk.com>
parents: 1569
diff changeset
104
1626
5d2dcae1a7c6 paint can now do best matches on multiple lights at once
drewp@bigasterisk.com
parents: 1577
diff changeset
105 <div>To collector: <light9-collector-client self="{{client}}"></light9-collector-client></div>
5d2dcae1a7c6 paint can now do best matches on multiple lights at once
drewp@bigasterisk.com
parents: 1577
diff changeset
106
1577
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
107 <light9-simulation graph="{{graph}}" solution="{{solve}}" layers="{{layers}}"></light9-simulation>
1525
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
108 </template>
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
109 </dom-module>
1849713b0d73 light9-simulation element work
Drew Perttula <drewp@bigasterisk.com>
parents: 1522
diff changeset
110
1706
e30493d458f9 more npm setup. n3 upgraded but code is not, yet
drewp@bigasterisk.com
parents: 1627
diff changeset
111 <script src="/node_modules/n3/n3-browser.js"></script>
1577
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
112 <script src="/lib/shortcut/index.js"></script>
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
113 <script src="/lib/underscore/underscore-min.js"></script>
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
114 <script src="/lib/async/dist/async.js"></script>
e8161fdda8ad paint shows deviceattrs from graph
Drew Perttula <drewp@bigasterisk.com>
parents: 1576
diff changeset
115
1520
e77b063c0bde forgot file from SVG paint UI
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
116 <script src="paint-elements.js"></script>