Adding sorter arrows for course list. #37 Next: filtering

diff --git a/karmaworld/assets/css/table_sort.css b/karmaworld/assets/css/table_sort.css
new file mode 100644 (file)
index 0000000..41bcae3
--- /dev/null
+++ b/karmaworld/assets/css/table_sort.css
@@ -0,0 +1,14 @@
+table.tablesorter thead tr .header {
+       background-image: url(/static/img/bg.gif);
+       background-repeat: no-repeat;
+       background-position: center right;
+       cursor: pointer;
+}
+
+table.tablesorter thead tr .headerSortUp {
+       background-image: url(/static/img/asc.gif);
+}
+
+table.tablesorter thead tr .headerSortDown {
+       background-image: url(/static/img/desc.gif);
+}
\ No newline at end of file

diff --git a/karmaworld/assets/img/asc.gif b/karmaworld/assets/img/asc.gif
new file mode 100644 (file)
index 0000000..7415786
Binary files /dev/null and b/karmaworld/assets/img/asc.gif differ

diff --git a/karmaworld/assets/img/bg.gif b/karmaworld/assets/img/bg.gif
new file mode 100644 (file)
index 0000000..fac668f
Binary files /dev/null and b/karmaworld/assets/img/bg.gif differ

diff --git a/karmaworld/assets/img/desc.gif b/karmaworld/assets/img/desc.gif
new file mode 100644 (file)
index 0000000..3b30b3c
Binary files /dev/null and b/karmaworld/assets/img/desc.gif differ

diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 29d67bcce6225cb195e2162f6cc7ba9d285f40a5..d2db158e1373062b81d4873a0771227806beb32a 100644 (file)
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -8,6 +8,7 @@
 {% block pagestyle %}
   <link rel="stylesheet" type="text/css" media="all" href="/static/css/home.css">
   <link rel="stylesheet" href="{{ STATIC_URL }}/css/responsive-tables.css">
+  <link rel="stylesheet" href="{{ STATIC_URL }}/css/table_sort.css">
 {% endblock %}
 
 {% block pagescripts %}