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="{{ STATIC_URL }}css/home.css">
  10   <link rel="stylesheet" href="{{ STATIC_URL }}css/responsive-tables.css">
  11   <link rel="stylesheet" href="{{ STATIC_URL }}css/table_sort.css">
  12   <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.tablesorter.pager.css">
  13 {% endblock %}
  14
  15 {% block pagescripts %}
  16 <script src="{{ STATIC_URL }}js/jquery.tablesorter.min.js"></script>
  17 <script src="{{ STATIC_URL }}js/jquery.tablesorter.widgets.min.js"></script>
  18 <script src="{{ STATIC_URL }}js/jquery.tablesorter.pager.min.js"></script>
  19 <script src="{{ STATIC_URL }}js/bootstrap-modal.js" ></script>
  20 <script src="{{ STATIC_URL }}js/sort-tables.js"></script>
  21 {% endblock %}
  22
  23 {% block lightboxen %}
  24   {% include 'lightbox/add_course.html' %}
  25 {% endblock %}
  26
  27 {% block content %}
  28 <section id="home_content">
  29   <div id="page_header" class="hero_gradient_bar">
  30     <div class="row">
  31       <div id="subhead" class="twelve columns">
  32         Share and access a growing database of college lecture notes
  33       </div> <!-- #subhead -->
  34     </div> <!-- .row -->
  35     <div class="row">
  36       <div id="page_instruction" class="twelve columns center">
  37         Choose a course to browse or upload
  38       </div> <!-- #subhead -->
  39     </div> <!-- .row -->
  40   </div> <!-- #page_header -->
  41   <div class="row">
  42     <div class="ten columns offset-by-one">
  43       <!-- Pagination controlls -->
  44       <div id="pager" class="pager">
  45         <form>
  46           <img src="{{ STATIC_URL }}img/tablesorterpager/first.png" class="first"/>
  47           <img src="{{ STATIC_URL }}img/tablesorterpager/prev.png" class="prev"/>
  48           <span class="pagedisplay"></span> <!-- this can be any element, including an input -->
  49           <img src="{{ STATIC_URL }}img/tablesorterpager/next.png" class="next"/>
  50           <img src="{{ STATIC_URL }}img/tablesorterpager/last.png" class="last"/>
  51           <select class="pagesize">
  52             <option selected="selected" value="10">10</option>
  53             <option value="20">20</option>
  54             <option value="30">30</option>
  55             <option value="40">40</option>
  56           </select>
  57         </form>
  58       </div>
  59       <!-- Main course table -->
  60       <table id="course_list" class="tablesorter responsive">
  61         <thead>
  62           <tr>
  63             <th> School </th>
  64             <th> Course Name </th>
  65             <th> Instructor </th>
  66             <th> Notes # </th>
  67             <th> Last Updated </th>
  68           </tr>
  69         </thead>
  70         <tbody>
  71         {% for course in object_list %}
  72           <tr>
  73             <td> {{ course.school.name }} </td>
  74             <td> <a href="{{ course.get_absolute_url }}">{{ course.name }}</a> </td>
  75             <td> {{ course.instructor_name }} </td>
  76             <td> {{ course.file_count }} </td>
  77             <td> {{ course.updated_at|date:"gA // D M d o" }} </td>
  78           </tr>
  79         {% endfor %}
  80         </tbody>
  81       </table>
  82     </div><!-- .ten columns -->
  83   </div> <!-- .row -->
  84   <div class="row">
  85     <div class="ten columns offset-by-one">
  86       <p class="text">Can't find your course?
  87         <a href="#add-course" role="button" class="btn" data-toggle="modal">Add it now</a>
  88       </p>
  89     </div><!-- .ten columns -->
  90   </div> <!-- .row -->
  91 </section> <!-- #results_content -->
  92
  93 {% endblock %}