-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
176 lines (146 loc) · 7.08 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!-- bootstrap required: -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- app meta -->
<title>ArcGIS REST Service Export</title>
<meta name="description" content="ArcGIS REST Service Export">
<meta name="author" content="CartONG">
<!-- fonts and icons -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:400,700' type='text/css'>
<link rel='stylesheet' href="lib/fontawesome-free-5.8.1-web/css/fontawesome.min.css">
<link rel='stylesheet' href="lib/fontawesome-free-5.8.1-web/css/brands.min.css">
<link rel='stylesheet' href="lib/fontawesome-free-5.8.1-web/css/solid.min.css">
<!-- styles -->
<link rel="stylesheet" href="lib/bootstrap-4.3.1/bootstrap.min.css">
<link rel="stylesheet" href="lib/leaflet/leaflet.css">
<link rel="stylesheet" href="lib/Leaflet.markerCluster-1.4.1/MarkerCluster.css">
<link rel="stylesheet" href="css/main.css">
<!-- end of styles -->
</head>
<body>
<div class="container">
<div class="app-header">
<div class="col-md-12">
<h1>ArcGIS REST Service export</h1>
</div>
</div>
<div class="app-content">
<div class="row">
<div class="col-md-12 container-introduction">
<div class="alert alert-light" role="alert">
<p>This application allows the extraction of full datasets from a given service, overcoming the service limitation set by service maintainers.</p>
<p>Please note that such a request might involve a large amount of data and therefore can lead to slow responses or browser freezing. Please be patient and do not hesitate to report any error you might face by using the Issue page of the <a class="alert-link" href="https://github.com/CartONG/arcgis-rest-service-export/issues" target="_blank">GitHub repository</a>. We will try to give an answer as soon as possible.</p>
<p>However, please understand that CartONG cannot guarantee the correct functioning of the tool for all service types and versions.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-7 container-input">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="input-service-url">
<!--span class="flow-step-number">1</span-->
Service layer<!--i class="fas fa-question-circle"></i-->
<span class="flow-step-explanation">| e.g.: https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/World_Cities/FeatureServer/0</span>
</label>
<div class="input-group input-group-sm mb-3">
<!--div class="input-group-prepend">
<span class="input-group-text" id="service-format">https://domain.com/arcgis/rest/services/service-name/</span>
</div-->
<input id="input-service-url" type="text" class="form-control" placeholder="Please enter service URL" aria-label="Please enter service URL" aria-describedby="btn-input-service-url">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" id="btn-input-service-url"><i class="fas fa-search"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="input-output-format">
<!--span class="flow-step-number">2</span-->
Print format
</label>
<select class="custom-select custom-select-sm" id="input-output-format">
<option value="json" selected>Esri JSON</option>
<option value="geojson">GeoJSON</option>
<option value="csv">CSV (Comma Separated Values)</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="input-output-geometry">
<!--span class="flow-step-number">3</span-->
Return geometry
</label>
<select class="custom-select custom-select-sm" id="input-output-geometry">
<option value="true" selected>Yes</option>
<option value="false">No</option>
</select>
<p class="app-warning">Please note that if you are requesting a polygon service, returning geometry might take long.</p>
</div>
</div>
</div>
</div>
<div class="col-md-5 container-map">
<!--div id="map"></div-->
</div>
</div>
<div class="row">
<div class="col-md-12 container-results">
<div class="form-group">
<label for="txt-result">Print results</label>
<span id="txt-result-summary" class="float-right"></span>
<textarea class="form-control form-control-sm" id="txt-result" rows="8" readonly></textarea>
</div>
<div class="btn-group float-right">
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="btn-export-data" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>
Export
</button>
<div class="dropdown-menu dropdown-menu-right" id="dropdown-export-options" aria-labelledby="btn-export-data" disabled></div>
</div>
</div>
</div>
</div>
<footer>
<div class="container-disclaimer">
<div class="container">
<div class="row">
<div class="col-md-9">
<p>This is a beta version and there is still some bug testing to do. Please help reporting any issue you find.</p>
</div>
<div class="col-md-3">
<span class='float-right'>
Developed by <img src="img/cartong_logo.png" height='30' alt='CartONG'>
</span>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- Container -->
<!-- scripts -->
<script src="lib/jquery/jquery-3.3.1.min.js"></script>
<script src="lib/popper/popper.min.js"></script>
<script src="lib/bootstrap-4.3.1/bootstrap.min.js"></script>
<script src="lib/leaflet/leaflet.js"></script>
<script src="lib/Leaflet.markerCluster-1.4.1/leaflet.markercluster.js"></script>
<script src="lib/PapaParse-4.6.0/papaparse.min.js"></script>
<!--script src="lib/cartong/CartONG.ArcgisService.js"></script-->
<script src="https://cdn.jsdelivr.net/gh/CartONG/cartong-arcgis/cartong-arcgis-service.js"></script>
<script src="config/Config.js"></script>
<script src="js/Dom.js"></script>
<script src="js/View.js"></script>
<script src="js/Data.js"></script>
<script src="js/Map.js"></script>
<script src="js/main.js"></script>
<!-- end of scripts -->
</body>
</html>