karmaworld/templates/courses/course_list.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3
   4 {% block title %}
   5   Share College Course Notes
   6 {% endblock %}
   7
   8 {% block pagestyle %}
   9   <link rel="stylesheet" type="text/css" media="all" href="//cdnjs.cloudflare.com/ajax/libs/datatables/1.9.4/css/jquery.dataTables.min.css">
  10   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/home.css">
  11 {% endblock %}
  12
  13 {% block pagescripts %}
  14   <script>
  15     // If there were form errors, open the form and jump to it
  16     var jump_to_form = {% if jump_to_form %}true{% else%}false{% endif %};
  17     var json_school_list = "{% url 'json_school_list' %}"
  18     var json_school_course_list = "{% url 'json_school_course_list' %}"
  19     var json_school_course_instructor_list = "{% url 'json_school_course_instructor_list' %}"
  20     var csrf_token = "{{ csrf_token }}";
  21     var dataTable_sDom = '<"top">rt<"bottom"p><"clear">';
  22   </script>
  23   <script src="{{ STATIC_URL }}js/setup-ajax.js"></script>
  24   <script src="{{ STATIC_URL }}js/course.js"></script>
  25   <script src="{{ STATIC_URL }}js/add-course.js"></script>
  26   <script src="{{ STATIC_URL }}js/course-list.js"></script>
  27 {% endblock %}
  28
  29 {% block bodyscripts %}
  30   <script src="//cdnjs.cloudflare.com/ajax/libs/datatables/1.9.4/jquery.dataTables.min.js"></script>
  31   <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
  32   <script>
  33     $("#splash").backstretch("{{ STATIC_URL }}img/banner_small.jpg");
  34   </script>
  35 {% endblock %}
  36
  37 {% block raw_content %}
  38 <section id="home_content">
  39   <div id="page_header">
  40     <div id="splash" class="museo700">
  41       <div id="splash_copy" class="row">
  42         <div class="small-12 large-8 columns large-offset-2">
  43           Access a growing database of <span class="note_count">{{ note_count }}</span> college lecture notes.
  44         </div>
  45       </div>
  46       <div class="row">
  47         <div class="small-12 columns">
  48           <a href="{% url 'about' %}">
  49             <button id="intro-video-button">Watch the video&nbsp;&nbsp;<i class='fa fa-caret-right'></i></button>
  50           </a>
  51         </div>
  52       </div>
  53     </div>
  54   </div>
  55
  56   <div id="course-search-bar">
  57     <div class="row">
  58       <div class="large-2 columns show-for-large-up">
  59         <button id="add-course-btn" class="inline-button important" data-reveal-id="add-course-form">Add a Course</button>
  60       </div>
  61       <div class="small-12 large-6 columns">
  62         <input class="search-courses" type="text" placeholder="Search Courses" />
  63       </div>
  64       <div class="large-4 columns show-for-large-up">
  65         <div id="course-sort-wrapper">
  66           Sort By
  67           <select class="course-sort">
  68             <option value="0">Date</option>
  69             <option value="1">Number of Notes</option>
  70             <option value="2" selected>Popularity</option>
  71           </select>
  72         </div>
  73       </div>
  74     </div>
  75   </div>
  76
  77   <div class="row">
  78     <div class="small-12 columns">
  79       <!-- Main course table -->
  80       <table id="data_table_list">
  81         <thead class="hide">
  82           <tr>
  83             <th class="no-display" id="data-table-date"> Date </th>
  84             <th class="no-display" id="data-table-note-count"> # Notes </th>
  85             <th class="no-display" id="data-table-thanks"> Popularity </th>
  86             <th class="no-display" id="data-table-upload"> Course </th>
  87           </tr>
  88         </thead>
  89         <tbody>
  90         {% for course in object_list %}
  91           {% include 'courses/course_list_entry.html' %}
  92         {% endfor %}
  93         </tbody>
  94       </table>
  95     </div>
  96   </div> <!-- .row -->
  97
  98   {% include 'partial/add_course.html' %}
  99
 100 </section> <!-- #results_content -->
 101
 102 {% endblock %}
 103