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           {% for course in user.get_profile.courses.all %}
  46             <div class="course-select lightbox_instruction" data-id="{{ course.id }}" style="cursor: pointer;">{{ course.title }} </div>
  47           {% endfor %}
  48           </div>
  49         </div>
  50         <div class="three columns end">
  51           <div id="lightbox_upload_course_sidebar" class="lightbox_instruction">
  52             Don't see the course you want to add to?<br><a href="#">Join it now.</a>
  53           </div><!-- /lightbox_instruction -->
  54         </div>
  55       </div><!-- /lightbox_row -->
  56
  57       <div class="row lightbox_row">
  58         <div class="three columns offset-by-one">
  59           <label class="lightbox_label">
  60             Upload File
  61           </label><!-- lightbox_label -->
  62         </div>
  63         <div class="four columns browse_file_button">
  64           {% comment %}
  65           <div class="inverted_button">
  66             Browse
  67           </div><!-- /inverted_button -->
  68           <input type="file" id="browse_for_file" name="file">
  69           {% endcomment %}
  70           <div> <!-- this allows the _parent insert -->
  71             <div style="text-align:center;" id="file-uploader">
  72               <noscript>
  73                 <p>Please enable JavaScript to use file uploader.</p>
  74               </noscript>
  75             </div> <!-- #file-uploader -->
  76           </div>
  77         </div>
  78         <div class="three columns end">
  79           <div id="lightbox_instruction_file_info" class="lightbox_instruction">
  80             <!-- Don't see the course you want to add to?<br><a href="#">Join it now.</a> -->
  81           </div><!-- /lightbox_instruction -->
  82         </div>
  83       </div><!-- /lightbox_row -->
  84
  85       <div class="row lightbox_row">
  86         <div class="three columns offset-by-one">
  87           <label class="lightbox_label">
  88             Title of Notes
  89           </label><!-- lightbox_label -->
  90         </div>
  91         <div class="seven columns end">
  92           <input type="text" class="lightbox_textfield" id="add_note_title_txt">
  93         </div>
  94       </div><!-- /lightbox_row -->
  95
  96       <div class="row lightbox_row">
  97         <div class="three columns offset-by-one">
  98           <label class="lightbox_label">
  99             Date Created
 100           </label><!-- lightbox_label -->
 101         </div>
 102         <div class="seven columns end">
 103           <input type="text" class="lightbox_textfield" id="datepicker" name="date" placeholder="{{ today }}">
 104           <div class="lightbox_copy">
 105           </div><!-- /lightbox_copy -->
 106
 107         </div>
 108       </div><!-- /lightbox_row -->
 109
 110       {% comment %}
 111       <div class="row lightbox_row">
 112         <div class="three columns offset-by-one">
 113           <label class="lightbox_label">
 114             What type of notes are you adding?
 115           </label><!-- lightbox_label -->
 116         </div>
 117         <div class="seven columns end">
 118           <input type="text" class="lightbox_textfield" id="add_note_type_txt" placeholder="Syllabus, Notes, Study Guide…">
 119         </div>
 120       </div><!-- /lightbox_row -->
 121       {% endcomment %}
 122
 123       <div class="row lightbox_row">
 124         <div class="three columns offset-by-one">
 125           <label class="lightbox_label">
 126             Describe your notes
 127           </label><!-- lightbox_label -->
 128         </div>
 129         <div class="seven columns end">
 130           <textarea class="lightbox_textfield lightbox_textarea" id="add_note_description_txt" placeholder="These notes are the bomb because…"></textarea>
 131         </div>
 132       </div><!-- /lightbox_row -->
 133       {# TODO: This is not the right styling, fixme #}
 134       <div class="row lightbox_row">
 135         <div class="three columns offset-by-one">
 136           <label class="lightbox_label">
 137           </label><!-- lightbox_label -->
 138         </div>
 139         <div class="seven columns end">
 140           <a class="button white" id="submit-lightbox-upload" type="submit">FINISH UPLOAD</a>
 141         </div>
 142       </div><!-- /lightbox_row -->
 143
 144
 145       <div class="lightbox_close"></div>
 146
 147     </div><!-- /lightbox_modal -->
 148   </div>
 149
 150 </section><!-- /modal_content -->