1 {% extends "base.html" %}
2 {% load url from future %}
5 {% block pagescripts %}
6 <script src="{{ STATIC_URL }}/js/bootstrap-modal.js" ></script>
7 <script src="{{STATIC_URL}}ajaxuploader/js/fileuploader.js" ></script>
9 var course_pk = {{ course.id }};
10 var course_name = "{{ course.name }}";
13 var uploader = new qq.FileUploader( {
14 action: "{% url 'ajax_upload' %}",
15 element: $('#file-uploader')[0],
17 onComplete: function( id, fileName, responseJSON ) {
18 if( responseJSON.success )
21 alert( "upload failed!" ) ;
23 onAllComplete: function( uploads ) {
24 // uploads is an array of maps
25 // the maps look like this: { file: FileObject, response: JSONServerResponse }
26 alert( "All complete!" ) ;
29 'csrf_token': '{{ csrf_token }}',
30 'csrf_name': 'csrfmiddlewaretoken',
31 'csrf_xname': 'X-CSRFToken',
32 'course_id': course_pk,
41 <link rel="stylesheet" type="text/css" media="all" href="/static/css/note_course_pages.css">
45 {% block lightboxen %}
46 {% include 'lightbox/upload.html' %}
51 Share Notes for {{ course.name }} | {{ course.school.name }}
56 <section id="course_content">
58 <div id="course_header" class="hero_gradient_bar">
60 <div id="course_subhead" class="twelve columns">
62 </div><!-- /course_subhead -->
66 <div id="note_name" class="twelve columns">
68 </div><!-- /note_name -->
72 <div id="course_meta" class="twelve columns">
73 <div class="activity_details_context">
75 <!-- Version of the instructor//school with links to instructor//school
76 <a href="#" class="prof_link">{{ course.instructor_name }}</a> // <a href="{{ course.school.get_absolute_url }}" class="school_link">{{ course.school.name }}</a>
78 {{ course.instructor_name }} // {{ course.school.name }}
79 </div><!-- /activity_details_context -->
80 </div><!-- /course_meta -->
86 <div id="course_actions" class="two columns centered">
88 <div class="six columns">
89 {% if course in user.get_profile.courses.all %}
90 <div class="course_meta_action course_meta_drop" data-id="{{ course.id }}">
94 <div class="course_meta_action course_meta_join" data-id="{{ course.id }}">
99 <div id="course_meta_action_gear" class="six columns">
100 <img src="/static/img/course_action_gear.png" alt="course_action_gear" width="39" height="37" />
108 <div id="course_description" class="eight columns centered">
112 <!-- TODO: We don't provide a course description -->
113 </div><!-- /course_description -->
117 <div class="three columns centered">
118 <div id=upload_button_container class=button_bevel >
119 <div id=upload_button course=button_interior data-id="{{ course.id }}">
126 </div><!-- /course_header -->
129 <div class="ten columns offset-by-one">
130 <div class="column_header" style="margin: 17px 0 -25px 0">
131 Latest uploaded notes
132 </div><!-- /column_header -->
136 <div id="course_container">
138 <div class="ten columns offset-by-one">
140 {% for note in course.note_set.all %}
142 <div class="row notes_result_container wide">
143 <div class="twelve columns notes_result {% if forloop.counter|divisibleby:"2" %}row_alt_on{% endif %}">
144 <div class="activity_timestamp">
145 {{ note.uploaded_at|date:"gA" }} // {{ note.uploaded_at|date:"D M d o" }}
148 <div class="activity_details_action">
149 <a href="{{ note.get_absolute_url }}" class="activity_target">{{ note.name }}</a>
151 <!-- file name and info with uploader info -->
152 <a href="#" class="activity_actor">{{ note.owner.get_profile.get_name }}</a> added <a href="{{ note.get_absolute_url }}" class="activity_target">{{ file.name }}</a>
156 <div class="activity_details_context">
157 <a href="{{ course.get_absolute_url }}" class="course_link">{{ course.name }}</a>//<a href="{{ course.school.get_absolute_url }}" class="school_link">{{ course.school.name }}</a>
159 <div class="activity_details_callout">
161 <div class="one column">
162 <img src="/static/img/dashboard_activity_callout_icon_notebook.png" alt="dashboard_activity_callout_icon_notebook" width="44" height="44" />
164 <div class="eleven columns activity_details_callout_copy">
167 {{ note.text|slice:":500" }}…
169 {{ note.description }}
175 <!-- # users have liked, # users have viewed -->
177 <div class="twelve columns activity_details_status">
178 So far, <span class="activity_details_status_number">{{ note.numUpVotes }}</span> people have completely fallen in love with with these notes. <span class="activity_details_status_secondary_number">{{ note.viewCount }}</span> people have viewed them.
179 </div><!-- /activity_details_status -->
182 </div><!-- /notes_result -->
183 </div><!-- /notes_result_container -->
188 </div><!-- /course_container -->
192 <div class="twelve columns">
193 <div id="search_pagination" style="width: 232px"><!-- WIDTH SHOULD BE SET DYNAMICALLY TO ENABLE MARGIN: AUTO -->
194 <div id="search_pagination_left">
195 <img src="img/search_arrow_left.png" alt="search_arrow_left" width="5" height="10" />
196 </div><!-- /search_pagination_left -->
197 <div id="search_pagination_numbers">
199 <li class="button_interior">1</li>
206 </div><!-- /search_pagination_numbers -->
207 <div id="search_pagination_right">
208 <img src="img/search_arrow_right.png" alt="search_arrow_right" width="5" height="10" />
209 </div><!-- /search_pagination_right -->
210 </div><!-- /search_pagination -->
214 </section><!--/note_content-->