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>
   8     var csrf_token = "{{ csrf_token }}";
   9   </script>
  10 {% endblock %}
  11
  12
  13 {% block pagestyle %}
  14   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/note_course_pages.css">
  15 {% endblock %}
  16
  17
  18 {% block title %}
  19   Share Notes for {{ course.name }} | {{ course.school.name }}
  20 {% endblock %}
  21
  22
  23 {% block content %}
  24   <section id="course_content">
  25
  26     <div id="course_header">
  27
  28       <div class="row">
  29         <div id="breadcrumbs" class="small-12 hide-for-small columns">
  30           <ul class="breadcrumbs">
  31             <li><a href="/">Home</a></li>
  32             <li class="unavailable"><a href="#">{{ course.school.name }}</a></li>
  33             <li class="current"><a href="{{ course.get_absolute_url }}">{{ course.name }}</a></li>
  34           </ul>
  35         </div><!-- /course_subhead -->
  36       </div>
  37
  38       <div class="row">
  39         <div id="course_name" class="small-12 columns">
  40           {% if course.url %}
  41           <a rel="nofollow" href="{{ course.url }}">
  42             {{ course.name }}
  43           </a>
  44           {% else %}
  45           {{ course.name }}
  46           {% endif %}
  47         </div><!-- /note_name -->
  48       </div>
  49
  50       <div class="row">
  51         <div id="course_meta" class="small-12 columns">
  52           <div class="course_details">
  53             {{ course.instructor_name }} | {{ course.school.name }}
  54           </div><!-- /activity_details_context -->
  55         </div><!-- /course_meta -->
  56       </div>
  57
  58       <div class="row">
  59         <div class="small-10 columns small-offset-1"> <hr/> </div>
  60       </div>
  61
  62
  63       {% include 'partial/filepicker.html' %}
  64
  65
  66       {% if request.GET.thankyou == '' %}
  67       <div id=thankyou-wrapper class="row">
  68         <div class="small-8 columns small-offset-2">
  69           <div id="thankyou">
  70             <p>
  71               Thank you for uploading
  72               <a href="{{ request.GET.url }}">{{ request.GET.name }}</a>.
  73               Share another or take a
  74               <a href="https://docs.google.com/a/finalsclub.org/spreadsheet/viewform?usp=sharing&formkey=dFg1WnI2cUVfckZyYnJpZ0ExQmUxSnc6MQ#gid=0" target="_blank">quick survey</a> to help us make KarmaNotes even better.
  75             </p>
  76             <script>
  77             // when showing the thankyou button, flash it orangered first
  78             $(function() {
  79               $("#thankyou").effect("highlight", {'color': '#f05a28'}, 3000);
  80             });
  81             </script>
  82
  83           </div><!-- /thankyou -->
  84         </div>
  85       </div> <!-- .row -->
  86       {% endif %}
  87
  88
  89       <div class="row">
  90         <div class="small-10 columns small-offset-1"> <hr/> </div>
  91       </div>
  92
  93
  94     </div><!-- /course_header -->
  95
  96
  97     <div id="course_container">
  98       <div class="row">
  99         <div class="small-12 columns large-10 large-offset-1">
 100
 101           {% for note in note_set %}
 102             {% include 'notes/note_list_entry.html' with note=note %}
 103           {% endfor %}
 104         </div>
 105       </div>
 106
 107     </div><!-- /course_container -->
 108
 109     {% comment %}
 110     <div class="row">
 111       <div class="twelve columns">
 112         <div id="search_pagination" style="width: 232px"><!-- WIDTH SHOULD BE SET DYNAMICALLY TO ENABLE MARGIN: AUTO -->
 113           <div id="search_pagination_left">
 114             <img src="img/search_arrow_left.png" alt="search_arrow_left" width="5" height="10" />
 115           </div><!-- /search_pagination_left -->
 116           <div id="search_pagination_numbers">
 117             <ul>
 118               <li class="button_interior">1</li>
 119               <li>2</li>
 120               <li>3</li>
 121               <li>4</li>
 122               <li>5</li>
 123               <li>6</li>
 124             </ul>
 125           </div><!-- /search_pagination_numbers -->
 126           <div id="search_pagination_right">
 127             <img src="img/search_arrow_right.png" alt="search_arrow_right" width="5" height="10" />
 128           </div><!-- /search_pagination_right -->
 129         </div><!-- /search_pagination -->
 130       </div>
 131     </div>
 132     {% endcomment %}
 133   </section><!--/note_content-->
 134 {% endblock %}