karmaworld/templates/partial/add_note.html

   1 {% load url from future %}
   2 <section id=add-note-form class="extend-form">
   3   <script>
   4     var ajax_upload_url = "{% url 'ajax_upload' %}";
   5     //var csrf_token = "{{ csrf_token }}";
   6   </script>
   7
   8
   9   <form id=add-note method="POST">
  10     {% csrf_token %}
  11
  12     <div class="row">
  13       <div class="four columns offset-by-one upload-status" style="display:none">
  14         <legend><span id=add-note-status>Uploading</span> <span id=filename>note</span>...</legend>
  15         <div class=progress> <div id="progress-fill"></div> </div>
  16       </div>
  17       <div id=file-uploader class="four columns offset-by-one">
  18         <!-- the upload button gets attached here -->
  19       </div>
  20       <div class="one columns offset-by-five end">
  21         <i class="icon-remove-sign awesome-action"></i>
  22       </div>
  23     </div>
  24     <div class="row">
  25       <div class="eight columns offset-by-one">
  26         <legend>Title of Note <small class="form">* Required</small></legend>
  27         <input type="text" class="intext" id="id_name" name="name"
  28             placeholder="ENG 102 - Chaucer to Shakespeare">
  29       </div>
  30       <div class="two columns end">
  31         <legend>Academic Year</legend>
  32         <input type="text" class="" id="id_year" name="year"
  33             placeholder="2013"> {# FIXME: fill in with current year #}
  34       </div>
  35     </div>
  36     <div class="row">
  37       <div class="ten columns offset-by-one end">
  38         <legend>Tags (comma seperated)</legend>
  39         <input type="text" id="id_tags" name="tags" class="taggit-tags"
  40               placeholder="Chaucer, Shakespeare, literature, review">
  41       </div>
  42     </div>
  43
  44     <div class="row">
  45       <div class="three columns centered">
  46         <div id="save-btn" class="disabled">
  47           <i class=icon-save></i> Save
  48         </div>
  49       </div>
  50     </div>
  51
  52
  53     </form> <!-- #upload_form -->
  54 </section>