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   <div class="row">
  11     <div class="eight columns centered lightbox_modal" style="margin-top: 121px;">
  12       <div class="row">
  13         <div class="lightbox_header modal_header twelve columns">
  14           Add Notes
  15         </div><!-- /modal_header -->
  16       </div>
  17
  18       <div class="row lightbox_row">
  19         <div class="three columns offset-by-one">
  20           <label class="lightbox_label">
  21             Your School
  22           </label><!-- lightbox_label -->
  23         </div>
  24         <div class="eight columns">
  25           <div class="lightbox_copy">
  26             {# user.get_profile.school.name #}
  27           </div><!-- /lightbox_copy -->
  28           <div class="lightbox_instruction">
  29             {# Not your school? <a href="#">Edit it now.</a> #}
  30           </div>
  31         </div>
  32       </div><!-- /lightbox_row -->
  33
  34       <div class="row lightbox_row">
  35         <div class="three columns offset-by-one">
  36           <label class="lightbox_label">
  37             Which course would you like to add notes to?
  38           </label><!-- lightbox_label -->
  39         </div>
  40         <div class="four columns">
  41           <div id="button_my_course" class="inverted_button show_select" data-target="#upload_course_select_box">
  42             My Courses <img class="button_arrow" src="/static/img/global_button_orange_arrow.png" alt="global_button_orange_arrow" width="8" height="5" />
  43           </div><!-- /inverted_button -->
  44           <div id="upload_course_select_box" class="select_box">
  45           {% comment %}
  46           {% for course in user.get_profile.courses.all %}
  47             <div class="course-select lightbox_instruction" data-id="{{ course.id }}" style="cursor: pointer;">{{ course.title }} </div>
  48           {% endfor %}
  49           {% endcomment %}
  50           </div>
  51         </div>
  52         <div class="three columns end">
  53           <div id="lightbox_upload_course_sidebar" class="lightbox_instruction">
  54             Don't see the course you want to add to?<br><a href="#">Join it now.</a>
  55           </div><!-- /lightbox_instruction -->
  56         </div>
  57       </div><!-- /lightbox_row -->
  58
  59       <div class="row lightbox_row">
  60         <div class="three columns offset-by-one">
  61           <label class="lightbox_label">
  62             Upload File
  63           </label><!-- lightbox_label -->
  64         </div>
  65         <div class="four columns browse_file_button">
  66           {% comment %}
  67           <div class="inverted_button">
  68             Browse
  69           </div><!-- /inverted_button -->
  70           <input type="file" id="browse_for_file" name="file">
  71           {% endcomment %}
  72           <div> <!-- this allows the _parent insert -->
  73             <div style="text-align:center;" id="file-uploader">
  74               <noscript>
  75                 <p>Please enable JavaScript to use file uploader.</p>
  76               </noscript>
  77             </div> <!-- #file-uploader -->
  78           </div>
  79         </div>
  80         <div class="three columns end">
  81           <div id="lightbox_instruction_file_info" class="lightbox_instruction">
  82             <!-- Don't see the course you want to add to?<br><a href="#">Join it now.</a> -->
  83           </div><!-- /lightbox_instruction -->
  84         </div>
  85       </div><!-- /lightbox_row -->
  86
  87       <div class="row lightbox_row">
  88         <div class="three columns offset-by-one">
  89           <label class="lightbox_label">
  90             Title of Notes
  91           </label><!-- lightbox_label -->
  92         </div>
  93         <div class="seven columns end">
  94           <input type="text" class="lightbox_textfield" id="add_note_title_txt">
  95         </div>
  96       </div><!-- /lightbox_row -->
  97
  98       <div class="row lightbox_row">
  99         <div class="three columns offset-by-one">
 100           <label class="lightbox_label">
 101             Date Created
 102           </label><!-- lightbox_label -->
 103         </div>
 104         <div class="seven columns end">
 105           <input type="text" class="lightbox_textfield" id="datepicker" name="date" placeholder="{{ today }}">
 106           <div class="lightbox_copy">
 107           </div><!-- /lightbox_copy -->
 108
 109         </div>
 110       </div><!-- /lightbox_row -->
 111
 112       {% comment %}
 113       <div class="row lightbox_row">
 114         <div class="three columns offset-by-one">
 115           <label class="lightbox_label">
 116             What type of notes are you adding?
 117           </label><!-- lightbox_label -->
 118         </div>
 119         <div class="seven columns end">
 120           <input type="text" class="lightbox_textfield" id="add_note_type_txt" placeholder="Syllabus, Notes, Study Guide…">
 121         </div>
 122       </div><!-- /lightbox_row -->
 123       {% endcomment %}
 124
 125       <div class="row lightbox_row">
 126         <div class="three columns offset-by-one">
 127           <label class="lightbox_label">
 128             Describe your notes
 129           </label><!-- lightbox_label -->
 130         </div>
 131         <div class="seven columns end">
 132           <textarea class="lightbox_textfield lightbox_textarea" id="add_note_description_txt" placeholder="These notes are the bomb because…"></textarea>
 133         </div>
 134       </div><!-- /lightbox_row -->
 135       {# TODO: This is not the right styling, fixme #}
 136       <div class="row lightbox_row">
 137         <div class="three columns offset-by-one">
 138           <label class="lightbox_label">
 139           </label><!-- lightbox_label -->
 140         </div>
 141         <div class="seven columns end">
 142           <a class="button white" id="submit-lightbox-upload" type="submit">FINISH UPLOAD</a>
 143         </div>
 144       </div><!-- /lightbox_row -->
 145
 146
 147       <div class="lightbox_close"></div>
 148
 149     </div><!-- /lightbox_modal -->
 150   </div>
 151
 152 </section><!-- /modal_content -->