/
index.html
219 lines (198 loc) · 7.75 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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html>
<head>
<title>Webinos policy editor</title>
<meta charset="utf-8">
<link rel="stylesheet" href="main.css">
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body>
<img class="webinoslogo" src="img/webinosWithBorder.png">
<div class="header">
<img src="img/webinosWithBorder.png">
<div class="title">POLICY EDITOR</div>
</div>
<div class="header tabs" id="tabs">
<div id="linkTo-quickSettings" class="selected">Quick</div>
<div id="linkTo-appsPolicies">Apps</div>
<div id="linkTo-peoplePolicies">People</div>
<div id="linkTo-placesPolicies">Profiles</div>
<div id="linkTo-storesSettings">Stores</div>
</div>
<div class="content-container">
<!--<div id="tabs">
<div class="selected">Quick</div>
<div>Apps</div>
<div>People</div>
<div>Places</div>
<div>Stores</div>
</div>-->
<div id="quickSettings" class="content">
<div id="quickSettings-switches">
<h1 class="quickSettings-switches-title">Quick Settings</h1>
<div id="quickSettings-switches-content"></div>
</div>
<div id="quickSettings-status">
<h1 class="quickSettings-status-title">Device Status</h1>
<div id="quickSettings-status-content"></div>
</div>
</div>
<div id="appsPolicies" class="content">
apps
</div>
<div id="peoplePolicies" class="content">
<div class="search-container">
<label for="peopleSearch">Search:</label>
<input class="search" id="peopleSearch" />
</div>
<div class="sort-container">
<div class="button sort" data-sort="name">Sort by name</div>
<div class="button sort" data-sort="lastused-timestamp">Sort by access date</div>
</div>
<ul id="people-list" class="list"></ul>
</div>
<div id="placesPolicies" class="content">
<select>
<option>Peter</option>
<option>Steve</option>
<option>Manfred Albrecht Freiherr von Richthofen</option>
</select>
<div class="places-titles">
<h1 class="places-profiles-title">Profiles<span id="placesAddProfile">+</span></h1>
<h1 class="places-allow-title">Allow<span id="placesAddAllow">+</span></h1>
<h1 class="places-prompt-title">Prompt<span id="placesAddPrompt">+</span></h1>
<h1 class="places-deny-title">Deny<span id="placesAddDeny">+</span></h1>
</div>
<div id="places-profiles">
<!--<div>Home<span>-</span></div>
<div>Office<span>-</span></div>
<div class="selected">Trip to dad's<span>-</span></div>
<div>Misc<span>-</span></div>-->
</div>
<div id="places-allow" class="column">
<!--<div draggable="true"><b>Navigation</b>@Kids in Focus<span>-</span></div>
<div draggable="true"><b>Pets</b>@Kids in Focus<span>-</span></div>
<div draggable="true"><b>Sharing</b>@Webinos Travel<span>-</span></div>-->
</div>
<div id="places-prompt" class="column">
<!--<div draggable="true"><b>Obey</b>@Consume<span>-</span></div>-->
</div>
<div id="places-deny" class="column">
<!--<div draggable="true"><b>Navigation</b>@Spy on your loved ones<span>-</span></div>-->
</div>
</div>
<div id="storesSettings" class="content">
<h3>Allow apps to be installed from those stores:</h3>
<div id="storeListContainer"></div>
<hr>
<div id="unknown-location">
<h3>Allow apps to be installed from other locations:</h3>
<div class="permissions-controls" id="unk-loc-per-con"></div>
<div id="unk-loc-explained" class="info">"Allow once" will allow installation for the next application only, then it will change to "Deny".</div>
</div>
</div>
</div>
<div id="toolbar" class="header toolbar">
<div id="toolbar-showhide"></div>
<div id="t-open">Open</div>
<div id="t-save">Save</div>
<div id="t-test">Test</div>
<div id="t-sync">Sync</div>
<!--<hr>
<div id="t-add">Add</div>
<div id="t-del">Delete</div>-->
</div>
<div id="popup_overlay">
<div id="popup_container">
<div class="popup" id="popup-test">
<!--<div class="popup-close xclose">x</div>-->
<h1>Test Title</h1>
<div>Bacon ipsum dolor sit amet ham beef ribs pork loin ball tip pork belly prosciutto. T-bone short ribs flank rump meatball, andouille kielbasa pastrami capicola shankle strip steak tail.</div>
<div class="button popup-close ok">OK</div>
<div class="button popup-close">Cancel</div>
</div>
<!--<div class="popup" id="popup-addToPolicy">
<div class="popup-close xclose">x</div>
<h1>Add to policy</h1>
<div class="button" id="popup-addToPolicy-profile">New Profile</div>
<div class="button" id="popup-addToPolicy-object">New Object</div>
<div class="button" id="popup-addToPolicy-service">New Service</div>
</div>-->
<div class="popup" id="popup-addProfile">
<div class="popup-close xclose">x</div>
<h1>Add/Edit Profile</h1>
<input type="hidden" id="popup-addProfile-id">
<div class="popup-input-row">
<label for="addProfile-name">Profile Name</label>
<input type="text" id="popup-addProfile-name">
</div>
<div class="button popup-close ok" id="popup-addProfile-save">Add</div>
<div class="button popup-close">Cancel</div>
</div>
<!--<div class="popup" id="popup-policyEntity">
<div class="popup-close xclose">x</div>
<h1>Name</h1>
<div class="button popup-close">Object</div>
<div class="button popup-close">Service</div>
</div>-->
<div class="popup" id="popup-addPermission">
<h1 id="popup-addPermission-header">Add/Edit Permission</h1>
<div class="popup-tabs">
<div id="popup-addPermission-summary-tab" class="selected">Summary</div>
<div id="popup-addPermission-details-tab">Details</div>
</div>
<div id="popup-addPermission-summary-content" class="popup-page">
<input type="hidden" id="popup-addPermission-id">
<div class="popup-input-row">
<label for="popup-addPermission-name">Name</label>
<input type="text" id="popup-addPermission-name">
</div>
<div class="popup-input-row">
<label for="popup-addPermission-app">Application</label>
<select id="popup-addPermission-app">
<!--<option value="kif">Kids in Focus</option>
<option value="poo">Prodigy of Ouroboros</option>-->
</select>
</div>
<div class="popup-input-row">
<label for="popup-addPermission-type">Device Service</label>
<select id="popup-addPermission-type">
<option value="gps">GPS</option>
<option value="sms">SMS</option>
</select>
</div>
<div class="popup-input-row">
<label for="popup-addPermission-action">Action</label>
<select id="popup-addPermission-action">
<option value="allow">Allow</option>
<option value="prompt">Prompt</option>
<option value="deny">Deny</option>
</select>
</div>
</div>
<div id="popup-addPermission-details-content" class="popup-page">
<textarea id="popup-addPermission-detailsTextarea">Details</textarea>
</div>
<div class="button popup-close ok" id="popup-addPermission-save">Save</div>
<div class="button popup-close">Cancel</div>
</div>
<div class="popup" id="popup-deleteProfile">
<div class="popup-close xclose">x</div>
<h1>Delete profile</h1>
<div>Are you sure you want to delete this profile and <b>all permissions</b> associated with it?</div>
<div class="button popup-close ok" id="popup-deleteProfile-confirm">Delete</div>
<div class="button popup-close">Cancel</div>
</div>
<div class="popup" id="popup-deletePermission">
<div class="popup-close xclose">x</div>
<h1>Delete permission</h1>
<div>Are you sure you want to delete this permission?</div>
<div class="button popup-close ok" id="popup-deletePermission-confirm">Delete</div>
<div class="button popup-close">Cancel</div>
</div>
</div>
</div>
<script type="text/javascript" src="list.min.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>