blob: 9eb005ac8f3a1d7ed7a776030f5516b677c822f1 [file] [log] [blame]
Scott Baker0088cb12014-10-27 23:02:48 -07001<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
2<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
3<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
4<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
5<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
6<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
7
8<link rel="stylesheet" type="text/css" href="{% static 'css/test.css' %}" media="all" >
9
10<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
11<script src="{{ STATIC_URL }}/js/test.js"></script>
12
13<p>This shows all of the things you can see using xosLib</p>
14
15<h3>Deployments</h3>
16<div id="deploymentList">
17</div>
18
19<h3>Images</h3>
20<div id="imageList">
21</div>
22
23<h3>Network Templates</h3>
24<div id="networkTemplateList">
25</div>
26
27<h3>Networks</h3>
28<div id="networkList">
29</div>
30
31<h3>Nodes</h3>
32<div id="nodeList">
33</div>
34
35<h3>Services</h3>
36<div id="serviceList">
37</div>
38
39<h3>Sites</h3>
40<div id="siteList">
41</div>
42
43<h3>Slices</h3>
44<div id="sliceList">
45</div>
46
47<h3>Slivers</h3>
48<div id="sliverList">
49</div>
50
Scott Baker9d8760e2014-10-28 12:44:13 -070051<div id="detailBox">
52<button id="close-detail-view">Close Detail View</button>
53<div id="detail"></div>
54<div id="linkedObjs1"></div>
55<div id="linkedObjs2"></div>
56</div>
57
Scott Baker0088cb12014-10-27 23:02:48 -070058<!-- Deployment -->
59
60<script type="text/template" id="test-deployment-list-template">
61 <table class="test-table">
62 <thead><tr>
63 <th>id</th>
64 <th>name</th>
65 <th>backend</th>
66 <th>admin_tenant</th>
67 <th># sites</th>
68 </tr></thead>
69 <tbody></tbody>
70 </table>
71</script>
72
73
74<script type="text/template" id="test-deployment-listitem-template">
75 <td><%= id %></td>
76 <td><%= name %></td>
77 <td><%= backend_type %></td>
78 <td><%= admin_tenant %></td>
79 <td><%= sites.length %></td>
80</script>
81
Scott Baker9d8760e2014-10-28 12:44:13 -070082<script type="text/template" id="test-deployment-detail-template">
83 <h3>Detail View: Deployment</h3>
84 <form>
85 <table>
86 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
87 <tr><td>Backend:</td><td><input type="text" name="backend_type" value="<%= backend_type %>"></td></tr>
88 <tr><td>Admin Tenant:</td><td><input type="text" name="admin_tenant" value="<%= admin_tenant %>"></td></tr>
89 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
90 </table>
91 </form>
92</script>
93
Scott Baker0088cb12014-10-27 23:02:48 -070094<!-- Image -->
95
96<script type="text/template" id="test-image-list-template">
97 <table class="test-table">
98 <thead><tr>
99 <th>id</th>
100 <th>name</th>
101 <th>disk_format</th>
102 <th>container_format</th>
103 <th>path</th>
104 </tr></thead>
105 <tbody></tbody>
106 </table>
107</script>
108
Scott Baker0088cb12014-10-27 23:02:48 -0700109<script type="text/template" id="test-image-listitem-template">
110 <td><%= id %></td>
111 <td><%= name %></td>
112 <td><%= disk_format %></td>
113 <td><%= container_format %></td>
114 <td><%= path %></td>
115</script>
116
Scott Baker9d8760e2014-10-28 12:44:13 -0700117<script type="text/template" id="test-image-detail-template">
118 <h3>Detail View: Image</h3>
119 <form>
120 <table>
121 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
122 <tr><td>Disk Format:</td><td><input type="text" name="backend_type" value="<%= disk_format %>"></td></tr>
123 <tr><td>Container Format:</td><td><input type="text" name="admin_tenant" value="<%= container_format %>"></td></tr>
124 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
125 </table>
126 </form>
127</script>
128
Scott Baker0088cb12014-10-27 23:02:48 -0700129<!-- NetworkTemplate -->
130
131<script type="text/template" id="test-networkTemplate-list-template">
132 <table class="test-table">
133 <thead><tr>
134 <th>id</th>
135 <th>name</th>
136 <th>description</th>
137 <th>visibility</th>
138 <th>translation</th>
139 <th>sharedNetworkName</th>
140 <th>sharedNetworkId</th>
141 </tr></thead>
142 <tbody></tbody>
143 </table>
144</script>
145
146
147<script type="text/template" id="test-networkTemplate-listitem-template">
148 <td><%= id %></td>
149 <td><%= name %></td>
150 <td><%= description %></td>
151 <td><%= visibility %></td>
152 <td><%= translation %></td>
153 <td><%= sharedNetworkName %></td>
154 <td><%= sharedNetworkId %></td>
155</script>
156
Scott Baker9d8760e2014-10-28 12:44:13 -0700157<script type="text/template" id="test-networkTemplate-detail-template">
158 <h3>Detail View: NetworkTemplate</h3>
159 <form>
160 <table>
161 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
162 <tr><td>description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
163 <tr><td>Visibility:</td><td><input type="text" name="visibility" value="<%= visibility %>"></td></tr>
164 <tr><td>Translation:</td><td><input type="text" name="translation" value="<%= translation %>"></td></tr>
165 <tr><td>Shared Network Name:</td><td><input type="text" name="sharedNetworkName" value="<%= sharedNetworkName %>"></td></tr>
166 <tr><td>Shared Network Id:</td><td><input type="text" name="sharedNetworkId" value="<%= sharedNetworkId %>"></td></tr>
167 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
168 </table>
169 </form>
170</script>
171
Scott Baker0088cb12014-10-27 23:02:48 -0700172<!-- Network -->
173
174<script type="text/template" id="test-network-list-template">
175 <table class="test-table">
176 <thead><tr>
177 <th>id</th>
178 <th>name</th>
179 <th>template</th>
180 <th>ports</th>
181 <th>labels</th>
182 <th>owner</th>
183 </tr></thead>
184 <tbody></tbody>
185 </table>
186</script>
187
188
189<script type="text/template" id="test-network-listitem-template">
190 <td><%= id %></td>
191 <td><%= name %></td>
192 <td><%= template %></td>
193 <td><%= ports %></td>
194 <td><%= labels %></td>
195 <td><%= owner %></td>
196</script>
197
Scott Baker9d8760e2014-10-28 12:44:13 -0700198<script type="text/template" id="test-network-detail-template">
199 <h3>Detail View: Network</h3>
200 <form>
201 <table>
202 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
203 <tr><td>Template:</td><td><input type="text" name="template" value="<%= template %>"></td></tr>
204 <tr><td>Ports:</td><td><input type="text" name="ports" value="<%= ports %>"></td></tr>
205 <tr><td>Labels:</td><td><input type="text" name="labels" value="<%= labels %>"></td></tr>
206 <tr><td>Owner:</td><td><input type="text" name="owner" value="<%= owner %>"></td></tr>
207 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
208 </table>
209 </form>
210</script>
211
Scott Baker0088cb12014-10-27 23:02:48 -0700212<!-- Node -->
213
214<script type="text/template" id="test-node-list-template">
215 <table class="test-table">
216 <thead><tr>
217 <th>id</th>
218 <th>name</th>
219 <th>site</th>
220 <th>deployment</th>
221 </tr></thead>
222 <tbody></tbody>
223 </table>
224</script>
225
226
227<script type="text/template" id="test-node-listitem-template">
228 <td><%= id %></td>
229 <td><%= name %></td>
230 <td><%= site %></td>
231 <td><%= deployment %></td>
232</script>
233
Scott Baker9d8760e2014-10-28 12:44:13 -0700234<script type="text/template" id="test-node-detail-template">
235 <h3>Detail View: Node</h3>
236 <form>
237 <table>
238 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
239 <tr><td>Site:</td><td><input type="text" name="site" value="<%= site %>"></td></tr>
240 <tr><td>Deployment:</td><td><input type="text" name="deployment" value="<%= deployment %>"></td></tr>
241 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
242 </table>
243 </form>
244</script>
245
Scott Baker0088cb12014-10-27 23:02:48 -0700246<!-- Service -->
247
248<script type="text/template" id="test-service-list-template">
249 <table class="test-table">
250 <thead><tr>
251 <th>id</th>
252 <th>name</th>
253 <th>description</th>
254 <th>enabled</th>
255 <th>versionNumber</th>
256 <th>published</th>
257 </tr></thead>
258 <tbody></tbody>
259 </table>
260</script>
261
262
263<script type="text/template" id="test-service-listitem-template">
264 <td><%= id %></td>
265 <td><%= name %></td>
266 <td><%= description %></td>
267 <td><%= enabled %></td>
268 <td><%= versionNumber %></td>
269 <td><%= published %></td>
270</script>
271
Scott Baker9d8760e2014-10-28 12:44:13 -0700272<script type="text/template" id="test-service-detail-template">
273 <h3>Detail View: Service</h3>
274 <form>
275 <table>
276 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
277 <tr><td>description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
278 <tr><td>Version Number:</td><td><input type="text" name="versionNumber" value="<%= versionNumber %>"></td></tr>
279 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
280 </table>
281 </form>
282</script>
283
Scott Baker0088cb12014-10-27 23:02:48 -0700284<!-- Site -->
285
286<script type="text/template" id="test-site-list-template">
287 <table class="test-table">
288 <thead><tr>
289 <th>id</th>
290 <th>name</th>
291 <th>url</th>
292 <th>enabled</th>
293 <th>login_base</th>
294 <th>is_public</th>
295 <th>abbreviated_name</th>
296 </tr></thead>
297 <tbody></tbody>
298 </table>
299</script>
300
301
302<script type="text/template" id="test-site-listitem-template">
303 <td><%= id %></td>
304 <td><%= name %></td>
305 <td><%= site_url %></td>
306 <td><%= enabled %></td>
307 <td><%= login_base %></td>
308 <td><%= is_public %></td>
309 <td><%= abbreviated_name %></td>
310</script>
311
Scott Baker9d8760e2014-10-28 12:44:13 -0700312<script type="text/template" id="test-site-detail-template">
313 <h3>Detail View: Site</h3>
314 <form>
315 <table>
316 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
317 <tr><td>url:</td><td><input type="text" name="site_url" value="<%= site_url %>"></td></tr>
318 <tr><td>login_base:</td><td><input type="text" name="login_base" value="<%= login_base %>"></td></tr>
319 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
320 </table>
321 </form>
322</script>
323
Scott Baker0088cb12014-10-27 23:02:48 -0700324<!-- Slice -->
325
326<script type="text/template" id="test-slice-list-template">
327 <table class="test-table">
328 <thead><tr>
329 <th>id</th>
330 <th>name</th>
331 <th>enabled</th>
332 <th>omf_friendly</th>
333 <th>description</th>
334 <th>slice_url</th>
335 <th>site</th>
336 <th>max_slivers</th>
337 <th>service</th>
338 </tr></thead>
339 <tbody></tbody>
340 </table>
341</script>
342
Scott Baker0088cb12014-10-27 23:02:48 -0700343<script type="text/template" id="test-slice-listitem-template">
344 <td><%= id %></td>
345 <td><%= name %></td>
346 <td><%= enabled %></td>
347 <td><%= omf_friendly %></td>
348 <td><%= description %></td>
349 <td><%= slice_url %></td>
350 <td><%= site %></td>
351 <td><%= max_slivers %></td>
352 <td><%= service %></td>
353</script>
354
Scott Baker9d8760e2014-10-28 12:44:13 -0700355<script type="text/template" id="test-slice-detail-template">
356 <h3>Detail View: Slice</h3>
357 <form>
358 <table>
359 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
360 <tr><td>Enabled:</td><td><input type="checkbox" name="enabled" <% if (enabled) print("checked"); %>></td></tr>
361 <tr><td>Description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
362 <tr><td>Url:</td><td><input type="text" name="slice_url" value="<%= slice_url %>"></td></tr>
363 <tr><td>Max Slivers:</td><td><input type="text" name="max_slivers" value="<%= max_slivers %>"></td></tr>
364 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
365 </table>
366 </form>
367</script>
368
Scott Baker0088cb12014-10-27 23:02:48 -0700369<!-- Sliver -->
370
371<script type="text/template" id="test-sliver-list-template">
372 <table class="test-table">
373 <thead><tr>
374 <th>id</th>
375 <th>name</th>
376 <th>instance_id</th>
377 <th>instance_name</th>
378 <th>image</th>
379 <th>creator</th>
380 <th>slice</th>
381 <th>node</th>
382 <th>deploymentNetwork</th>
383 <th>flavor</th>
384 <th>userData</th>
385 </tr></thead>
386 <tbody></tbody>
387 </table>
388</script>
389
390
391<script type="text/template" id="test-sliver-listitem-template">
392 <td><%= id %></td>
393 <td><%= name %></td>
394 <td><%= instance_id %></td>
395 <td><%= instance_name %></td>
396 <td><%= image %></td>
397 <td><%= creator %></td>
398 <td><%= slice %></td>
399 <td><%= node %></td>
400 <td><%= deploymentNetwork %></td>
401 <td><%= flavor %></td>
402 <td><%= userData %></td>
403</script>
404
Scott Baker9d8760e2014-10-28 12:44:13 -0700405<script type="text/template" id="test-sliver-detail-template">
406 <h3>Detail View: Sliver</h3>
407 <form>
408 <table>
409 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
410 <tr><td>instance_id:</td><td><input type="text" name="instance_id" value="<%= instance_id %>"></td></tr>
411 <tr><td>instance_name:</td><td><input type="text" name="instance_name" value="<%= instance_name %>"></td></tr>
412 <tr><td>Image:</td><td><input type="text" name="image" value="<%= image %>"></td></tr>
413 <tr><td>Creator:</td><td><input type="text" name="creator" value="<%= creator %>"></td></tr>
414 <tr><td>Slice:</td><td><input type="text" name="slice" value="<%= slice %>"></td></tr>
415 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
416 </table>
417 </form>
418</script>
419
Scott Baker0088cb12014-10-27 23:02:48 -0700420</script>
421