karmaworld/templates/lightbox/upload.html

   1 {% load url from future %}
   2
   3
   4 <section id="lightbox_upload" class="modal_content">
   5
   6   <script>
   7     var ajax_upload_url = "{% url 'ajax_upload' %}";
   8     var csrf_token = "{{ csrf_token }}";
   9   </script>
  10   <form id=upload_form method="POST">
  11   {% csrf_token %}
  12   <div class="row">
  13     <div class="eight columns centered lightbox_modal" style="margin-top: 121px;">
  14       <div class="row">
  15         <div class="lightbox_header modal_header twelve columns">
  16           Add Notes
  17         </div><!-- /modal_header -->
  18       </div>
  19
  20
  21       <div class="row lightbox_row">
  22         <div class="three columns offset-by-one">
  23           <label class="lightbox_label">
  24             Upload File
  25           </label><!-- lightbox_label -->
  26         </div>
  27         <div class="four columns browse_file_button">
  28           {% comment %}
  29           <div class="inverted_button">
  30             Browse
  31           </div><!-- /inverted_button -->
  32           <input type="file" id="browse_for_file" name="file">
  33           {% endcomment %}
  34           <div> <!-- this allows the _parent insert -->
  35             <div style="text-align:center;" id="file-uploader">
  36               <noscript>
  37                 <p>Please enable JavaScript to use file uploader.</p>
  38               </noscript>
  39             </div> <!-- #file-uploader -->
  40           </div>
  41         </div>
  42         <div class="three columns end">
  43           <div id="lightbox_instruction_file_info" class="lightbox_instruction">
  44             <!-- Don't see the course you want to add to?<br><a href="#">Join it now.</a> -->
  45           </div><!-- /lightbox_instruction -->
  46         </div>
  47       </div><!-- /lightbox_row -->
  48
  49       <div class="row lightbox_row">
  50         <div class="three columns offset-by-one">
  51           <label class="lightbox_label">
  52             Note Name
  53           </label><!-- lightbox_label -->
  54         </div>
  55         <div class="seven columns end">
  56           <input type="text" class="lightbox_textfield" id="id_name" name="name">
  57         </div>
  58
  59       </div><!-- /lightbox_row -->
  60
  61       <div class="row lightbox_row">
  62         <div class="three columns offset-by-one">
  63           <label class="lightbox_label">
  64             Tags
  65           </label><!-- lightbox_label -->
  66         </div>
  67         <div class="four columns">
  68           <input type="text" class="lightbox_textfield" id="id_tags" name="tags" class="taggit-tags">
  69         </div>
  70         <div class="three columns end">
  71           <div id="lightbox_instruction_file_info" class="lightbox_instruction">
  72             Comma separated tag names
  73           </div><!-- /lightbox_instruction -->
  74         </div>
  75       </div><!-- /lightbox_row -->
  76
  77       <div class="row lightbox_row">
  78         <div class="three columns offset-by-one">
  79           <label class="lightbox_label">
  80             Describe your notes
  81           </label><!-- lightbox_label -->
  82         </div>
  83         <div class="seven columns end">
  84           <textarea class="lightbox_textfield lightbox_textarea" id="id_desc" name="desc" placeholder="These notes are the bomb because…"></textarea>
  85         </div>
  86       </div><!-- /lightbox_row -->
  87       <div class="row lightbox_row">
  88         <div class="three columns offset-by-one">
  89           <label class="lightbox_label">
  90           </label><!-- lightbox_label -->
  91         </div>
  92         <div class="seven columns end">
  93           <input class="submit_upload" type="submit" value="submit upload" style="display:none;">
  94         </div>
  95       </div><!-- /lightbox_row -->
  96
  97
  98       <div class="lightbox_close"></div>
  99
 100     </div><!-- /lightbox_modal -->
 101   </div>
 102   </form>
 103
 104 </section><!-- /modal_content -->