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>
  11   <div class="row">
  12     <div class="eight columns centered lightbox_modal" style="margin-top: 121px;">
  13       <div class="row">
  14         <div class="lightbox_header modal_header twelve columns">
  15           Add Notes
  16         </div><!-- /modal_header -->
  17       </div>
  18
  19
  20       <div class="row lightbox_row">
  21         <div class="three columns offset-by-one">
  22           <label class="lightbox_label">
  23             Upload File
  24           </label><!-- lightbox_label -->
  25         </div>
  26         <div class="four columns browse_file_button">
  27           {% comment %}
  28           <div class="inverted_button">
  29             Browse
  30           </div><!-- /inverted_button -->
  31           <input type="file" id="browse_for_file" name="file">
  32           {% endcomment %}
  33           <div> <!-- this allows the _parent insert -->
  34             <div style="text-align:center;" id="file-uploader">
  35               <noscript>
  36                 <p>Please enable JavaScript to use file uploader.</p>
  37               </noscript>
  38             </div> <!-- #file-uploader -->
  39           </div>
  40         </div>
  41         <div class="three columns end">
  42           <div id="lightbox_instruction_file_info" class="lightbox_instruction">
  43             <!-- Don't see the course you want to add to?<br><a href="#">Join it now.</a> -->
  44           </div><!-- /lightbox_instruction -->
  45         </div>
  46       </div><!-- /lightbox_row -->
  47
  48       <div class="row lightbox_row">
  49         <div class="three columns offset-by-one">
  50           <label class="lightbox_label">
  51             Note Name
  52           </label><!-- lightbox_label -->
  53         </div>
  54         <div class="seven columns end">
  55           <input type="text" class="lightbox_textfield" id="id_name" name="name">
  56         </div>
  57
  58       </div><!-- /lightbox_row -->
  59
  60       <div class="row lightbox_row">
  61         <div class="three columns offset-by-one">
  62           <label class="lightbox_label">
  63             Tags
  64           </label><!-- lightbox_label -->
  65         </div>
  66         <div class="four columns">
  67           <input type="text" class="lightbox_textfield" id="id_name" name="name">
  68         </div>
  69         <div class="three columns end">
  70           <div id="lightbox_instruction_file_info" class="lightbox_instruction">
  71             Comma separated tag names
  72           </div><!-- /lightbox_instruction -->
  73         </div>
  74       </div><!-- /lightbox_row -->
  75
  76       <div class="row lightbox_row">
  77         <div class="three columns offset-by-one">
  78           <label class="lightbox_label">
  79             Describe your notes
  80           </label><!-- lightbox_label -->
  81         </div>
  82         <div class="seven columns end">
  83           <textarea class="lightbox_textfield lightbox_textarea" id="id_desc" placeholder="These notes are the bomb because…"></textarea>
  84         </div>
  85       </div><!-- /lightbox_row -->
  86       {# TODO: This is not the right styling, fixme #}
  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           <a class="button white" id="submit-lightbox-upload" type="submit">FINISH UPLOAD</a>
  94           <input class="submit_upload" type="submit" value="submit upload">
  95         </div>
  96       </div><!-- /lightbox_row -->
  97
  98
  99       <div class="lightbox_close"></div>
 100
 101     </div><!-- /lightbox_modal -->
 102   </div>
 103   </form>
 104
 105 </section><!-- /modal_content -->