karmaworld/templates/courses/course_detail.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3 {% load compress %}
   4
   5 {% block pagescripts %}
   6   <script>
   7     var json_school_course_list = "{% url 'json_school_course_list' %}";
   8     var json_school_course_instructor_list = "{% url 'json_school_course_instructor_list' %}";
   9     var csrf_token = "{{ csrf_token }}";
  10     var course_flag_url = "{% url 'flag_course' course.id %}";
  11     var course_edit_url = "{% url 'edit_course' course.id %}";
  12     var dataTable_sDom = '<"top">rt<"bottom"p><"clear">';
  13   </script>
  14   {% compress js %}
  15     <script src="{{ STATIC_URL }}js/setup-ajax.js"></script>
  16     <script src="{{ STATIC_URL }}js/course.js"></script>
  17     <script src="{{ STATIC_URL }}js/course-detail.js" ></script>
  18     <script src="{{ STATIC_URL }}js/note-list.js" ></script>
  19     <script src="{{ STATIC_URL }}js/filepicker.js"></script>
  20   {% endcompress %}
  21 {% endblock %}
  22
  23 {% block pagestyle %}
  24   {% compress css %}
  25     <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/note_course_pages.css">
  26   {% endcompress %}
  27 {% endblock %}
  28
  29 {% block title %}
  30   Share Notes for {{ course.name }} | {% if course.school %}{{ course.school.name }}{% else %}{{ course.department.school.name }}{% endif %}
  31 {% endblock %}
  32
  33 {% block raw_content %}
  34   <section id="course_content">
  35
  36     <div id="course-header">
  37       <div class="row header-byline">
  38         <div class="small-12 columns">
  39           {% if course.school %}
  40             <span id="course-header-school">{{ course.school.name }}</span>
  41           {% else %}
  42             <span id="course-header-school">{{ course.department.school.name }}</span>
  43           {% endif %}
  44           &nbsp;&nbsp;&bull;&nbsp;&nbsp;
  45           {% if course.department %}<span class="course-header-department">{{ course.department.name }}</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;{% endif %}
  46           {% if course.instructor_name %}
  47             <span id="course-header-instructor">{{ course.instructor_name }}</span>
  48           {% else %}
  49             <span id="course-header-instructor">
  50               {% for prof in course.professor.all %}
  51                 {{ prof.name }}{% if not forloop.last %},{% endif %}
  52               {% endfor %}
  53             </span>
  54           {% endif %}
  55         </div>
  56       </div>
  57
  58       <div class="row museo700">
  59         <div class="small-12 columns">
  60           <span id="course-header-name" class="header-title">{{ course.name }}</span>
  61
  62           &nbsp;&nbsp;
  63           <div class="hide-for-large-up"></div>
  64
  65           <span style="display: inline;">
  66             <span class="show-for-large-up">
  67               {% if user.is_authenticated %}
  68                 {% comment %}
  69                 {% if user.get_profile.can_edit_items %}
  70                   <button id="edit-button" data-reveal-id="edit-course-form" class="modify-button"> <i class="fa fa-edit"></i> Edit this course</button>&nbsp;&nbsp;
  71                 {% endif %}
  72                 {% endcomment %}
  73
  74                 {% if already_flagged %}
  75                   <i class="fa fa-flag"></i> You have reported this course as inappropriate
  76                 {% else %}
  77                   <button id="flag-button" class="modify-button"><i class="fa fa-flag"></i> Report course as inappropriate</button>
  78                 {% endif %}
  79               {% endif %}
  80             </span>
  81           </span>
  82
  83         </div>
  84       </div>
  85
  86       <div class="row {% if not course.url %}hide{% endif %}">
  87         <div id="course_link" class="small-12 columns">
  88           <a id="course_url" rel="nofollow" target="_blank" href="{{ course.url }}">
  89             {{ course.url|slice:":50" }}
  90             <i class="fa fa-external-link-square"></i>
  91           </a>
  92         </div>
  93       </div>
  94
  95       <div id="end-header" class="row">
  96       </div>
  97
  98     </div><!-- /course_header -->
  99
 100     {% comment %}
 101     {% if user.get_profile.can_edit_items %}
 102       {% include 'partial/edit_course.html' %}
 103     {% endif %}
 104     {% endcomment %}
 105
 106     <div id="note-search-bar" class="row">
 107       <div class="small-12 large-3 columns">
 108         {{ file_upload_form.fp_file }}
 109       </div>
 110       <div class="small-12 large-9 columns">
 111         <form class="search-notes" action="{% url 'note_search' %}" method="GET">
 112           <input type="hidden" name="course_id" value="{{ course.id }}" />
 113           <input name="query" class="search" type="text" placeholder="Search Notes" />
 114           <button type="submit" class="search-icon"><i class="fa fa-search inline"></i></button>
 115         </form>
 116       </div>
 117       <div class="small-12 columns">
 118         {% include 'partial/filepicker.html' %}
 119       </div>
 120     </div>
 121
 122     <div class="row filter-options show-for-large-up">
 123       <div class="large-3 columns">
 124         <div class="sort-label">Sort By</div>
 125         <div class="select-wrapper">
 126           <select class="note-sort">
 127             <option value="0" selected>Date Added</option>
 128             <option value="1">Popularity</option>
 129           </select>
 130         </div>
 131       </div>
 132
 133       <div class="large-3 columns end">
 134         <div class="sort-label">Category</div>
 135         <div class="select-wrapper">
 136           <select class="note-category">
 137             <option value="ALL" selected>All Categories</option>
 138             {% for category in note_categories %}
 139               <option value="{{ category.0 }}">{{ category.1 }}</option>
 140             {% endfor %}
 141           </select>
 142         </div>
 143       </div>
 144     </div>
 145
 146     <div id="course_container">
 147       <div class="row">
 148         <div class="small-12 columns">
 149           {% if not note_set %}
 150             <p>This course has no notes yet.</p>
 151           {% else %}
 152             <!-- Main course table -->
 153             <table id="data_table_list">
 154               <thead class="hide">
 155                 <tr>
 156                   <th class="no-display" id="data-table-date"> Date </th>
 157                   <th class="no-display" id="data-table-thanks"> Popularity </th>
 158                   <th class="no-display" id="data-table-category"> Category </th>
 159                   <th class="no-display" id="data-table-note"> Note </th>
 160                 </tr>
 161               </thead>
 162               <tbody>
 163                 {% for note in note_set %}
 164                   {% include 'notes/note_list_entry.html' with note=note %}
 165                 {% endfor %}
 166               </tbody>
 167             </table>
 168           {% endif %}
 169         </div>
 170       </div> <!-- .row -->
 171
 172     </div><!-- /course_container -->
 173
 174   </section><!--/course_content-->
 175
 176 {% endblock %}