karmaworld/templates/courses/course_detail.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3
   4
   5 {% block pagescripts %}
   6   <script src="{{ STATIC_URL }}js/bootstrap-modal.js" ></script>
   7   <script src="{{ STATIC_URL }}js/setup-ajax.js"></script>
   8   <script src="{{ STATIC_URL }}js/course.js"></script>
   9   <script src="{{ STATIC_URL }}js/course-detail.js" ></script>
  10   <script>
  11     var json_school_course_list = "{% url 'json_school_course_list' %}";
  12     var json_school_course_instructor_list = "{% url 'json_school_course_instructor_list' %}";
  13     var csrf_token = "{{ csrf_token }}";
  14     var course_flag_url = "{% url 'flag_course' course.id %}";
  15     var course_edit_url = "{% url 'edit_course' course.id %}";
  16   </script>
  17 {% endblock %}
  18
  19 {% block pagestyle %}
  20   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/note_course_pages.css">
  21   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/data_table_list.css">
  22   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/datatables-css/jquery.dataTables.css">
  23 {% endblock %}
  24
  25 {% block bodyscripts %}
  26   <script src="{{ STATIC_URL }}js/jquery.dataTables.min.js"></script>
  27 {% endblock %}
  28
  29
  30 {% block title %}
  31   Share Notes for {{ course.name }} | {{ course.school.name }}
  32 {% endblock %}
  33
  34 {% block content %}
  35   <section id="course_content">
  36
  37     <div id="course-header">
  38       <div class="row">
  39         <div class="small-12 columns">
  40           <span class="course-header-school">{{ course.school.name }}</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
  41           {% if course.department %}<span class="course-header-department">{{ course.department.name }}</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;{% endif %}
  42           <span class="course-header-instructor">{{ course.instructor_name }}</span>
  43         </div>
  44       </div>
  45
  46       <div class="row">
  47         <div class="small-12 columns">
  48           <span id="course-header-name">{{ course.name }}</span>
  49
  50           &nbsp;&nbsp;
  51
  52           {% if user.is_authenticated %}
  53             {% if user.get_profile.can_edit_items %}
  54               <span id="edit-button"> <i class="fa fa-edit"></i> Edit this course</span>&nbsp;&nbsp;
  55             {% endif %}
  56
  57             {% if already_flagged %}
  58               <i class="fa fa-flag"></i> You have reported this course as inappropriate
  59             {% else %}
  60               <span id="flag-button"><i class="fa fa-flag"></i> Report course as inappropriate</span>
  61             {% endif %}
  62           {% else %}
  63             <i class="fa fa-flag"></i> Log in to flag a course as inappropraite
  64           {% endif %}
  65         </div>
  66       </div>
  67
  68       <div class="row {% if not course.url %}hide{% endif %}">
  69         <div id="course_link" class="small-12 columns">
  70           <a id="course_url" rel="nofollow" target="_blank" href="{{ course.url }}">
  71             {{ course.url|slice:":50" }}
  72             <i class="fa fa-external-link-square"></i>
  73           </a>
  74         </div>
  75       </div>
  76
  77       <div id="end-header" class="row">
  78       </div>
  79
  80     </div><!-- /course_header -->
  81
  82     {% if user.get_profile.can_edit_items %}
  83       <section id="edit-course-form" class="hide">
  84         <form>
  85           {% csrf_token %}
  86
  87           <div class="row">
  88             <div id="course_form_errors" class="small-12 columns">
  89               {{ course_form.non_field_errors }}
  90             </div>
  91           </div>
  92
  93           <div class="row hide">
  94             <div class="small-12 columns">
  95               <label for="id_school">School</label>
  96               <div>
  97                 <input id="id_school" value="{{ course.school.id }}" name="school" type='hidden'/>
  98               </div>
  99             </div>
 100           </div> <!-- .row -->
 101
 102           <div class="row">
 103             <div class="small-12 columns">
 104               <label for="id_name">Course Name:</label>
 105               <input id="id_name" class="" type="text" name="name" maxlength="255" value="{{ course.name }}"/>
 106             </div>
 107           </div> <!-- .row -->
 108
 109           <div class="row">
 110             <div class="small-12 columns large-6">
 111               <label for="id_instructor_name">Instructor Name:</label>
 112               <input id="id_instructor_name" class="" type="text" name="instructor_name" maxlength="75" value="{{ course.instructor_name }}"/>
 113             </div>
 114
 115             <div class="small-12 columns large-6">
 116               <label for="id_instructor_email">Instructor Email:</label>
 117               <input id="id_instructor_email" class="" type="text" name="instructor_email" maxlength="75" value="{{ course.instructor_email }}"/>
 118             </div>
 119           </div> <!-- .row -->
 120
 121           <div class="row">
 122             <div class="small-12 columns">
 123               <label for="id_url">Course url:</label>
 124               <input id="id_url" class="" type="text" name="url" maxlength="255" value="{{ course.url }}"/>
 125             </div>
 126           </div> <!-- .row -->
 127
 128           <div class="row">
 129             <div class="small-4 large-8 columns small-centered text-center">
 130               <button id="edit-save-btn" type=button><i class="fa fa-save"></i> Save</button>
 131             </div>
 132           </div>
 133         </form>
 134       </section>
 135     {% endif %}
 136
 137     <div id="note-search-bar" class="row">
 138       <div class="small-12 columns">
 139         <button id="add-note-btn" class="add-note">Add a Note</button>
 140         <input class="search-notes" type="text" placeholder="Search Notes" />
 141         <input id="quiz-available-filter" type="checkbox" />
 142         <label class="inline-label" for="quiz-available-filter">Quiz Available</label>
 143         <div id="note-sort-wrapper">
 144           Sort By
 145           <select class="note-sort">
 146             <option value="0">Date</option>
 147             <option value="1">Number of Quizzes</option>
 148             <option value="2" selected>Popularity</option>
 149           </select>
 150         </div>
 151       </div>
 152     </div>
 153
 154
 155     <div class="row">
 156       <div class="small-10 columns small-offset-1"> <hr/> </div>
 157     </div>
 158
 159
 160     {% include 'partial/filepicker.html' %}
 161
 162     <div class="row">
 163       <div class="small-10 columns small-offset-1"> <hr/> </div>
 164     </div>
 165
 166     <div id="course_container">
 167       <div class="row">
 168         <div class="small-12 columns large-10 large-offset-1">
 169           <table id="data_table_list">
 170             <thead><tr>
 171               <th id="data-table-sort-by"> Sort by: </th>
 172               <th id="data-table-date"> Date </th>
 173               <th id="data-table-thank-count"> Popularity </th>
 174               <th class="no-display" id="data-table-note-name"> Name </th>
 175               <th class="no-display" id="data-table-tags"> Tags </th>
 176               <th class="no-display" id="data-table-note-preview"> Preview </th>
 177             </tr></thead>
 178             <tbody>
 179               {% for note in note_set %}
 180                 {% include 'notes/note_list_entry.html' with note=note %}
 181               {% endfor %}
 182             </tbody>
 183           </table>
 184         </div>
 185       </div>
 186     </div><!-- /course_container -->
 187
 188   </section><!--/course_content-->
 189
 190 {% endblock %}