Skip to content

Commit a6318c6

Browse files
ryanslattenryanslatten
committed
updated another text field
1 parent 79be5ce commit a6318c6

File tree

1 file changed

+40
-80
lines changed

1 file changed

+40
-80
lines changed

‎web-app/admin/src/ng1/admin/layers/layer.edit.html‎

Lines changed: 40 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,8 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
2828
<form ng-submit="$ctrl.saveLayer()" class="form">
2929
<div class="top-gap">
3030
<div class="mdc-text-field mdc-text-field--outlined w-100">
31-
<input type="text" id="layer-name" placeholder="i.e. HurricaneSandy" ng-model="$ctrl.layer.name" value="${{ctrl.layer.name}}" class="mdc-text-field__input" required>
31+
<input type="text" id="layer-name" placeholder="i.e. HurricaneSandy" ng-model="$ctrl.layer.name"
32+
value="${{ctrl.layer.name}}" class="mdc-text-field__input" required>
3233
<div class="mdc-notched-outline">
3334
<div class="mdc-notched-outline__leading"></div>
3435
<div class="mdc-notched-outline__notch">
@@ -41,7 +42,8 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
4142

4243
<div class="top-gap">
4344
<div class="mdc-text-field mdc-text-field--textarea text-area-field">
44-
<textarea id="textarea" class="mdc-text-field__input" type="text" ng-model="$ctrl.layer.description">${{ctrl.layer.description}}</textarea>
45+
<textarea id="textarea" class="mdc-text-field__input" type="text"
46+
ng-model="$ctrl.layer.description">${{ctrl.layer.description}}</textarea>
4547
<div class="mdc-notched-outline">
4648
<div class="mdc-notched-outline__leading"></div>
4749
<div class="mdc-notched-outline__notch">
@@ -56,14 +58,8 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
5658
<div class="mdc-typeography--subtitle">Layer Type</div>
5759
<div class="mdc-form-field">
5860
<div class="mdc-radio">
59-
<input
60-
class="mdc-radio__native-control"
61-
type="radio"
62-
ng-model="$ctrl.layer.type"
63-
ng-change="$ctrl.layerTypeChange()"
64-
value="Imagery"
65-
id="imagery_option"
66-
name="layer-type">
61+
<input class="mdc-radio__native-control" type="radio" ng-model="$ctrl.layer.type"
62+
ng-change="$ctrl.layerTypeChange()" value="Imagery" id="imagery_option" name="layer-type">
6763
<div class="mdc-radio__background">
6864
<div class="mdc-radio__outer-circle"></div>
6965
<div class="mdc-radio__inner-circle"></div>
@@ -73,31 +69,19 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
7369
</div>
7470
<div class="mdc-form-field">
7571
<div class="mdc-radio">
76-
<input
77-
class="mdc-radio__native-control"
78-
type="radio"
79-
ng-model="$ctrl.layer.type"
80-
ng-change="$ctrl.layerTypeChange()"
81-
value="Feature"
82-
id="feature_option"
83-
name="layer-type">
72+
<input class="mdc-radio__native-control" type="radio" ng-model="$ctrl.layer.type"
73+
ng-change="$ctrl.layerTypeChange()" value="Feature" id="feature_option" name="layer-type">
8474
<div class="mdc-radio__background">
8575
<div class="mdc-radio__outer-circle"></div>
8676
<div class="mdc-radio__inner-circle"></div>
8777
</div>
8878
</div>
89-
<label for="feature_option">Static <span class="muted"> (KML)</span></label>
79+
<label for="feature_option">Static <span class="muted"> (KML/KMZ)</span></label>
9080
</div>
9181
<div class="mdc-form-field">
9282
<div class="mdc-radio">
93-
<input
94-
class="mdc-radio__native-control"
95-
type="radio"
96-
ng-model="$ctrl.layer.type"
97-
ng-change="$ctrl.layerTypeChange()"
98-
value="GeoPackage"
99-
id="geopackage_option"
100-
name="layer-type">
83+
<input class="mdc-radio__native-control" type="radio" ng-model="$ctrl.layer.type"
84+
ng-change="$ctrl.layerTypeChange()" value="GeoPackage" id="geopackage_option" name="layer-type">
10185
<div class="mdc-radio__background">
10286
<div class="mdc-radio__outer-circle"></div>
10387
<div class="mdc-radio__inner-circle"></div>
@@ -109,18 +93,16 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
10993

11094
<div class="form-group" ng-if="$ctrl.layer.type === 'GeoPackage' && !$ctrl.layer.id">
11195
<label class="control-label">Choose GeoPackage File</label>
112-
<file-browser on-file-chosen="$ctrl.onGeoPackageFile($event)" enctype="multipart/form-data"></file-browser>
96+
<file-browser on-file-chosen="$ctrl.onGeoPackageFile($event)"
97+
enctype="multipart/form-data"></file-browser>
11398
</div>
11499

115-
<div class="top-gap">
116-
<div class="mdc-text-field mdc-text-field--outlined" ng-show="$ctrl.layer.type === 'Imagery'" style="width: 100%">
117-
<input type="text"
118-
id="layer-url"
119-
placeholder="http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
120-
value="{{$ctrl.layer.url}}"
121-
ng-model="$ctrl.layer.url"
122-
ng-change="$ctrl.urlChange()"
123-
class="mdc-text-field__input" required>
100+
<div class="top-gap">
101+
<div class="mdc-text-field mdc-text-field--outlined" ng-show="$ctrl.layer.type === 'Imagery'"
102+
style="width: 100%">
103+
<input type="text" id="layer-url" placeholder="http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
104+
value="{{$ctrl.layer.url}}" ng-model="$ctrl.layer.url" ng-change="$ctrl.urlChange()"
105+
class="mdc-text-field__input" required>
124106
<div class="mdc-notched-outline">
125107
<div class="mdc-notched-outline__leading"></div>
126108
<div class="mdc-notched-outline__notch">
@@ -134,18 +116,11 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
134116
<div class="top-gap" ng-show="$ctrl.layer.type === 'Imagery'">
135117
<div class="mdc-form-field">
136118
<div class="mdc-checkbox">
137-
<input
138-
type="checkbox"
139-
ng-model="$ctrl.layer.base"
140-
class="mdc-checkbox__native-control"
141-
id="baseLayer_cb"/>
119+
<input type="checkbox" ng-model="$ctrl.layer.base" class="mdc-checkbox__native-control"
120+
id="baseLayer_cb" />
142121
<div class="mdc-checkbox__background">
143-
<svg class="mdc-checkbox__checkmark"
144-
viewBox="0 0 24 24">
145-
<path
146-
class="mdc-checkbox__checkmark-path"
147-
fill="none"
148-
d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
122+
<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
123+
<path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
149124
</svg>
150125
<div class="mdc-checkbox__mixedmark"></div>
151126
</div>
@@ -157,14 +132,8 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
157132
<div class="top-gap" ng-show="$ctrl.layer.type === 'Imagery'">
158133
<div class="mdc-form-field">
159134
<div class="mdc-radio">
160-
<input
161-
class="mdc-radio__native-control"
162-
type="radio"
163-
ng-model="$ctrl.layer.format"
164-
ng-change="$ctrl.layerFormatChange()"
165-
value="XYZ"
166-
id="xyz_option"
167-
name="layer-format">
135+
<input class="mdc-radio__native-control" type="radio" ng-model="$ctrl.layer.format"
136+
ng-change="$ctrl.layerFormatChange()" value="XYZ" id="xyz_option" name="layer-format">
168137
<div class="mdc-radio__background">
169138
<div class="mdc-radio__outer-circle"></div>
170139
<div class="mdc-radio__inner-circle"></div>
@@ -174,14 +143,8 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
174143
</div>
175144
<div class="mdc-form-field">
176145
<div class="mdc-radio">
177-
<input
178-
class="mdc-radio__native-control"
179-
type="radio"
180-
ng-model="$ctrl.layer.format"
181-
ng-change="$ctrl.layerFormatChange()"
182-
value="TMS"
183-
id="tms_option"
184-
name="layer-format">
146+
<input class="mdc-radio__native-control" type="radio" ng-model="$ctrl.layer.format"
147+
ng-change="$ctrl.layerFormatChange()" value="TMS" id="tms_option" name="layer-format">
185148
<div class="mdc-radio__background">
186149
<div class="mdc-radio__outer-circle"></div>
187150
<div class="mdc-radio__inner-circle"></div>
@@ -191,14 +154,8 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
191154
</div>
192155
<div class="mdc-form-field">
193156
<div class="mdc-radio">
194-
<input
195-
class="mdc-radio__native-control"
196-
type="radio"
197-
ng-model="$ctrl.layer.format"
198-
ng-change="$ctrl.layerFormatChange()"
199-
value="WMS"
200-
id="wms_option"
201-
name="layer-format">
157+
<input class="mdc-radio__native-control" type="radio" ng-model="$ctrl.layer.format"
158+
ng-change="$ctrl.layerFormatChange()" value="WMS" id="wms_option" name="layer-format">
202159
<div class="mdc-radio__background">
203160
<div class="mdc-radio__outer-circle"></div>
204161
<div class="mdc-radio__inner-circle"></div>
@@ -209,18 +166,20 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
209166
</div>
210167

211168
<admin-layer-wms-edit ng-if="$ctrl.layer.format === 'WMS' && $ctrl.layer.type === 'Imagery'"
212-
layer-url="{{$ctrl.layer.url}}"
213-
wms-options="$ctrl.wmsOptions"
214-
on-wms-options-update="$ctrl.wmsOptionsUpdate(options)"/>
169+
layer-url="{{$ctrl.layer.url}}" wms-options="$ctrl.wmsOptions"
170+
on-wms-options-update="$ctrl.wmsOptionsUpdate(options)" />
215171

216-
<div ng-if="$ctrl.saving && $ctrl.layer.type === 'GeoPackage' && $ctrl.layer.geopackage" class="form-group">
217-
<uib-progressbar max="$ctrl.total" value="$ctrl.progress"><span style="color:white; white-space:nowrap;">{{$ctrl.progress | filesize}} / {{$ctrl.total | filesize}}</span></uib-progressbar>
172+
<div ng-if="$ctrl.saving && $ctrl.layer.type === 'GeoPackage' && $ctrl.layer.geopackage"
173+
class="form-group">
174+
<uib-progressbar max="$ctrl.total" value="$ctrl.progress"><span
175+
style="color:white; white-space:nowrap;">{{$ctrl.progress | filesize}} / {{$ctrl.total |
176+
filesize}}</span></uib-progressbar>
218177
</div>
219178

220179
</form>
221180
</div>
222-
<button class="mdc-fab mdc-fab--extended admin-fab--absolute layer-save-fab"
223-
ng-class="{'disabled': saving}" ng-click="$ctrl.saveLayer()">
181+
<button class="mdc-fab mdc-fab--extended admin-fab--absolute layer-save-fab" ng-class="{'disabled': saving}"
182+
ng-click="$ctrl.saveLayer()">
224183
<span class="material-icons mdc-fab__icon">save</span>
225184
<span class="mdc-fab__label">Save Layer</span>
226185
</button>
@@ -239,7 +198,8 @@ <h2 ng-if="!$ctrl.layer.id">New layer</h2>
239198
</div>
240199
<div class="form-preview">
241200
<div class="form-preview-inner">
242-
<admin-layer-preview url="{{$ctrl.layer.url}}" type="{{$ctrl.layer.type}}" format="{{$ctrl.layer.format}}" wms="$ctrl.wmsOptions"></admin-layer-preview>
201+
<admin-layer-preview url="{{$ctrl.layer.url}}" type="{{$ctrl.layer.type}}" format="{{$ctrl.layer.format}}"
202+
wms="$ctrl.wmsOptions"></admin-layer-preview>
243203
</div>
244204
</div>
245205
</div>

0 commit comments

Comments
 (0)