1 <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>
8 <link rel="stylesheet" type="text/css" href="{% static 'css/test.css' %}" media="all" >
10 <script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
11 <script src="{{ STATIC_URL }}/js/test.js"></script>
13 <p>This shows all of the things you can see using xosLib</p>
15 <div id="deploymentList">
21 <div id="networkTemplateList">
24 <div id="networkList">
30 <div id="serviceList">
52 <button id="close-detail-view">Close Detail View</button>
53 <div id="detail"></div>
\r
54 <div id="linkedObjs1"></div>
55 <div id="linkedObjs2"></div>
56 <div id="linkedObjs3"></div>
57 <div id="linkedObjs4"></div>
61 <script type="text/template" id="test-error-template">
62 <button id="close-error-box">Close Error Message</button>
63 <h3>An error has occurred.</h3>
64 <table class="test-error-table">
65 <tr><td>Code:</td><td><%= status %></td></tr>
66 <tr><td>Message:</td><td><%= statusText %></td></tr>
70 <script type="text/template" id="test-success-template">
71 <button id="close-success-box">Close Success Message</button>
73 <table class="test-success-table">
74 <tr><td>Code:</td><td><%= status %></td></tr>
75 <tr><td>Message:</td><td><%= statusText %></td></tr>
81 <script type="text/template" id="test-deployment-list-template">
83 <table class="test-table">
96 <script type="text/template" id="test-deployment-listitem-template">
97 <td class="objectLink"><%= id %></td>
98 <td class="objectLink"><%= name %></td>
99 <td><%= backend_type %></td>
100 <td><%= admin_tenant %></td>
101 <td><%= sites.length %></td>
104 <script type="text/template" id="test-deployment-detail-template">
105 <h3>Detail View: Deployment</h3>
108 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
109 <tr><td>Backend:</td><td><input type="text" name="backend_type" value="<%= backend_type %>"></td></tr>
\r
110 <tr><td>Admin Tenant:</td><td><input type="text" name="admin_tenant" value="<%= admin_tenant %>"></td></tr>
\r
111 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
118 <script type="text/template" id="test-image-list-template">
119 <h3><%= title %></h3>
120 <table class="test-table">
125 <th>container_format</th>
132 <script type="text/template" id="test-image-listitem-template">
133 <td class="objectLink"><%= id %></td>
134 <td class="objectLink"><%= name %></td>
135 <td><%= disk_format %></td>
136 <td><%= container_format %></td>
140 <script type="text/template" id="test-image-detail-template">
141 <h3>Detail View: Image</h3>
144 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
145 <tr><td>Disk Format:</td><td><input type="text" name="backend_type" value="<%= disk_format %>"></td></tr>
\r
146 <tr><td>Container Format:</td><td><input type="text" name="admin_tenant" value="<%= container_format %>"></td></tr>
\r
147 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
152 <!-- NetworkTemplate -->
154 <script type="text/template" id="test-networkTemplate-list-template">
155 <h3><%= title %></h3>
156 <table class="test-table">
163 <th>sharedNetworkName</th>
164 <th>sharedNetworkId</th>
171 <script type="text/template" id="test-networkTemplate-listitem-template">
172 <td class="objectLink"><%= id %></td>
173 <td class="objectLink"><%= name %></td>
174 <td><%= description %></td>
175 <td><%= visibility %></td>
176 <td><%= translation %></td>
177 <td><%= sharedNetworkName %></td>
178 <td><%= sharedNetworkId %></td>
181 <script type="text/template" id="test-networkTemplate-detail-template">
182 <h3>Detail View: NetworkTemplate</h3>
185 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
186 <tr><td>description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
\r
187 <tr><td>Visibility:</td><td><input type="text" name="visibility" value="<%= visibility %>"></td></tr>
\r
188 <tr><td>Translation:</td><td><input type="text" name="translation" value="<%= translation %>"></td></tr>
\r
189 <tr><td>Shared Network Name:</td><td><input type="text" name="sharedNetworkName" value="<%= sharedNetworkName %>"></td></tr>
\r
190 <tr><td>Shared Network Id:</td><td><input type="text" name="sharedNetworkId" value="<%= sharedNetworkId %>"></td></tr>
\r
191 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
198 <script type="text/template" id="test-network-list-template">
199 <h3><%= title %></h3>
200 <table class="test-table">
213 <script type="text/template" id="test-network-listitem-template">
214 <td class="objectLink"><%= id %></td>
215 <td class="objectLink"><%= name %></td>
216 <td><%= template %></td>
217 <td><%= ports %></td>
218 <td><%= labels %></td>
219 <td><%= idToName(owner,"slivers","name") %></td>
222 <script type="text/template" id="test-network-detail-template">
223 <h3>Detail View: Network</h3>
226 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
227 <tr><td>Template:</td><td><input type="text" name="template" value="<%= template %>"></td></tr>
\r
228 <tr><td>Ports:</td><td><input type="text" name="ports" value="<%= ports %>"></td></tr>
\r
229 <tr><td>Labels:</td><td><input type="text" name="labels" value="<%= labels %>"></td></tr>
\r
230 <tr><td>Owner:</td><td><input type="text" name="owner" value="<%= owner %>"></td></tr>
\r
231 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
236 <!-- NetworkSliver -->
238 <script type="text/template" id="test-networkSliver-list-template">
239 <h3><%= title %></h3>
240 <table class="test-table">
252 <script type="text/template" id="test-networkSliver-listitem-template">
253 <td class="objectLink"><%= id %></td>
254 <td><%= idToName(network,"networks","name") %></td>
255 <td><%= idToName(sliver,"slivers","name") %></td>
257 <td><%= port_id %></td>
260 <script type="text/template" id="test-networkSliver-detail-template">
261 <h3>Detail View: Network</h3>
264 <tr><td>Network:</td><td><input type="text" name="network" value="<%= network %>"></td></tr>
\r
265 <tr><td>Sliver:</td><td><input type="text" name="sliver" value="<%= sliver %>"></td></tr>
\r
266 <tr><td>Ip:</td><td><input type="text" name="ip" value="<%= ip %>"></td></tr>
\r
267 <tr><td>Port_id:</td><td><input type="text" name="port_id" value="<%= port_id %>"></td></tr>
\r
268 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
275 <script type="text/template" id="test-node-list-template">
276 <h3><%= title %></h3>
277 <table class="test-table">
289 <script type="text/template" id="test-node-listitem-template">
290 <td class="objectLink"><%= id %></td>
291 <td class="objectLink"><%= name %></td>
292 <td><%= idToName(site,"sites","name") %></td>
293 <td><%= idToName(deployment,"deployments","name") %></td>
296 <script type="text/template" id="test-node-detail-template">
297 <h3>Detail View: Node</h3>
300 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
301 <tr><td>Site:</td><td><input type="text" name="site" value="<%= site %>"></td></tr>
\r
302 <tr><td>Deployment:</td><td><input type="text" name="deployment" value="<%= deployment %>"></td></tr>
\r
303 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
310 <script type="text/template" id="test-sliceRole-list-template">
311 <h3><%= title %></h3>
312 <table class="test-table">
322 <script type="text/template" id="test-sliceRole-listitem-template">
323 <td class="objectLink"><%= id %></td>
327 <script type="text/template" id="test-sliceRole-detail-template">
328 <h3>Detail View: Service</h3>
331 <tr><td>Role:</td><td><input type="text" name="role" value="<%= role %>"></td></tr>
\r
332 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
339 <script type="text/template" id="test-service-list-template">
340 <h3><%= title %></h3>
341 <table class="test-table">
347 <th>versionNumber</th>
355 <script type="text/template" id="test-service-listitem-template">
356 <td class="objectLink"><%= id %></td>
357 <td class="objectLink"><%= name %></td>
358 <td><%= description %></td>
359 <td><%= enabled %></td>
360 <td><%= versionNumber %></td>
361 <td><%= published %></td>
364 <script type="text/template" id="test-service-detail-template">
365 <h3>Detail View: Service</h3>
368 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
369 <tr><td>description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
\r
370 <tr><td>Version Number:</td><td><input type="text" name="versionNumber" value="<%= versionNumber %>"></td></tr>
\r
371 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
378 <script type="text/template" id="test-site-list-template">
379 <h3><%= title %></h3>
380 <table class="test-table">
388 <th>abbreviated_name</th>
394 <script type="text/template" id="test-site-listitem-template">
395 <td class="objectLink"><%= id %></td>
396 <td class="objectLink"><%= name %></td>
397 <td><%= site_url %></td>
398 <td><%= enabled %></td>
399 <td><%= login_base %></td>
400 <td><%= is_public %></td>
401 <td><%= abbreviated_name %></td>
404 <script type="text/template" id="test-site-detail-template">
405 <h3>Detail View: Site</h3>
408 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
409 <tr><td>url:</td><td><input type="text" name="site_url" value="<%= site_url %>"></td></tr>
\r
410 <tr><td>login_base:</td><td><input type="text" name="login_base" value="<%= login_base %>"></td></tr>
\r
411 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
418 <script type="text/template" id="test-slice-list-template">
419 <h3><%= title %></h3>
420 <table class="test-table">
425 <th>omf_friendly</th>
436 <script type="text/template" id="test-slice-listitem-template">
437 <td class="objectLink"><%= id %></td>
438 <td class="objectLink"><%= name %></td>
439 <td><%= enabled %></td>
440 <td><%= omf_friendly %></td>
441 <td><%= description %></td>
442 <td><%= slice_url %></td>
443 <td><%= idToName(site,"sites","name") %></td>
444 <td><%= max_slivers %></td>
445 <td><%= idToName(service,"services","name") %></td>
448 <script type="text/template" id="test-slice-detail-template">
449 <h3>Detail View: Slice</h3>
452 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
453 <tr><td>Enabled:</td><td><input type="checkbox" name="enabled" <% if (enabled) print("checked"); %>></td></tr>
\r
454 <tr><td>Description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
\r
455 <tr><td>Url:</td><td><input type="text" name="slice_url" value="<%= slice_url %>"></td></tr>
\r
456 <tr><td>Max Slivers:</td><td><input type="text" name="max_slivers" value="<%= max_slivers %>"></td></tr>
\r
457 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
462 <!-- SlicDeployment -->
464 <script type="text/template" id="test-sliceDeployment-list-template">
465 <h3><%= title %></h3>
466 <table class="test-table">
477 <script type="text/template" id="test-sliceDeployment-listitem-template">
478 <td class="objectLink"><%= id %></td>
479 <td><%= idToName(slice,"slices","name") %></td>
480 <td><%= idToName(deployment,"deployments","name") %></td>
481 <td><%= tenant_id %></td>
484 <script type="text/template" id="test-sliceDeployment-detail-template">
485 <h3>Detail View: Slice Deployment</h3>
488 <tr><td>Slice:</td><td><input type="text" name="slice" value="<%= slice %>"></td></tr>
\r
489 <tr><td>Deployment:</td><td><input type="text" name="deployment" value="<%= deployment %>"></td></tr>
\r
490 <tr><td>Tenant Id:</td><td><input type="text" name="tenant_id" value="<%= tenant_id %>"></td></tr>
\r
491 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
496 <!-- SlicePrivilege -->
498 <script type="text/template" id="test-slicePrivilege-list-template">
499 <h3><%= title %></h3>
500 <table class="test-table">
511 <script type="text/template" id="test-slicePrivilege-listitem-template">
512 <td class="objectLink"><%= id %></td>
513 <td><%= idToName(user,"users","username") %></td>
514 <td><%= idToName(slice,"slices","name") %></td>
515 <td><%= idToName(role,"sliceRoles","role") %></td>
518 <script type="text/template" id="test-slicePrivilege-detail-template">
519 <h3>Detail View: Slice Privilege</h3>
522 <tr><td>User:</td><td><input type="text" name="user" value="<%= user %>"></td></tr>
\r
523 <tr><td>Slice:</td><td><input type="text" name="slice" value="<%= slice %>"></td></tr>
\r
524 <tr><td>Role:</td><td><input type="text" name="role" value="<%= role %>"></td></tr>
\r
525 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
532 <script type="text/template" id="test-sliver-list-template">
533 <h3><%= title %></h3>
534 <table class="test-table">
539 <th>instance_name</th>
544 <th>deploymentNetwork</th>
553 <script type="text/template" id="test-sliver-listitem-template">
554 <td class="objectLink"><%= id %></td>
555 <td class="objectLink"><%= name %></td>
556 <td><%= instance_id %></td>
557 <td><%= instance_name %></td>
558 <td><%= idToName(image,"images","name") %></td>
559 <td><%= idToName(creator,"users","name") %></td>
560 <td><%= idToName(slice,"slices","name") %></td>
561 <td><%= idToName(node,"nodes","name") %></td>
562 <td><%= idToName(deploymentNetwork,"deployments","name") %></td>
563 <td><%= flavor %></td>
564 <td><%= userData %></td>
567 <script type="text/template" id="test-sliver-detail-template">
568 <h3>Detail View: Sliver</h3>
571 <tr><td>Name:</td><td><input type="text" name="name" value="<%= name %>"></td></tr>
\r
572 <tr><td>instance_id:</td><td><input type="text" name="instance_id" value="<%= instance_id %>"></td></tr>
\r
573 <tr><td>instance_name:</td><td><input type="text" name="instance_name" value="<%= instance_name %>"></td></tr>
\r
574 <tr><td>Image:</td><td><input type="text" name="image" value="<%= image %>"></td></tr>
\r
575 <tr><td>Creator:</td><td><input type="text" name="creator" value="<%= creator %>"></td></tr>
\r
576 <tr><td>Slice:</td><td><input type="text" name="slice" value="<%= slice %>"></td></tr>
\r
577 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r
584 <script type="text/template" id="test-user-list-template">
585 <h3><%= title %></h3>
586 <table class="test-table">
601 <script type="text/template" id="test-user-listitem-template">
602 <td class="objectLink"><%= id %></td>
603 <td class="objectLink"><%= username %></td>
604 <td><%= firstname %></td>
605 <td><%= lastname %></td>
606 <td><%= phone %></td>
607 <td><%= user_url %></td>
611 <script type="text/template" id="test-user-detail-template">
612 <h3>Detail View: User</h3>
615 <tr><td>User Name:</td><td><input type="text" name="username" value="<%= username %>"></td></tr>
\r
616 <tr><td>First Name:</td><td><input type="text" name="firstname" value="<%= firstname %>"></td></tr>
\r
617 <tr><td>Last Name:</td><td><input type="text" name="lastname" value="<%= lastname %>"></td></tr>
\r
618 <tr><td>Phone:</td><td><input type="text" name="phone" value="<%= phone %>"></td></tr>
\r
619 <tr><td>Url:</td><td><input type="text" name="user_url" value="<%= user_url %>"></td></tr>
\r
620 <tr><td>Site:</td><td><input type="text" name="site" value="<%= site %>"></td></tr>
\r
621 <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
\r