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 src="{{ STATIC_URL }}js/jquery.dataTables.min.js" ></script>
  11   <script>
  12     var json_school_course_list = "{% url 'json_school_course_list' %}";
  13     var json_school_course_instructor_list = "{% url 'json_school_course_instructor_list' %}";
  14     var csrf_token = "{{ csrf_token }}";
  15     var course_flag_url = "{% url 'flag_course' course.id %}";
  16     var course_edit_url = "{% url 'edit_course' course.id %}";
  17   </script>
  18 {% endblock %}
  19
  20 {% block pagestyle %}
  21   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/note_course_pages.css">
  22   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/data_table_list.css">
  23   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/datatables-css/jquery.dataTables.css">
  24 {% endblock %}
  25
  26
  27 {% block title %}
  28   Share Notes for {{ course.name }} | {{ course.school.name }}
  29 {% endblock %}
  30
  31 {% block content %}
  32   <section id="course_content">
  33
  34     <div id="course_header" class="hero_gradient_bar">
  35       <div class="row">
  36         <div id="course_name" class="small-12 columns header_title">
  37           {{ course.name }}
  38         </div><!-- /course_name -->
  39       </div>
  40
  41       <div class="row">
  42         <div id="course_meta" class="twelve columns">
  43           <div class="activity_details_context">
  44             <span id="course_instructor_name">{{ course.instructor_name }}</span>
  45             <span id="course_department">{% if course.department %}// {{ course.department.name }}{% endif %}</span>
  46           </div><!-- /activity_details_context -->
  47         </div><!-- /course_meta -->
  48       </div>
  49
  50       <div class="row">
  51         <div id="course_meta" class="twelve columns">
  52           <div class="activity_details_context">
  53             {{ course.school.name }}
  54           </div><!-- /activity_details_context -->
  55         </div><!-- /course_meta -->
  56       </div>
  57
  58       <div class="row {% if not course.url %}hide{% endif %}">
  59         <div id="course_link" class="twelve columns">
  60           <div class="activity_details_context">
  61             <a id="course_url" rel="nofollow" target="_blank" href="{{ course.url }}">
  62               {{ course.url|slice:":50" }}
  63               <i class="fa fa-external-link-square"></i>
  64             </a>
  65           </div><!-- /activity_details_context -->
  66         </div><!-- /course_meta -->
  67       </div>
  68
  69       <div class="row">
  70         <div id="course_actions" class="large-3 medium-6 small-12 columns small-centered">
  71           <div class="row">
  72             <div class="small-12 column center">
  73               {% if user.is_authenticated %}
  74                 {% if user.get_profile.can_edit_items %}
  75                   <a href="#" id="edit-button"><img src="{{ STATIC_URL }}img/edit.png" alt="edit_flag" width="25" height="35"/></a>
  76                 {% endif %}
  77
  78                 {% if already_flagged %}
  79                   <img src="{{ STATIC_URL }}img/note_flag_disabled.png"
  80                        alt="course_flag"
  81                        width="25" height="35"
  82                        data-ot="You've already flagged this course"
  83                        {% include 'partial/opentip_settings.html' %}
  84                        class="opentip" />
  85                 {% else %}
  86                   <a href="#" id="flag-button">
  87                     <img src="{{ STATIC_URL }}img/note_flag.png" alt="course_flag" width="25" height="35" />
  88                   </a>
  89                 {% endif %}
  90               {% else %}
  91                 <img src="{{ STATIC_URL }}img/note_flag_disabled.png"
  92                      alt="course_flag"
  93                      width="25" height="35"
  94                      data-ot="You need to log in to flag a course"
  95                      {% include 'partial/opentip_settings.html' %}
  96                      class="opentip" />
  97               {% endif %}
  98               <a href="#" id="flag-button-disabled" class="hide">
  99                 <img src="{{ STATIC_URL }}img/note_flag_disabled.png" alt="course_flag" width="25" height="35" />
 100               </a>
 101             </div>
 102           </div>
 103         </div><!-- /course_actions -->
 104       </div>
 105     </div><!-- /course_header -->
 106
 107     {% if user.get_profile.can_edit_items %}
 108       <section id="edit-course-form">
 109         <form>
 110           {% csrf_token %}
 111
 112           <div class="row">
 113             <div id="course_form_errors" class="small-12 columns">
 114               {{ course_form.non_field_errors }}
 115             </div>
 116           </div>
 117
 118           <div class="row hide">
 119             <div class="small-12 columns">
 120               <legend>School</legend>
 121               <div>
 122                 <input id="id_school" value="{{ course.school.id }}" name="school" type='hidden'/>
 123               </div>
 124             </div>
 125           </div> <!-- .row -->
 126
 127           <div class="row">
 128             <div class="small-12 columns">
 129               <legend>Course Name:</legend>
 130               <input id="id_name" class="" type="text" name="name" maxlength="255" value="{{ course.name }}"/>
 131             </div>
 132           </div> <!-- .row -->
 133
 134           <div class="row">
 135             <div class="small-12 columns large-6">
 136               <legend>Instructor Name:</legend>
 137               <input id="id_instructor_name" class="" type="text" name="instructor_name" maxlength="75" value="{{ course.instructor_name }}"/>
 138             </div>
 139
 140             <div class="small-12 columns large-6">
 141               <legend>Instructor Email:</legend>
 142               <input id="id_instructor_email" class="" type="text" name="instructor_email" maxlength="75" value="{{ course.instructor_email }}"/>
 143             </div>
 144           </div> <!-- .row -->
 145
 146           <div class="row">
 147             <div class="small-12 columns">
 148               <legend>Course url:</legend>
 149               <input id="id_url" class="" type="text" name="url" maxlength="255" value="{{ course.url }}"/>
 150             </div>
 151           </div> <!-- .row -->
 152
 153           <div class="row">
 154             <div class="small-4 large-8 columns small-centered text-center">
 155               <button id="edit-save-btn" type=button><i class="fa fa-save"></i> Save</button>
 156             </div>
 157           </div>
 158         </form>
 159       </section>
 160     {% endif %}
 161
 162     <div class="row">
 163       <div class="small-10 columns small-offset-1"> <hr/> </div>
 164     </div>
 165
 166
 167     {% include 'partial/filepicker.html' %}
 168
 169     <div class="row">
 170       <div class="small-10 columns small-offset-1"> <hr/> </div>
 171     </div>
 172
 173     <div id="course_container">
 174       <div class="row">
 175         <div class="small-12 columns large-10 large-offset-1">
 176           <table id="data_table_list">
 177             <thead><tr>
 178               <th id="data-table-sort-by"> Sort by: </th>
 179               <th id="data-table-date"> Date </th>
 180               <th id="data-table-thank-count"> Popularity </th>
 181               <th class="no-display" id="data-table-note-name"> Name </th>
 182               <th class="no-display" id="data-table-tags"> Tags </th>
 183               <th class="no-display" id="data-table-note-preview"> Preview </th>
 184             </tr></thead>
 185             <tbody>
 186               {% for note in note_set %}
 187                 {% include 'notes/note_list_entry.html' with note=note %}
 188               {% endfor %}
 189             </tbody>
 190           </table>
 191         </div>
 192       </div>
 193     </div><!-- /course_container -->
 194
 195   </section><!--/course_content-->
 196
 197 {% endblock %}