-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathlayersettings.html
114 lines (105 loc) · 3.95 KB
/
layersettings.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
<!DOCTYPE html>
<html>
<head>
<title >Settings for Layer</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="photon-0.1.2-dist/css/photon.min.css">
<link rel="import" href="xel/xel.min.html">
<link rel="stylesheet" href="xel/stylesheets/material.theme.css">
<!-- Javascript -->
<style>
.table-striped{
border: 1px solid gray;
}
</style>
</head>
<body>
<div class="window">
<!-- .toolbar-header sits at the top of your app -->
<!-- <header class="toolbar toolbar-header">
<h1 class="title">Test</h1>
</header> -->
<!-- Your app's content goes inside .window-content -->
<div class="window-content">
<div class="pane-group">
<div class="pane">
<div class="padded-more">
<form id="formsetting">
<!-- <div class="form-group">
<span>Provider Name (case sensitive)</span>
<input type="name" id="providername"class="form-control" placeholder="ie. 'Stamen.Watercolor'">
<a href="#" id="aproviderlink">Check all provider names</a>
</div>
<div class="form-group">
<span>Max Zoom (20 is max)</span>
<input type="number" id="maxzooominput" class="form-control" placeholder="Default : 19">
</div>
<div class="form-group">
<span>Min Zoom (0 is min)</span>
<input type="number" class="form-control" id="minzoominput" placeholder="Default : 0">
</div> -->
<h4 id="title">title</h4>
<div class="form-group">
<span>Style(Fill = Polygons Only)</span><br>
<x-box class="form-control">
<x-colorselect id="colorbox"style=" float: left;" ></x-colorselect>
<span>Click to select color and then use update buttons below</span>
</x-box>
<table class="table-striped">
<thead>
<tr>
<th>Property</th>
<th>Color</th>
<th>Opacity</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fill</td>
<td><input id="fillcolor" class="form-control" rows="1" placeholder="Hex"></input></input></td>
<td><input id="fillopacity" class="form-control" rows="1" placeholder="0-1"></input></td>
</tr>
<tr>
<td>Stroke</td>
<td><input id="outlinefill" class="form-control" rows="1" placeholder="Hex"></input></input></td>
<td><input id="outlineopacity" class="form-control" rows="1" placeholder="0-1"></input></td>
</tr>
</tbody>
</table>
<div class="test">
<button class="btn btn-form btn-primary"id="fillbutton">Fill Color</button>
<button class="btn btn-form btn-primary"id="outlinebutton">Stroke Color</button>
</div>
</div>
<div class="form-group">
<span>Tooltip Content(No Markers)</span>
<textarea id="tooltipform" class="form-control" rows="1" placeholder="tooltip content"></textarea>
</div>
<div class="form-group">
<span>Popup Content</span>
<textarea id="popupform" class="form-control" rows="3" placeholder="popup content"></textarea>
</div>
<div class="form-group">
<span>Plugins</span>
<!-- <div class="checkbox">
<label>
<input type="checkbox" id="mcbox"> Cluster Markers (Markers Only)
</label>
</div> -->
<x-box>
<x-radio toggled mixed id="mclusterRadio"></x-radio>
<x-label for="mclusterRadio" id="label-1">Cluster Markers (Markers Only)</x-label>
</x-box>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-form btn-primary">Update Layer</button>
<button id="closebutton" class="btn btn-form btn-negative">Close</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="runLayer.js" charset="utf-8"></script>
</body>
</html>