blob: 6e9fb5df880bcfacc370fa088cf6e5eccd51c43a [file] [log] [blame]
Scott Bakere41c9082014-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 Baker6cea3a12014-10-28 15:06:54 -070051<h3>Users</h3>
52<div id="userList">
53</div>
54
Scott Bakerd044c8f2014-10-28 14:46:13 -070055<div id="rightSide">
56<div id="errorBox">
57</div>
58
Scott Baker3df41942014-10-28 12:44:13 -070059<div id="detailBox">
60<button id="close-detail-view">Close Detail View</button>
61<div id="detail"></div>
62<div id="linkedObjs1"></div>
63<div id="linkedObjs2"></div>
64</div>
Scott Bakerd044c8f2014-10-28 14:46:13 -070065</div>
66
67<script type="text/template" id="test-error-template">
68 <button id="close-error-box">Close Error Message</button>
69 <h3>An error has occurred.</h3>
70 <table class="test-error-table">
71 <tr><td>Code:</td><td><%= status %></td></tr>
72 <tr><td>Message:</td><td><%= statusText %></td></tr>
73 </table>
74</script>
Scott Baker3df41942014-10-28 12:44:13 -070075
Scott Bakere41c9082014-10-27 23:02:48 -070076<!-- Deployment -->
77
78<script type="text/template" id="test-deployment-list-template">
79 <table class="test-table">
80 <thead><tr>
81 <th>id</th>
82 <th>name</th>
83 <th>backend</th>
84 <th>admin_tenant</th>
85 <th># sites</th>
86 </tr></thead>
87 <tbody></tbody>
88 </table>
89</script>
90
91
92<script type="text/template" id="test-deployment-listitem-template">
93 <td><%= id %></td>
94 <td><%= name %></td>
95 <td><%= backend_type %></td>
96 <td><%= admin_tenant %></td>
97 <td><%= sites.length %></td>
98</script>
99
Scott Baker3df41942014-10-28 12:44:13 -0700100<script type="text/template" id="test-deployment-detail-template">
101 <h3>Detail View: Deployment</h3>
102 <form>
103 <table>
104 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
105 <tr><td>Backend:</td><td><input type="text" name="backend_type" value="<%= backend_type %>"></td></tr>
106 <tr><td>Admin Tenant:</td><td><input type="text" name="admin_tenant" value="<%= admin_tenant %>"></td></tr>
107 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
108 </table>
109 </form>
110</script>
111
Scott Bakere41c9082014-10-27 23:02:48 -0700112<!-- Image -->
113
114<script type="text/template" id="test-image-list-template">
115 <table class="test-table">
116 <thead><tr>
117 <th>id</th>
118 <th>name</th>
119 <th>disk_format</th>
120 <th>container_format</th>
121 <th>path</th>
122 </tr></thead>
123 <tbody></tbody>
124 </table>
125</script>
126
Scott Bakere41c9082014-10-27 23:02:48 -0700127<script type="text/template" id="test-image-listitem-template">
128 <td><%= id %></td>
129 <td><%= name %></td>
130 <td><%= disk_format %></td>
131 <td><%= container_format %></td>
132 <td><%= path %></td>
133</script>
134
Scott Baker3df41942014-10-28 12:44:13 -0700135<script type="text/template" id="test-image-detail-template">
136 <h3>Detail View: Image</h3>
137 <form>
138 <table>
139 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
140 <tr><td>Disk Format:</td><td><input type="text" name="backend_type" value="<%= disk_format %>"></td></tr>
141 <tr><td>Container Format:</td><td><input type="text" name="admin_tenant" value="<%= container_format %>"></td></tr>
142 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
143 </table>
144 </form>
145</script>
146
Scott Bakere41c9082014-10-27 23:02:48 -0700147<!-- NetworkTemplate -->
148
149<script type="text/template" id="test-networkTemplate-list-template">
150 <table class="test-table">
151 <thead><tr>
152 <th>id</th>
153 <th>name</th>
154 <th>description</th>
155 <th>visibility</th>
156 <th>translation</th>
157 <th>sharedNetworkName</th>
158 <th>sharedNetworkId</th>
159 </tr></thead>
160 <tbody></tbody>
161 </table>
162</script>
163
164
165<script type="text/template" id="test-networkTemplate-listitem-template">
166 <td><%= id %></td>
167 <td><%= name %></td>
168 <td><%= description %></td>
169 <td><%= visibility %></td>
170 <td><%= translation %></td>
171 <td><%= sharedNetworkName %></td>
172 <td><%= sharedNetworkId %></td>
173</script>
174
Scott Baker3df41942014-10-28 12:44:13 -0700175<script type="text/template" id="test-networkTemplate-detail-template">
176 <h3>Detail View: NetworkTemplate</h3>
177 <form>
178 <table>
179 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
180 <tr><td>description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
181 <tr><td>Visibility:</td><td><input type="text" name="visibility" value="<%= visibility %>"></td></tr>
182 <tr><td>Translation:</td><td><input type="text" name="translation" value="<%= translation %>"></td></tr>
183 <tr><td>Shared Network Name:</td><td><input type="text" name="sharedNetworkName" value="<%= sharedNetworkName %>"></td></tr>
184 <tr><td>Shared Network Id:</td><td><input type="text" name="sharedNetworkId" value="<%= sharedNetworkId %>"></td></tr>
185 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
186 </table>
187 </form>
188</script>
189
Scott Bakere41c9082014-10-27 23:02:48 -0700190<!-- Network -->
191
192<script type="text/template" id="test-network-list-template">
193 <table class="test-table">
194 <thead><tr>
195 <th>id</th>
196 <th>name</th>
197 <th>template</th>
198 <th>ports</th>
199 <th>labels</th>
200 <th>owner</th>
201 </tr></thead>
202 <tbody></tbody>
203 </table>
204</script>
205
206
207<script type="text/template" id="test-network-listitem-template">
208 <td><%= id %></td>
209 <td><%= name %></td>
210 <td><%= template %></td>
211 <td><%= ports %></td>
212 <td><%= labels %></td>
213 <td><%= owner %></td>
214</script>
215
Scott Baker3df41942014-10-28 12:44:13 -0700216<script type="text/template" id="test-network-detail-template">
217 <h3>Detail View: Network</h3>
218 <form>
219 <table>
220 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
221 <tr><td>Template:</td><td><input type="text" name="template" value="<%= template %>"></td></tr>
222 <tr><td>Ports:</td><td><input type="text" name="ports" value="<%= ports %>"></td></tr>
223 <tr><td>Labels:</td><td><input type="text" name="labels" value="<%= labels %>"></td></tr>
224 <tr><td>Owner:</td><td><input type="text" name="owner" value="<%= owner %>"></td></tr>
225 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
226 </table>
227 </form>
228</script>
229
Scott Bakere41c9082014-10-27 23:02:48 -0700230<!-- Node -->
231
232<script type="text/template" id="test-node-list-template">
233 <table class="test-table">
234 <thead><tr>
235 <th>id</th>
236 <th>name</th>
237 <th>site</th>
238 <th>deployment</th>
239 </tr></thead>
240 <tbody></tbody>
241 </table>
242</script>
243
244
245<script type="text/template" id="test-node-listitem-template">
246 <td><%= id %></td>
247 <td><%= name %></td>
248 <td><%= site %></td>
249 <td><%= deployment %></td>
250</script>
251
Scott Baker3df41942014-10-28 12:44:13 -0700252<script type="text/template" id="test-node-detail-template">
253 <h3>Detail View: Node</h3>
254 <form>
255 <table>
256 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
257 <tr><td>Site:</td><td><input type="text" name="site" value="<%= site %>"></td></tr>
258 <tr><td>Deployment:</td><td><input type="text" name="deployment" value="<%= deployment %>"></td></tr>
259 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
260 </table>
261 </form>
262</script>
263
Scott Bakere41c9082014-10-27 23:02:48 -0700264<!-- Service -->
265
266<script type="text/template" id="test-service-list-template">
267 <table class="test-table">
268 <thead><tr>
269 <th>id</th>
270 <th>name</th>
271 <th>description</th>
272 <th>enabled</th>
273 <th>versionNumber</th>
274 <th>published</th>
275 </tr></thead>
276 <tbody></tbody>
277 </table>
278</script>
279
280
281<script type="text/template" id="test-service-listitem-template">
282 <td><%= id %></td>
283 <td><%= name %></td>
284 <td><%= description %></td>
285 <td><%= enabled %></td>
286 <td><%= versionNumber %></td>
287 <td><%= published %></td>
288</script>
289
Scott Baker3df41942014-10-28 12:44:13 -0700290<script type="text/template" id="test-service-detail-template">
291 <h3>Detail View: Service</h3>
292 <form>
293 <table>
294 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
295 <tr><td>description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
296 <tr><td>Version Number:</td><td><input type="text" name="versionNumber" value="<%= versionNumber %>"></td></tr>
297 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
298 </table>
299 </form>
300</script>
301
Scott Bakere41c9082014-10-27 23:02:48 -0700302<!-- Site -->
303
304<script type="text/template" id="test-site-list-template">
305 <table class="test-table">
306 <thead><tr>
307 <th>id</th>
308 <th>name</th>
309 <th>url</th>
310 <th>enabled</th>
311 <th>login_base</th>
312 <th>is_public</th>
313 <th>abbreviated_name</th>
314 </tr></thead>
315 <tbody></tbody>
316 </table>
317</script>
318
319
320<script type="text/template" id="test-site-listitem-template">
321 <td><%= id %></td>
322 <td><%= name %></td>
323 <td><%= site_url %></td>
324 <td><%= enabled %></td>
325 <td><%= login_base %></td>
326 <td><%= is_public %></td>
327 <td><%= abbreviated_name %></td>
328</script>
329
Scott Baker3df41942014-10-28 12:44:13 -0700330<script type="text/template" id="test-site-detail-template">
331 <h3>Detail View: Site</h3>
332 <form>
333 <table>
334 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
335 <tr><td>url:</td><td><input type="text" name="site_url" value="<%= site_url %>"></td></tr>
336 <tr><td>login_base:</td><td><input type="text" name="login_base" value="<%= login_base %>"></td></tr>
337 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
338 </table>
339 </form>
340</script>
341
Scott Bakere41c9082014-10-27 23:02:48 -0700342<!-- Slice -->
343
344<script type="text/template" id="test-slice-list-template">
345 <table class="test-table">
346 <thead><tr>
347 <th>id</th>
348 <th>name</th>
349 <th>enabled</th>
350 <th>omf_friendly</th>
351 <th>description</th>
352 <th>slice_url</th>
353 <th>site</th>
354 <th>max_slivers</th>
355 <th>service</th>
356 </tr></thead>
357 <tbody></tbody>
358 </table>
359</script>
360
Scott Bakere41c9082014-10-27 23:02:48 -0700361<script type="text/template" id="test-slice-listitem-template">
362 <td><%= id %></td>
363 <td><%= name %></td>
364 <td><%= enabled %></td>
365 <td><%= omf_friendly %></td>
366 <td><%= description %></td>
367 <td><%= slice_url %></td>
368 <td><%= site %></td>
369 <td><%= max_slivers %></td>
370 <td><%= service %></td>
371</script>
372
Scott Baker3df41942014-10-28 12:44:13 -0700373<script type="text/template" id="test-slice-detail-template">
374 <h3>Detail View: Slice</h3>
375 <form>
376 <table>
377 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
378 <tr><td>Enabled:</td><td><input type="checkbox" name="enabled" <% if (enabled) print("checked"); %>></td></tr>
379 <tr><td>Description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
380 <tr><td>Url:</td><td><input type="text" name="slice_url" value="<%= slice_url %>"></td></tr>
381 <tr><td>Max Slivers:</td><td><input type="text" name="max_slivers" value="<%= max_slivers %>"></td></tr>
382 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
383 </table>
384 </form>
385</script>
386
Scott Bakere41c9082014-10-27 23:02:48 -0700387<!-- Sliver -->
388
389<script type="text/template" id="test-sliver-list-template">
390 <table class="test-table">
391 <thead><tr>
392 <th>id</th>
393 <th>name</th>
394 <th>instance_id</th>
395 <th>instance_name</th>
396 <th>image</th>
397 <th>creator</th>
398 <th>slice</th>
399 <th>node</th>
400 <th>deploymentNetwork</th>
401 <th>flavor</th>
402 <th>userData</th>
403 </tr></thead>
404 <tbody></tbody>
405 </table>
406</script>
407
408
409<script type="text/template" id="test-sliver-listitem-template">
410 <td><%= id %></td>
411 <td><%= name %></td>
412 <td><%= instance_id %></td>
413 <td><%= instance_name %></td>
414 <td><%= image %></td>
415 <td><%= creator %></td>
416 <td><%= slice %></td>
417 <td><%= node %></td>
418 <td><%= deploymentNetwork %></td>
419 <td><%= flavor %></td>
420 <td><%= userData %></td>
421</script>
422
Scott Baker3df41942014-10-28 12:44:13 -0700423<script type="text/template" id="test-sliver-detail-template">
424 <h3>Detail View: Sliver</h3>
425 <form>
426 <table>
427 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
428 <tr><td>instance_id:</td><td><input type="text" name="instance_id" value="<%= instance_id %>"></td></tr>
429 <tr><td>instance_name:</td><td><input type="text" name="instance_name" value="<%= instance_name %>"></td></tr>
430 <tr><td>Image:</td><td><input type="text" name="image" value="<%= image %>"></td></tr>
431 <tr><td>Creator:</td><td><input type="text" name="creator" value="<%= creator %>"></td></tr>
432 <tr><td>Slice:</td><td><input type="text" name="slice" value="<%= slice %>"></td></tr>
433 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
434 </table>
435 </form>
436</script>
437
Scott Baker6cea3a12014-10-28 15:06:54 -0700438<!-- User -->
439
440<script type="text/template" id="test-user-list-template">
441 <table class="test-table">
442 <thead><tr>
443 <th>username</th>
444 <th>firstname</th>
445 <th>lastname</th>
446 <th>phone</th>
447 <th>user_url</th>
448 <th>site</th>
449 </tr></thead>
450 <tbody></tbody>
451 </table>
452</script>
453
454
455<script type="text/template" id="test-user-listitem-template">
456 <td><%= id %></td>
457 <td><%= username %></td>
458 <td><%= firstname %></td>
459 <td><%= lastname %></td>
460 <td><%= phone %></td>
461 <td><%= user_url %></td>
462 <td><%= site %></td>
463</script>
464
465<script type="text/template" id="test-user-detail-template">
466 <h3>Detail View: Sliver</h3>
467 <form>
468 <table>
469 <tr><td>User Name:</td><td><input type="text" name="username" value="<%= username %>"></td></tr>
470 <tr><td>First Name:</td><td><input type="text" name="firstname" value="<%= firstname %>"></td></tr>
471 <tr><td>Last Name:</td><td><input type="text" name="lastname" value="<%= lastname %>"></td></tr>
472 <tr><td>Phone:</td><td><input type="text" name="phone" value="<%= phone %>"></td></tr>
473 <tr><td>Url:</td><td><input type="text" name="user_url" value="<%= user_url %>"></td></tr>
474 <tr><td>Site:</td><td><input type="text" name="site" value="<%= site %>"></td></tr>
475 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
476 </table>
477 </form>
478</script>
479
Scott Bakere41c9082014-10-27 23:02:48 -0700480</script>
481