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