-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
180 lines (180 loc) · 13.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; connect-src 'self' https://www.zwiftpower.com/ http://zwift.jsteigs642.com/; script-src 'self' 'unsafe-eval'">
<meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; connect-src 'self' https://www.zwiftpower.com/ http://zwift.jsteigs642.com/; script-src 'self'">
<title>Hello World!</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<template id="template-player-data">
<div class="player-data-row">
<div class="data-field cell-1 name tooltip">
<button class="remove-player">-</button>
<span class="player-name"></span>
<span class="tooltiptext zp-name"></span>
</div>
<div class="data-field power-split cell-2 power-column">
<div class="inner-cell-left power-watts"></div>
<div class="inner-cell-right power-wkg"></div>
</div>
<div class="data-field cell-3 speed-column hidden"></div>
<div class="data-field cell-3 gas-column hidden"></div>
<div class="data-field cell-3 hr"></div>
</div>
</template>
<div class="player-table">
<div class="player-data-header">
<div class="data-field cell-1 heading-left">
Name
</div>
<div class="data-field cell-2 power-column svg-icon">
<svg version="1.1" width="24" height="24" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 297.961 297.961" xml:space="preserve">
<path d="M235.443,4.316C234.064,1.675,231.331,0,228.35,0H111.391c-3.537,0-6.654,2.341-7.666,5.729l-41.78,140.009
c-0.723,2.422-0.259,5.029,1.251,7.055c1.51,2.027,3.889,3.207,6.415,3.207h65.579l-26.419,132.38
c-0.769,3.85,1.369,7.697,5.047,9.07c0.917,0.342,1.863,0.511,2.796,0.511c2.806,0,5.496-1.48,6.954-4.04l103.03-180.928
c1.41-2.477,1.396-5.533-0.036-7.997c-1.432-2.464-4.066-3.996-6.916-3.996h-46.392l61.658-88.415
C236.617,10.14,236.822,6.959,235.443,4.316z"/>
</svg>
</div>
<div class="data-field cell-3 speed-column hidden svg-icon">
<svg version="1.1" width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 463 463" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 463 463">
<g>
<g>
<path d="m461.948,277.176c-5.102-54.26-29.787-105.32-69.508-143.775-39.7-38.435-91.534-61.491-145.954-64.921-32.748-2.063-64.741,2.568-95.101,13.767-29.183,10.764-55.532,27.07-78.317,48.464-22.823,21.43-40.788,46.754-53.396,75.27-13.053,29.522-19.672,60.988-19.672,93.525 0,25.446 4.115,50.473 12.231,74.387 4.285,12.628 16.254,21.113 29.781,21.113h378.973c13.529,0 25.499-8.487 29.786-21.12 10.532-31.035 14.292-63.574 11.177-96.71zm-25.382,91.89c-2.22,6.543-8.481,10.94-15.581,10.94h-378.972c-7.098,0-13.357-4.394-15.576-10.934-7.589-22.357-11.437-45.763-11.437-69.566 0-30.435 6.188-59.86 18.391-87.46 11.791-26.667 28.595-50.354 49.945-70.4 40.581-38.103 92.687-58.644 148.015-58.644 4.708,0 9.442,0.148 14.192,0.448 105.021,6.62 191.634,90.507 201.472,195.13 2.916,31.02-0.599,61.464-10.449,90.486z"/>
<path d="m323.089,197.441l-96,69.818c-0.519,0.377-0.967,0.814-1.359,1.286-14.622,2.719-25.73,15.563-25.73,30.961 0,17.369 14.131,31.5 31.5,31.5 15.395,0 28.236-11.104 30.959-25.721 0.474-0.393 0.909-0.847 1.288-1.368l69.818-96c2.171-2.984 1.848-7.105-0.762-9.714-2.61-2.61-6.73-2.933-9.714-0.762zm-91.589,118.565c-9.098,0-16.5-7.402-16.5-16.5s7.402-16.5 16.5-16.5 16.5,7.402 16.5,16.5-7.402,16.5-16.5,16.5zm27.745-31.401c-2.93-5.435-7.41-9.914-12.844-12.844l47.096-34.251-34.252,47.095z"/>
<path d="m415.813,223.161c-0.023-0.055-0.052-0.106-0.076-0.16-9.964-23.905-24.448-45.469-42.381-63.621-0.236-0.328-0.493-0.646-0.788-0.941-0.295-0.295-0.612-0.552-0.94-0.787-18.15-17.932-39.711-32.414-63.612-42.378-0.058-0.026-0.112-0.057-0.17-0.081-0.069-0.029-0.14-0.048-0.21-0.075-23.473-9.729-49.186-15.111-76.136-15.111-26.949,0-52.662,5.383-76.135,15.111-0.07,0.027-0.141,0.046-0.21,0.075-0.059,0.024-0.113,0.055-0.17,0.081-23.901,9.964-45.462,24.446-63.612,42.378-0.328,0.235-0.645,0.492-0.94,0.787-0.295,0.295-0.552,0.613-0.788,0.941-17.934,18.153-32.418,39.717-42.381,63.622-0.024,0.054-0.053,0.104-0.076,0.159-0.027,0.065-0.045,0.132-0.071,0.198-9.732,23.476-15.117,49.193-15.117,76.147 0,19.766 2.909,39.342 8.646,58.185 0.962,3.158 3.874,5.315 7.175,5.315h367.359c3.301,0 6.213-2.158 7.175-5.315 5.736-18.84 8.646-38.417 8.646-58.185 0-26.954-5.385-52.671-15.116-76.147-0.026-0.066-0.044-0.133-0.072-0.198zm-6.277,124.845h-356.071c-3.638-13.374-5.736-27.117-6.296-41h16.331c4.143,0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-16.335c0.79-19.645 4.654-38.51 11.143-56.12l15.11,6.259c0.938,0.389 1.91,0.573 2.867,0.573 2.943,0 5.735-1.744 6.932-4.632 1.586-3.827-0.231-8.214-4.059-9.799l-15.082-6.247c8.125-17.491 18.91-33.502 31.835-47.515l11.491,11.491c1.465,1.464 3.385,2.197 5.304,2.197s3.839-0.732 5.304-2.197c2.929-2.929 2.929-7.678 0-10.606l-11.492-11.492c14.012-12.926 30.024-23.71 47.515-31.835l6.248,15.083c1.196,2.888 3.988,4.632 6.932,4.632 0.956,0 1.929-0.184 2.867-0.573 3.827-1.585 5.645-5.973 4.059-9.799l-6.259-15.109c17.61-6.49 36.476-10.354 56.121-11.144v16.335c0,4.142 3.357,7.5 7.5,7.5s7.5-3.358 7.5-7.5v-16.335c19.645,0.79 38.511,4.654 56.121,11.144l-6.259,15.109c-1.586,3.827 0.231,8.214 4.059,9.799 0.938,0.389 1.91,0.573 2.867,0.573 2.943,0 5.735-1.744 6.932-4.632l6.248-15.083c17.491,8.125 33.502,18.91 47.515,31.835l-11.492,11.492c-2.929,2.929-2.929,7.678 0,10.606 1.465,1.464 3.385,2.197 5.304,2.197s3.839-0.732 5.304-2.197l11.491-11.491c12.926,14.012 23.71,30.024 31.835,47.515l-15.082,6.247c-3.827,1.585-5.645,5.973-4.059,9.799 1.196,2.888 3.988,4.632 6.932,4.632 0.956,0 1.929-0.184 2.867-0.573l15.11-6.259c6.489,17.61 10.354,36.476 11.143,56.12h-16.337c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5 7.5,7.5h16.332c-0.561,13.885-2.659,27.627-6.296,41z"/>
</g>
</g>
</svg>
</div>
<div class="data-field cell-3 gas-column hidden svg-icon">
<svg version="1.1" width="24" height="24" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 460 460" xml:space="preserve">
<g>
<g>
<path d="M488.181,73.371c-1.191-2.109-3.174-3.658-5.509-4.305l-68.834-19.047c-8.541-2.383-17.756,0.03-24.035,6.307
l-36.307,36.307l-6.705-6.705c-3.563-3.563-9.338-3.564-12.902,0l-13.283,13.284l-70.534-70.534
c-2.522-2.52-6.279-3.341-9.62-2.103l-42.515,15.749l-9.021-9.021c-1.711-1.711-4.031-2.672-6.452-2.672
c-2.421,0-4.739,0.961-6.452,2.672l-33.205,33.205c-3.563,3.563-3.563,9.339,0,12.901c3.565,3.563,9.34,3.561,12.902,0
l26.755-26.754l60.427,60.427c2.507,2.507,6.239,3.335,9.569,2.123l42.779-15.557l73.861,73.861L176.184,366.425
c-2.714,2.715-6.324,4.21-10.164,4.21c-3.839,0-7.449-1.495-10.163-4.21L22.441,233.01c-5.605-5.605-5.605-14.724,0-20.329
l106.51-106.51c3.563-3.563,3.563-9.339,0-12.901c-3.564-3.563-9.339-3.564-12.902,0L9.539,199.779
c-12.718,12.718-12.718,33.413,0,46.132l133.416,133.415c6.161,6.161,14.353,9.555,23.066,9.555
c8.714,0,16.905-3.394,23.067-9.555L388.455,179.96c3.561-3.563,3.561-9.339,0-12.902l-6.706-6.706l13.283-13.284
c1.711-1.71,2.672-4.031,2.672-6.45c0-2.419-0.961-4.74-2.671-6.45l-28.634-28.634l36.306-36.306
c1.628-1.628,4.015-2.253,6.25-1.629l60.041,16.614l-3.431,12.299L414.206,82.32c-3.171-0.876-6.56,0.019-8.882,2.343
l-16.967,16.968c-3.563,3.563-3.563,9.339,0.001,12.901c3.561,3.564,9.338,3.563,12.901,0l13.208-13.21l55.005,15.201
c4.852,1.338,9.865-1.496,11.217-6.341l8.336-29.87C489.677,77.978,489.373,75.481,488.181,73.371z M251.686,96.074
l-39.552-39.552l29.172-10.807l39.697,39.697L251.686,96.074z M368.973,133.914c0.004,0.004,0.008,0.007,0.012,0.011l6.695,6.694
l-6.833,6.832l-35.339-35.339l6.833-6.831l6.698,6.698c0.003,0.002,0.004,0.004,0.006,0.006L368.973,133.914z"/>
</g>
</g>
<g>
<g>
<path d="M233.496,206.223h-50.851v-104.41c-0.001-5.038-4.085-9.123-9.124-9.123c-5.039,0-9.123,4.085-9.123,9.123v104.41H59.988
c-5.039,0-9.123,4.085-9.123,9.123s4.083,9.123,9.123,9.123h104.411v104.41c0,5.038,4.083,9.123,9.123,9.123
s9.123-4.085,9.123-9.123v-104.41h50.851c5.039,0,9.123-4.085,9.123-9.123S238.535,206.223,233.496,206.223z"/>
</g>
</g>
<g>
<g>
<path d="M287.053,206.223h-24.974c-5.039,0-9.123,4.085-9.123,9.123s4.083,9.123,9.123,9.123h24.974
c5.039,0,9.123-4.085,9.123-9.123S292.092,206.223,287.053,206.223z"/>
</g>
</g>
</svg>
</div>
<div class="data-field cell-3 heading-right svg-icon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24" height="24" viewBox="0 0 164.681 164.681" xml:space="preserve">
<g color="white">
<path d="M140.635,17.105c-6.674-3.666-14.31-5.776-22.463-5.776c-14.413,0-27.292,6.555-35.823,16.831
C73.8,17.884,60.925,11.329,46.509,11.329c-8.135,0-15.78,2.11-22.46,5.776C9.703,25.048,0,40.317,0,57.866
c0,5.005,0.816,9.825,2.301,14.34c0.637,2.874,1.727,5.824,3.118,8.787H35.46l7.539-12.623c1.099-1.852,3.081-2.99,5.236-3.036
c1.961-0.131,4.181,1.029,5.347,2.837l10.878,16.772L77.84,48.799c0.904-2.445,3.23-4.068,5.837-4.074h0.012
c2.606,0,4.938,1.623,5.846,4.062l11.989,32.206h20.618c3.465,0,6.235,2.792,6.235,6.232c0,3.446-2.771,6.235-6.235,6.235H97.201
c-2.605,0-4.932-1.625-5.852-4.055l-7.633-20.518l-11.849,32.05c-0.816,2.204-2.804,3.763-5.155,4.031
c-0.231,0.024-0.462,0.036-0.682,0.036c-2.095,0-4.071-1.059-5.237-2.837L48.591,83.361l-4.226,7.066
c-1.142,1.894-3.175,3.045-5.358,3.045h-26c22.262,30.287,69.355,59.88,69.355,59.88s72.047-45.266,80.029-81.146
c1.474-4.515,2.29-9.335,2.29-14.34C164.681,40.317,154.969,25.048,140.635,17.105z"/>
</g>
</svg>
</div>
</div>
<div class="player-data-content">
</div>
<div class="player-data-footer">
<div class="player-data-row">
<div class="data-field cell-1">
<input type="text" name="player-name" placeholder="Name" />
</div>
<div class="data-field cell-2">
<input type="text" name="zwift-id" placeholder="Zwift ID" />
</div>
<div class="data-field cell-3">
<button class="add-player">+</button>
</div>
</div>
<div class="player-data-row data-field">
<div class="footer-label">
<label>Power</label>
</div>
<div class="radio-input">
<label for="instant">
<input type="radio" id="instant" name="power" value="1" checked/>Instant
</label>
</div>
<div class="radio-input">
<label for="three-second">
<input type="radio" id="three-second" name="power" value="3" />3s avg
</label>
</div>
<div class="radio-input">
<label for="twenty-second">
<input type="radio" id="twenty-second" name="power" value="20" />20s avg
</label>
</div>
</div>
<div class="player-data-row data-field">
<div class="footer-label">
<label>Fields</label>
</div>
<div class="radio-input">
<label for="power-column-checkbox">
<input type="checkbox" id="power-column-checkbox" name="power-column-checkbox" checked/>Power
</label>
<label for="speed-column-checkbox">
<input type="checkbox" id="speed-column-checkbox" name="speed-column-checkbox"/>Speed
</label>
<label for="gas-column-checkbox">
<input disabled type="checkbox" id="gas-column-checkbox" name="gas-column-checkbox"/>Gas
</label>
</div>
</div>
<div class="player-data-row data-field">
<label for="share-data" class="footer-label">
<input type="checkbox" id="share-data" name="share-data" value="1" checked/>
Share data with Justin
</label>
</div>
<div class="player-data-row data-field">
<div class="footer-label">
<label>Team name</label>
</div>
<div>
<input type="text" name="team-name" placeholder="Team name" />
</div>
</div>
</div>
<div class="data-field footer-toggle">
-
</div>
</div>
<!-- You can also require other files to run in this process -->
<script src="./renderer.js"></script>
</body>
</html>