<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>

<link rel="stylesheet" type="text/css" href="{% static 'css/test.css' %}" media="all" >

<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
<script src="{{ STATIC_URL }}/js/test.js"></script>

<p>This shows all of the things you can see using xosLib</p>

<div id="deploymentList">
</div>

<div id="imageList">
</div>

<div id="networkTemplateList">
</div>

<div id="networkList">
</div>

<div id="nodeList">
</div>

<div id="serviceList">
</div>

<div id="siteList">
</div>

<div id="sliceList">
</div>

<div id="sliverList">
</div>

<div id="userList">
</div>

<div id="rightSide">
<div id="successBox">
</div>
<div id="errorBox">
</div>

<div id="detailBox">
<button id="close-detail-view">Close Detail View</button>
<div id="detail"></div>
<div id="linkedObjs1"></div>
<div id="linkedObjs2"></div>
<div id="linkedObjs3"></div>
<div id="linkedObjs4"></div>
</div>
</div>

<script type="text/template" id="test-error-template">
  <button id="close-error-box">Close Error Message</button>
  <h3>An error has occurred.</h3>
  <table class="test-error-table">
  <tr><td>Code:</td><td><%= status %></td></tr>
  <tr><td>Message:</td><td><%= statusText %></td></tr>
  </table>
</script>

<script type="text/template" id="test-success-template">
  <button id="close-success-box">Close Success Message</button>
  <h3>Success!</h3>
  <table class="test-success-table">
  <tr><td>Code:</td><td><%= status %></td></tr>
  <tr><td>Message:</td><td><%= statusText %></td></tr>
  </table>
</script>

{% include 'xosAdmin.html' %}