-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (168 loc) · 9.12 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
181
182
183
184
185
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/flying-t.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="application-name" content="Locate MP" />
<meta name="description"
content="Locates mileposts along Washington State Routes, as defined by the Washington State Department of Transportation's Linear Referencing System." />
<meta name="theme-color" content="#007b5f" />
<script src="https://js.arcgis.com/calcite-components/2.13.2/calcite.esm.js" type="module"
integrity="sha512-ZEFetRq7tY/JhuR5Q+CWfNAR94hzBrocMr7pFHmuaRmDjtE3/utjp8Vcscf7beoNvLbnVWJL99bVIYvPyudK2g=="
crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/calcite-components/2.13.2/calcite.css" />
<!--
Contitionally load either the light or dark theme depending on user's settings.
See https://blog.jim-nielsen.com/2019/conditional-syntax-highlighting-in-dark-mode-with-css-imports/
-->
<link media="screen and (prefers-color-scheme: light)" rel="stylesheet"
href="https://js.arcgis.com/4.31/@arcgis/core/assets/esri/themes/light/main.css"
integrity="sha512-tjtZM/aSUMjlm45NaW/CVxffvDezkL7Y6WlhtG367BAR3Edc1x55v08TSruftVTC2lAzhf3suobJF8lO45bGPA=="
crossorigin="anonymous">
<link rel="stylesheet" media="screen and (prefers-color-scheme: dark)"
href="https://js.arcgis.com/4.31/@arcgis/core/assets/esri/themes/dark/main.css"
integrity="sha512-2OJdOfRW0yhq6LzOJh7BRZm3+fU6MiCBcBSu1UofQd9EDYO9CYLlG1d19U/I53Yjg2yomQGfMtattAF1X+VgXA=="
crossorigin="anonymous">
<title>%VITE_TITLE%</title>
</head>
<body class="calcite-mode-auto">
<calcite-loader></calcite-loader>
<calcite-shell>
<wsdot-header slot="header">
<span slot="title">%VITE_HEADER_TITLE%</span>
</wsdot-header>
<calcite-shell-panel slot="panel-start" id="sidebar" resizable>
<calcite-panel id="route-input-form-panel">
<calcite-block loading id="route-input-form-block" heading="Enter State Route & Milepost" collapsible open>
<form id="route-input-form" class="route-input-form">
<calcite-label for="routeInput">State Route
<calcite-combobox id="routeInput" name="route" label="route select" selection-mode="single"
selection-display="single" overlay-positioning="fixed" required
title="Select a route from the list. Type to filter the list."
placeholder="Select a route from the list. Type to filter the list." allow-custom-values
data-url="https://data.wsdot.wa.gov/arcgis/rest/services/Shared/ElcRestSOE/MapServer/exts/ElcRestSoe/routes/">
</calcite-combobox>
</calcite-label>
<calcite-label layout="inline" for="decreaseInput">Increase<calcite-switch name="decrease"
id="decreaseInput"
title="Check this box if you want the decreasing route rather than increasing."></calcite-switch>Decrease</calcite-label>
<calcite-label for="mpInput">Milepost<calcite-input-number title="Enter the milepost value here."
id="mpInput" name="mp" type="number" min="0" step="0.01" required /></calcite-label>
<calcite-label for="backInput" layout="inline">Ahead<calcite-switch name="back" id="backInput"
title="Check this box if the SRMP is back mileage." label="Back"></calcite-switch>Back</calcite-label>
<!--
<calcite-block heading="End Milepost" description="End milepost (optional)" collapsible="true">
<calcite-label for="endMPInput">End Milepost<calcite-input-number
title="Enter the end milepost value here if you want to search for a route segment." id="endMPInput"
name="endMP" type="number" min="0" step="0.01" /></calcite-label>
<calcite-label layout="inline">Ahead <calcite-switch name="endBack" id="endBackInput"
title="Check this box if the SRMP is back mileage." label="Back"></calcite-switch>
Back</calcite-label>
</calcite-block>
-->
<div class="btn-container">
<calcite-button type="submit"
title="Click this button to find this route + milepost and add a point to the map." alignment="center"
width="full">Submit</calcite-button>
</div>
</form>
<calcite-action id="resetFormAction" slot="control" icon="reset" text="Reset form"
label="Reset form"></calcite-action>
<calcite-tooltip id="resetFormTooltip" reference-element="resetFormAction">Click this button to clear the form
input
controls.</calcite-tooltip>
</calcite-block>
<calcite-block heading="Layer List" collapsible>
<div id="layerlist"></div>
</calcite-block>
<calcite-block heading="Legend" collapsible>
<div id="legend"></div>
</calcite-block>
</calcite-panel>
</calcite-shell-panel>
<div id="viewDiv"></div>
<wsdot-footer slot="footer"></wsdot-footer>
<calcite-dialog slot="dialogs" id="disclaimer-dialog" modal kind="info" placement="center"
heading="Disclaimer of warranties and limitations of liabilities"
description="Read our disclaimer before making use of information on this website.">
<p>
By making use of any information on this website, you agree to the
following:
</p>
<p>
WSDOT endeavors to provide reliable information on this website.
However, the information is provided on an "as-is" and "as available"
basis and may include errors, omissions, or other inaccuracies.
</p>
<p>
You assume the sole risk of making use of the information contained on
this website. You are advised to not solely rely on the information on
this website for any reason.
</p>
<p>
No representations, warranties, and/or promises of any kind, expressed
or implied, are given as to the nature, standard, accuracy,
timeliness, completeness, reliability, legality, or otherwise of the
information provided in this website nor to the suitability or
otherwise of the information to your particular circumstances. WSDOT
expressly disclaims all warranties, express or implied, including,
without limitation, any warranty of merchantability, fitness for a
particular purpose, or non-infringement or any other implied warranty
under the uniform computer information transactions act as enacted by
any state. There are no warranties which extend beyond the description
hereof.
</p>
<p>
WSDOT cannot and will not guarantee that this website is free from
computer viruses or anything else that has destructive properties.
</p>
<p>
In no event shall WSDOT be liable for any indirect, punitive,
incidental, special, or consequential damages including, but not
limited to, loss of profits, loss of data, loss of business or other
loss arising out of or in any way connected with the use of (or
inability to use) this website or from your use of (or failure to use)
the information on this site, whether based in contract, negligence,
tort, strict liability, or otherwise, even if WSDOT has been advised
of the possibility of such damages.
</p>
<p>
This website provides links to other websites owned by third parties.
The content of such third party sites is not within
WSDOT’s control, and we cannot and will not take
responsibility for the information or content thereon. Links to such
third party sites are not to be taken as an endorsement by WSDOT of
the third party site, or any information or products promoted, offered
or sold on the third party site, nor that such sites are free from
computer viruses or anything else that has destructive properties.
WSDOT cannot and does not take responsibility for the collection or
use of personal data from any third party site. In addition, WSDOT
will not accept responsibility for the accuracy, relevancy,
timeliness, or completeness of any information or advertising on these
third party websites.
</p>
<footer slot="footer">
©
<abbr title="Washington State Department of Transportation">WSDOT</abbr>
All Rights Reserved
</footer>
</calcite-dialog>
<calcite-alert slot="alerts" id="instructionsAlert" icon="pin-plus" kind="brand" open="false" auto-close
auto-close-duration="medium" label="Instructions" scale="l">
<div slot="title">Instructions</div>
<div slot="message">
Click on the map near a state route to add a point at the nearest
milepost.
</div>
</calcite-alert>
</calcite-shell>
<template id="no-webgl">
<p>
This website requires
<a href="https://get.webgl.org/webgl2/">WebGL2</a>.
</p>
</template>
<script type="module" src="/src/main.ts"></script>
</body>
</html>