Skip to content

Commit 5bdc6e1

Browse files
macabamacaba
committed
Update index.html
1 parent 64e1fad commit 5bdc6e1

1 file changed

Lines changed: 52 additions & 39 deletions

File tree

  • source/TS.NET.Calibration.UI/Resources/wwwroot

‎source/TS.NET.Calibration.UI/Resources/wwwroot/index.html‎

Lines changed: 52 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<div class="z-1 flex flex-col w-100 h-50 border border-zinc-600 bg-zinc-800 absolute inset-1/2 -translate-1/2">
1818
<!-- Title bar -->
1919
<div class="flex-none flex flex-row items-center gap-2 p-1 pl-2 pr-2 bg-zinc-800">
20-
<div class="text-neutral-50 font-normal text-xs">SELECT SEQUENCE</div>
20+
<div class="text-neutral-50 font-normal text-xs">Select</div>
2121
<div class="flex-auto h-2.5 bg-zinc-600 rounded"></div>
2222
</div>
2323
<div class="flex-none border-b border-zinc-600"></div>
@@ -29,27 +29,27 @@
2929
<div class="flex flex-col pt-3 gap-3">
3030
<label class="flex items-center">
3131
<input type="radio" name="sequence" value="self-cal"
32-
class="form-radio h-4 w-4 text-blue-600" checked><span class="ml-2">
33-
Self
34-
Calibration
32+
class="form-radio h-4 w-4 text-blue-600" checked><span class="ml-2">
33+
Self calibration
3534
</span>
3635
</label>
3736
<label class="flex items-center">
3837
<input type="radio" name="sequence" value="bench-cal"
39-
class="form-radio h-4 w-4 text-blue-600"><span class="ml-2">Bench Calibration</span>
38+
class="form-radio h-4 w-4 text-blue-600"><span class="ml-2">Bench calibration</span>
4039
</label>
4140
</div>
4241
</div>
4342
<div class="flex-none">
4443
<button id="sequence-button" type="button"
45-
class=" float-right border border-zinc-600 bg-zinc-600 p-3 text-neutral-50 font-normal text-sm w-20 h-11 inset-ring-2 inset-ring-zinc-800 active:inset-ring-zinc-500 hover:inset-ring-zinc-700 trim-box">
44+
class=" float-right border border-zinc-600 bg-zinc-600 p-3 text-neutral-50 font-normal text-sm w-20 h-11 inset-ring-2 inset-ring-zinc-800 active:inset-ring-zinc-500 hover:inset-ring-zinc-700 trim-box">
4645
Ok
4746
</button>
4847
</div>
4948
</div>
5049
</div>
5150
</div>
52-
<div class="z-0 fixed top-0 left-0 w-screen h-screen items-center justify-center backdrop-blur-xs pointer-events-none">
51+
<div
52+
class="z-0 fixed top-0 left-0 w-screen h-screen items-center justify-center backdrop-blur-xs pointer-events-none">
5353
</div>
5454
</div>
5555

@@ -60,66 +60,73 @@
6060
<div class="flex-auto flex flex-row items-center gap-2 pl-3">
6161
<div class="flex-none">
6262
<svg width="24.225441mm" height="9.6179934mm" viewBox="0 0 24.225441 9.6179934" version="1.1"
63-
id="svg1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"
64-
xmlns:svg="http://www.w3.org/2000/svg">
63+
id="svg1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"
64+
xmlns:svg="http://www.w3.org/2000/svg">
6565
<defs id="defs1">
6666
<linearGradient data-v-fde0c5aa="" gradientTransform="rotate(25)"
67-
id="3dc3c2f0-2841-43e9-8452-d54c7afa2a9d" x1="0" y1="0" x2="1" y2="0">
67+
id="3dc3c2f0-2841-43e9-8452-d54c7afa2a9d" x1="0" y1="0" x2="1" y2="0">
6868
<stop data-v-fde0c5aa="" offset="0%" stop-color="#3616AC" stop-opacity="1" id="stop2" />
6969
<stop data-v-fde0c5aa="" offset="100%" stop-color="#E09BED" stop-opacity="1"
70-
id="stop3" />
70+
id="stop3" />
7171
</linearGradient>
7272
<linearGradient xlink:href="#3dc3c2f0-2841-43e9-8452-d54c7afa2a9d" id="linearGradient5"
73-
gradientTransform="scale(1.587061,0.63009552)" x1="1369.4443" y1="25293.578"
74-
x2="30135.332" y2="25293.578" gradientUnits="userSpaceOnUse" />
73+
gradientTransform="scale(1.587061,0.63009552)" x1="1369.4443" y1="25293.578"
74+
x2="30135.332" y2="25293.578" gradientUnits="userSpaceOnUse" />
7575
<linearGradient xlink:href="#3dc3c2f0-2841-43e9-8452-d54c7afa2a9d" id="linearGradient1"
76-
gradientUnits="userSpaceOnUse" gradientTransform="scale(1.587061,0.63009552)"
77-
x1="1369.4443" y1="25293.578" x2="30135.332" y2="25293.578" />
76+
gradientUnits="userSpaceOnUse" gradientTransform="scale(1.587061,0.63009552)"
77+
x1="1369.4443" y1="25293.578" x2="30135.332" y2="25293.578" />
7878
</defs>
7979
<g id="layer1" transform="translate(-35.459847,-77.052465)">
8080
<g data-v-fde0c5aa="" id="6fe1222b-8cba-4285-88ce-945daef1b10d" stroke="none"
81-
fill="url(#3dc3c2f0-2841-43e9-8452-d54c7afa2a9d)"
82-
transform="matrix(5.3064039e-4,0,0,5.3064039e-4,34.306558,68.595453)"
83-
style="fill:url(#linearGradient5)">
84-
<path d="m 42004.43,25360.21 c 69.71,-293.04 363.81,-474.09 656.85,-404.39 293.05,69.71 474.1,363.81 404.39,656.85 -463.24,1938.02 -1333.76,3604.73 -2456.43,4931.5 -1202.72,1421.35 -2696.03,2455.81 -4291.16,3019.97 -284.78,100.44 -597.06,-48.99 -697.51,-333.77 -100.44,-284.77 48.99,-597.06 333.77,-697.5 1415.46,-500.61 2744.82,-1423.59 3820.47,-2694.77 1018.66,-1203.83 1808.77,-2717.17 2229.62,-4477.89 z m 5307.72,-9409.28 c 301.32,17.73 531.23,276.37 513.5,577.69 -17.72,301.32 -276.37,531.22 -577.69,513.5 -1878.27,-117.01 -3782.84,668.69 -5388.49,2200.57 -1563.22,1491.39 -2841.03,3686.43 -3544.94,6448.43 l -1.98,-0.5 c -739.99,3072.27 -2522.28,5461.83 -4713.88,6886.1 -1388.35,902.26 -2943.49,1419 -4507.15,1479.83 -1573.82,61.23 -3151.25,-338.62 -4572.3,-1270.65 -1966.8,-1289.97 -3626.18,-3596.11 -4539.09,-7105.3 l -0.65,0.18 c -1043.76,-3705.12 -2671.44,-6123.94 -4520.96,-7438.02 -1224.72,-870.16 -2548.59,-1252.62 -3860.18,-1200.64 -1321.55,52.36 -2639.5,543.93 -3840.57,1420.84 -1993.85,1455.72 -3661.55,3965.66 -4506.68,7295.78 -73.26,293.05 -370.23,471.23 -663.27,397.97 -293.05,-73.25 -471.23,-370.22 -397.97,-663.27 910.54,-3587.87 2734.71,-6312.07 4926.05,-7911.98 1377.1,-1005.44 2900.54,-1569.55 4439.65,-1630.53 1549.11,-61.39 3105.35,385.09 4536.28,1401.76 2041.53,1450.52 3823.25,4067.45 4940.32,8032.82 l 2.14,10.7 c 837,3224.89 2328.03,5322.24 4084.01,6473.95 1224.6,803.18 2581.94,1147.83 3934.71,1095.2 1362.9,-53.02 2726.23,-508.51 3950.87,-1304.38 1973.35,-1282.43 3580.09,-3444.02 4249.41,-6230.89 v -8.56 c 756.28,-2967.46 2145.9,-5341.79 3853.05,-6970.48 1827.53,-1743.57 4020.77,-2636.24 6205.81,-2500.12 z M 28268.23,30464.34 c 197.32,228.06 172.42,572.92 -55.63,770.25 -228.05,197.32 -572.92,172.42 -770.24,-55.63 -595.68,-684.96 -1136.83,-1499.02 -1605.01,-2449.73 -439.06,-891.55 -814.9,-1905.64 -1112.26,-3048.75 l -0.62,0.18 c -712.73,-2530.03 -1698.06,-4460.93 -2841.35,-5850.62 -1224.74,-1488.67 -2629.02,-2351.61 -4066.32,-2660.38 -295.4,-62.62 -484.12,-352.89 -421.49,-648.29 62.63,-295.4 352.89,-484.12 648.29,-421.49 1671.86,359.15 3290.42,1344.82 4682.52,3036.93 1236.78,1503.31 2295.74,3567.51 3051.03,6248.58 l 2.13,10.7 c 277.83,1070.51 628.59,2018.25 1038.01,2849.6 426.4,865.87 915.43,1602.88 1450.94,2218.65 z M 10605.91,18661.09 c 212.69,-213.88 558.51,-214.84 772.39,-2.14 213.87,212.69 214.84,558.51 2.14,772.38 -759.72,763.54 -1447.5,1695.56 -2028.75,2779.69 -559.37,1043.34 -1021.36,2230.53 -1355.61,3547.6 -73.25,293.05 -370.22,471.23 -663.27,397.97 -293.05,-73.25 -471.22,-370.22 -397.97,-663.27 355.43,-1400.56 851.12,-2671.23 1454.05,-3795.8 634.24,-1182.96 1385.87,-2201.12 2217.02,-3036.43 z"
85-
id="path3" style="fill:url(#linearGradient1)" />
81+
fill="url(#3dc3c2f0-2841-43e9-8452-d54c7afa2a9d)"
82+
transform="matrix(5.3064039e-4,0,0,5.3064039e-4,34.306558,68.595453)"
83+
style="fill:url(#linearGradient5)">
84+
<path
85+
d="m 42004.43,25360.21 c 69.71,-293.04 363.81,-474.09 656.85,-404.39 293.05,69.71 474.1,363.81 404.39,656.85 -463.24,1938.02 -1333.76,3604.73 -2456.43,4931.5 -1202.72,1421.35 -2696.03,2455.81 -4291.16,3019.97 -284.78,100.44 -597.06,-48.99 -697.51,-333.77 -100.44,-284.77 48.99,-597.06 333.77,-697.5 1415.46,-500.61 2744.82,-1423.59 3820.47,-2694.77 1018.66,-1203.83 1808.77,-2717.17 2229.62,-4477.89 z m 5307.72,-9409.28 c 301.32,17.73 531.23,276.37 513.5,577.69 -17.72,301.32 -276.37,531.22 -577.69,513.5 -1878.27,-117.01 -3782.84,668.69 -5388.49,2200.57 -1563.22,1491.39 -2841.03,3686.43 -3544.94,6448.43 l -1.98,-0.5 c -739.99,3072.27 -2522.28,5461.83 -4713.88,6886.1 -1388.35,902.26 -2943.49,1419 -4507.15,1479.83 -1573.82,61.23 -3151.25,-338.62 -4572.3,-1270.65 -1966.8,-1289.97 -3626.18,-3596.11 -4539.09,-7105.3 l -0.65,0.18 c -1043.76,-3705.12 -2671.44,-6123.94 -4520.96,-7438.02 -1224.72,-870.16 -2548.59,-1252.62 -3860.18,-1200.64 -1321.55,52.36 -2639.5,543.93 -3840.57,1420.84 -1993.85,1455.72 -3661.55,3965.66 -4506.68,7295.78 -73.26,293.05 -370.23,471.23 -663.27,397.97 -293.05,-73.25 -471.23,-370.22 -397.97,-663.27 910.54,-3587.87 2734.71,-6312.07 4926.05,-7911.98 1377.1,-1005.44 2900.54,-1569.55 4439.65,-1630.53 1549.11,-61.39 3105.35,385.09 4536.28,1401.76 2041.53,1450.52 3823.25,4067.45 4940.32,8032.82 l 2.14,10.7 c 837,3224.89 2328.03,5322.24 4084.01,6473.95 1224.6,803.18 2581.94,1147.83 3934.71,1095.2 1362.9,-53.02 2726.23,-508.51 3950.87,-1304.38 1973.35,-1282.43 3580.09,-3444.02 4249.41,-6230.89 v -8.56 c 756.28,-2967.46 2145.9,-5341.79 3853.05,-6970.48 1827.53,-1743.57 4020.77,-2636.24 6205.81,-2500.12 z M 28268.23,30464.34 c 197.32,228.06 172.42,572.92 -55.63,770.25 -228.05,197.32 -572.92,172.42 -770.24,-55.63 -595.68,-684.96 -1136.83,-1499.02 -1605.01,-2449.73 -439.06,-891.55 -814.9,-1905.64 -1112.26,-3048.75 l -0.62,0.18 c -712.73,-2530.03 -1698.06,-4460.93 -2841.35,-5850.62 -1224.74,-1488.67 -2629.02,-2351.61 -4066.32,-2660.38 -295.4,-62.62 -484.12,-352.89 -421.49,-648.29 62.63,-295.4 352.89,-484.12 648.29,-421.49 1671.86,359.15 3290.42,1344.82 4682.52,3036.93 1236.78,1503.31 2295.74,3567.51 3051.03,6248.58 l 2.13,10.7 c 277.83,1070.51 628.59,2018.25 1038.01,2849.6 426.4,865.87 915.43,1602.88 1450.94,2218.65 z M 10605.91,18661.09 c 212.69,-213.88 558.51,-214.84 772.39,-2.14 213.87,212.69 214.84,558.51 2.14,772.38 -759.72,763.54 -1447.5,1695.56 -2028.75,2779.69 -559.37,1043.34 -1021.36,2230.53 -1355.61,3547.6 -73.25,293.05 -370.22,471.23 -663.27,397.97 -293.05,-73.25 -471.22,-370.22 -397.97,-663.27 355.43,-1400.56 851.12,-2671.23 1454.05,-3795.8 634.24,-1182.96 1385.87,-2201.12 2217.02,-3036.43 z"
86+
id="path3" style="fill:url(#linearGradient1)" />
8687
</g>
8788
</g>
8889
</svg>
8990
</div>
9091
<div class="flex-none flex flex-col">
9192
<div class="flex-none text-neutral-50 font-normal text-base text-md">Calibration</div>
92-
<div class="flex-none text-neutral-300 font-normal text-base text-sm">Measure & Validate</div>
93+
<div class="flex-none text-neutral-300 font-normal text-base text-sm">Measure & validate</div>
9394
</div>
9495
</div>
9596
<div class="flex-none flex flex-row items-center gap-2 p-2">
96-
<button id="start-button" type="button" @mouseenter="help('Start the calibration sequence')" @mouseleave="help('')"
97-
class="flex-none border border-zinc-600 bg-zinc-600 p-3 text-neutral-50 font-normal text-sm w-20 h-11 inset-ring-2 inset-ring-zinc-800 active:inset-ring-zinc-500 hover:inset-ring-zinc-700 trim-box">
97+
<button id="start-button" type="button" @mouseenter="help('Start the calibration sequence')"
98+
@mouseleave="help('')"
99+
class="flex-none border border-zinc-600 bg-zinc-600 p-3 text-neutral-50 font-normal text-sm w-20 h-11 inset-ring-2 inset-ring-zinc-800 active:inset-ring-zinc-500 hover:inset-ring-zinc-700 trim-box">
98100
Start
99101
</button>
100102

101-
<button id="stop-button" type="button" @mouseenter="help('Stop the calibration sequence')" @mouseleave="help('')"
102-
class="flex-none border border-zinc-600 bg-zinc-600 p-3 text-neutral-50 font-normal text-sm w-20 h-11 inset-ring-2 inset-ring-zinc-800 active:inset-ring-zinc-500 hover:inset-ring-zinc-700 trim-box">
103+
<button id="stop-button" type="button" @mouseenter="help('Stop the calibration sequence')"
104+
@mouseleave="help('')"
105+
class="flex-none border border-zinc-600 bg-zinc-600 p-3 text-neutral-50 font-normal text-sm w-20 h-11 inset-ring-2 inset-ring-zinc-800 active:inset-ring-zinc-500 hover:inset-ring-zinc-700 trim-box">
103106
Stop
104107
</button>
105108

106109

107-
<div class="flex-none flex flex-col w-20 h-11 border border-zinc-600" @mouseenter="help('Duration of the calibration sequence when running')" @mouseleave="help('')">
108-
<div class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center bg-zinc-600">
110+
<div class="flex-none flex flex-col w-20 h-11 border border-zinc-600"
111+
@mouseenter="help('Duration of the calibration sequence when running')" @mouseleave="help('')">
112+
<div
113+
class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center bg-zinc-600">
109114
Duration
110115
</div>
111116
<div id="headline-duration-value"
112-
class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center"
113-
x-text="$store.header.duration">-</div>
117+
class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center"
118+
x-text="$store.header.duration">-</div>
114119
</div>
115120

116-
<div class="flex-none flex flex-col w-20 h-11 border border-zinc-600" @mouseenter="help('Status of the calibration sequence when running')" @mouseleave="help('')">
117-
<div class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center bg-zinc-600">
121+
<div class="flex-none flex flex-col w-20 h-11 border border-zinc-600"
122+
@mouseenter="help('Status of the calibration sequence when running')" @mouseleave="help('')">
123+
<div
124+
class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center bg-zinc-600">
118125
Status
119126
</div>
120127
<div id="headline-state-value"
121-
class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center"
122-
x-text="$store.header.status">-</div>
128+
class="flex-auto flex text-neutral-50 font-normal text-xs trim-box items-center justify-center"
129+
x-text="$store.header.status">-</div>
123130
</div>
124131
</div>
125132

@@ -132,7 +139,8 @@
132139
<!-- Sequence widget -->
133140
<div class="flex-2 flex flex-col border-r border-zinc-600">
134141
<!-- Title bar -->
135-
<div class="flex-none flex flex-row items-center gap-2 p-2 pl-2 pr-2 bg-zinc-900" @mouseenter="help('Sequence display area')" @mouseleave="help('')">
142+
<div class="flex-none flex flex-row items-center gap-2 p-2 pl-2 pr-2 bg-zinc-900"
143+
@mouseenter="help('Sequence display area')" @mouseleave="help('')">
136144
<div class="flex-none text-neutral-50 font-normal text-xs trim-box">Sequence</div>
137145
<div class="flex-auto bg-zinc-700 rounded h-full"></div>
138146
</div>
@@ -161,15 +169,16 @@
161169
<!-- Variables widget -->
162170
<div class="flex-1 flex flex-col border-zinc-600">
163171
<!-- Title bar -->
164-
<div class="flex-none flex flex-row items-center gap-2 p-2 pl-2 pr-2 bg-zinc-900" @mouseenter="help('Variable display area')" @mouseleave="help('')">
172+
<div class="flex-none flex flex-row items-center gap-2 p-2 pl-2 pr-2 bg-zinc-900"
173+
@mouseenter="help('Variable display area')" @mouseleave="help('')">
165174
<div class="flex-none text-neutral-50 font-normal text-xs trim-box">Variables</div>
166175
<div class="flex-auto bg-zinc-700 rounded h-full"></div>
167176
</div>
168177
<div class="flex-none border-b border-zinc-600"></div>
169178
<!-- Content -->
170179
<div class="flex-auto flex overflow-y-auto p-2">
171180
<div id="variables-content"
172-
class="flex-auto flex flex-row overflow-y-auto text-sm text-neutral-50 overflow-x-auto pl-1">
181+
class="flex-auto flex flex-row overflow-y-auto text-sm text-neutral-50 overflow-x-auto pl-1">
173182

174183
</div>
175184
</div>
@@ -182,14 +191,16 @@
182191
<div class="flex-auto flex flex-col">
183192
<div class="flex-none border-b border-zinc-600"></div>
184193
<!-- Title bar -->
185-
<div class="flex-none flex flex-row items-center gap-2 p-2 pl-2 pr-2 bg-zinc-900" @mouseenter="help('Log display area')" @mouseleave="help('')">
194+
<div class="flex-none flex flex-row items-center gap-2 p-2 pl-2 pr-2 bg-zinc-900"
195+
@mouseenter="help('Log display area')" @mouseleave="help('')">
186196
<div class="flex-none text-neutral-50 font-normal text-xs trim-box">Log</div>
187197
<div class="flex-auto bg-zinc-700 rounded h-full"></div>
188198
</div>
189199
<div class="flex-none border-b border-zinc-600"></div>
190200
<!-- Content -->
191201
<div class="flex-auto flex p-2 h-32 overflow-y-auto text-sm text-neutral-400">
192-
<div id="log-content" class="flex-auto flex flex-col gap-1 overflow-y-auto text-sm text-neutral-400">
202+
<div id="log-content"
203+
class="flex-auto flex flex-col gap-1 overflow-y-auto text-sm text-neutral-400">
193204

194205
</div>
195206
</div>
@@ -199,7 +210,9 @@
199210
<div x-text="$store.footer.contextHelp" class="flex-none trim-box text-neutral-50"></div>
200211
</div>
201212
<div class="flex-auto"></div>
202-
<div class="flex-none flex" @mouseenter="help('UI zoom level, use [ctrl & +], [ctrl & -], [crtl & 0], or [ctrl + mousewheel] to change it')" @mouseleave="help('')">
213+
<div class="flex-none flex"
214+
@mouseenter="help('UI zoom level, use [ctrl & +], [ctrl & -], [crtl & 0], or [ctrl + mousewheel] to change it')"
215+
@mouseleave="help('')">
203216
<div x-text="$store.footer.zoom" class="flex-none trim-box text-neutral-50">Zoom: 100%</div>
204217
</div>
205218
</div>

0 commit comments

Comments
 (0)