planetstack/core/xoslib/dashboards/sliceEditor.html

   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>
   7
   8 <link rel="stylesheet" type="text/css" href="{% static 'css/sliceEditor.css' %}" media="all">
   9
  10 <script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
  11 <script src="{{ STATIC_URL }}/js/sliceEditor.js"></script>
  12
  13 <p>This is a demo of modifying objects using xoslib. Pick a slice in the list on
  14 the left. Then edit any of it's fields on the right, and press the (save)
  15 button.</p>
  16
  17 <table class="table table-bordered"><tr><td valign=top>
  18 <div id="sliceEditorList">
  19 </div>
  20 </td>
  21 <td valign=top>
  22 <div id="sliceEditorDetail">
  23 </div>
  24 </td></tr></table>
  25
  26 <script type="text/template" id="sliceeditor-listitem-template">
  27   <%= name %>\r
  28 </script>\r
  29 \r
  30 <script type="text/template" id="sliceeditor-sliceedit-template">\r
  31   <form>\r
  32   <table>\r
  33   <tr><td>Slice Name:</td><td><input type="text" name="name" value="<%= name %>" id="foo"></td></tr>\r
  34   <tr><td>Description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>\r
  35   <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>\r
  36   </table>\r
  37   </form>\r
  38 \r
  39 </script>\r
  40