karmaworld/templates/courses/course_list.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3 {% load compress %}
   4
   5 {% block title %}
   6   Share College Course Notes
   7 {% endblock %}
   8
   9 {% block pagestyle %}
  10   {% compress css %}
  11     <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/home.css">
  12   {% endcompress %}
  13 {% endblock %}
  14
  15 {% block pagescripts %}
  16   <script>
  17     // If there were form errors, open the form and jump to it
  18     var jump_to_form = {% if jump_to_form %} true {% else%} false {% endif %};
  19     var csrf_token = "{{ csrf_token }}";
  20     var dataTable_sDom = '<"top">rt<"bottom"p><"clear">';
  21     var course_list_ajax_url = "{% url 'course_list_ajax' %}";
  22   </script>
  23   {% compress js %}
  24     <script type="text/javascript" src="{{ STATIC_URL }}js/setup-ajax.js"></script>
  25     <script type="text/javascript" src="{{ STATIC_URL }}js/course.js"></script>
  26     <script type="text/javascript" src="{{ STATIC_URL }}js/add-course.js"></script>
  27     <script type="text/javascript" src="{{ STATIC_URL }}js/course-list.js"></script>
  28   {% endcompress %}
  29 {% endblock %}
  30
  31 {% block raw_content %}
  32   <section id="home_content">
  33     <div id="page_header">
  34       <div id="splash" class="museo700">
  35         <div id="splash_copy" class="row">
  36           <div class="small-12 large-8 columns large-offset-2">
  37             Access a growing database of <span class="note_count">{{ note_count }}</span> college lecture notes.
  38           </div>
  39         </div>
  40         <div class="row">
  41           <div class="small-12 columns">
  42             <a href="{% url 'about' %}">
  43               <button id="intro-video-button">Watch the video&nbsp;&nbsp;<i class='fa fa-caret-right fa-lg'></i></button>
  44             </a>
  45           </div>
  46         </div>
  47       </div>
  48     </div>
  49
  50     <div id="course-search-bar">
  51       <div class="row">
  52         <div class="small-12 large-3 columns">
  53           <button id="add-course-btn" class="inline-button important museo700" data-reveal-id="add-course-form">Add a Course</button>
  54         </div>
  55         <div class="small-12 large-9 columns">
  56           <span><input id="search-courses" class="search adelle-sans" type="text" placeholder="Search Courses and Schools" />
  57           <i class="fa fa-search inline search-icon"></i></span>
  58         </div>
  59       </div>
  60     </div>
  61
  62     <div class="row filter-options show-for-large-up">
  63       <div class="large-3 columns">
  64         <div class="sort-label">Sort By</div>
  65         <div class="select-wrapper">
  66           <select id="sort-by">
  67             <option value="1">Date Added</option>
  68             <option value="2">Number of Notes</option>
  69             <option value="3" selected>Popularity</option>
  70           </select>
  71         </div>
  72       </div>
  73       <div class="large-3 columns show-for-large-up end">
  74         <div class="sort-label">School</div>
  75         <div class="select-wrapper">
  76           <select id="school-filter">
  77             <option value="ALL" selected>All Schools</option>
  78             {% for school in schools %}
  79               <option value="{{ school.name }}">{{ school.name }}</option>
  80             {% endfor %}
  81           </select>
  82         </div>
  83       </div>
  84     </div>
  85
  86     <div id="data-table-entry-prototype">
  87       <div class="data-table-entry hide">
  88         <div class="table-entry-first-line">
  89           <span class="table-school"></span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
  90           <span class="table-department"></span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
  91           <span class="table-instructor"></span>
  92         </div>
  93
  94         <div class="table-entry-second-line museo700">
  95           <span class="table-course-name-wrapper"><a class="table-course-link"><span class="table-course-name"></span></a></span>
  96         </div>
  97
  98         <div class="table-entry-third-line">
  99           <span class="table-note-count"><i class="fa fa-file-text-o"></i>&nbsp;&nbsp;<span class="file-count"></span> Notes</span>
 100           <span class="table-thanks-count"><i class="fa fa-thumbs-up"></i>&nbsp;&nbsp;<span class="thanks-count"></span> Thanks </span>
 101           <span>Updated <span class="updated-at"></span></span>
 102         </div>
 103       </div>
 104     </div>
 105
 106     <div class="row">
 107       <div class="small-12 columns">
 108         <!-- Main course table -->
 109         <table id="data_table_list">
 110           <thead class="hide">
 111             <tr>
 112               <th class="no-display" id="data-table-course">Course</th>
 113               <th class="no-display" id="data-table-date">Date</th>
 114               <th class="no-display" id="data-table-note-count"># Notes</th>
 115               <th class="no-display" id="data-table-thanks">Popularity</th>
 116             </tr>
 117           </thead>
 118         </table>
 119       </div>
 120     </div> <!-- .row -->
 121
 122     {% include 'partial/add_course.html' %}
 123
 124   </section> <!-- #results_content -->
 125
 126 {% endblock %}
 127