modifying css and image links to support our altered folder structure

diff --git a/karmaworld/assets/css/datatables-css/jquery.dataTables.css b/karmaworld/assets/css/datatables-css/jquery.dataTables.css
index 7da7faec89932eb35782b3f34f207e572d39f1ca..b42684849eda99258b87174197fb062f9e2b73d8 100644 (file)
--- a/karmaworld/assets/css/datatables-css/jquery.dataTables.css
+++ b/karmaworld/assets/css/datatables-css/jquery.dataTables.css
@@ -124,13 +124,13 @@ table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
        margin-left: 10px;
 }
 
-.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
-.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
-.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
+.paginate_enabled_previous { background: url('../../img/datatables-images/back_enabled.png') no-repeat top left; }
+.paginate_enabled_previous:hover { background: url('../../img/datatables-images/back_enabled_hover.png') no-repeat top left; }
+.paginate_disabled_previous { background: url('../../img/datatables-images/back_disabled.png') no-repeat top left; }
 
-.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
-.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
-.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
+.paginate_enabled_next { background: url('../../img/datatables-images/forward_enabled.png') no-repeat top right; }
+.paginate_enabled_next:hover { background: url('../../img/datatables-images/forward_enabled_hover.png') no-repeat top right; }
+.paginate_disabled_next { background: url('../../img/datatables-images/forward_disabled.png') no-repeat top right; }
 
 /* Full number pagination */
 .paging_full_numbers {
@@ -194,12 +194,12 @@ table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
 /*
  * Sorting
  */
-.sorting { background: url('../images/sort_both.png') no-repeat center right; }
-.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
-.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
+.sorting { background: url('../../img/datatables-images/sort_both.png') no-repeat center right; }
+.sorting_asc { background: url('../../img/datatables-images/sort_asc.png') no-repeat center right; }
+.sorting_desc { background: url('../../img/datatables-images/sort_desc.png') no-repeat center right; }
 
-.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
-.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
+.sorting_asc_disabled { background: url('../../img/datatables-images/sort_asc_disabled.png') no-repeat center right; }
+.sorting_desc_disabled { background: url('../../img/datatables-images/sort_desc_disabled.png') no-repeat center right; }
  
 table.dataTable thead th:active,
 table.dataTable thead td:active {

diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 845853fece5c68f983f5893164d8ba7a0aca1d99..7482188cf5126479e09ad0b53ab3d517d4aa4688 100644 (file)
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -10,6 +10,7 @@
   <link rel="stylesheet" href="{{ STATIC_URL }}css/responsive-tables.css">
   <link rel="stylesheet" href="{{ STATIC_URL }}css/table_sort.css">
   <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.tablesorter.pager.css">
+  <link rel="stylesheet" href="{{ STATIC_URL }}css/datatables-css/jquery.dataTables.css"> <!-- dataTables -->
 {% endblock %}
 
 {% block pagescripts %}
@@ -17,7 +18,14 @@
 <script src="{{ STATIC_URL }}js/jquery.tablesorter.widgets.min.js"></script>
 <script src="{{ STATIC_URL }}js/jquery.tablesorter.pager.min.js"></script>
 <script src="{{ STATIC_URL }}js/bootstrap-modal.js" ></script>
-<script src="{{ STATIC_URL }}js/sort-tables.js"></script>
+<!-- <script src="{{ STATIC_URL }}js/sort-tables.js"></script> -->
+<script src="{{ STATIC_URL }}js/jquery.dataTables.js"></script>
+<script>
+console.log('IT WORKS@@@!!');
+$(document).ready(function() {
+  $('#course_list').dataTable();
+} );
+</script>
 {% endblock %}
 
 {% block lightboxen %}
@@ -40,22 +48,6 @@
   </div> <!-- #page_header -->
   <div class="row">
     <div class="ten columns offset-by-one">
-      <!-- Pagination controlls -->
-      <div id="pager" class="pager">
-        <form>
-          <img src="{{ STATIC_URL }}img/tablesorterpager/first.png" class="first"/>
-          <img src="{{ STATIC_URL }}img/tablesorterpager/prev.png" class="prev"/>
-          <span class="pagedisplay"></span> <!-- this can be any element, including an input -->
-          <img src="{{ STATIC_URL }}img/tablesorterpager/next.png" class="next"/>
-          <img src="{{ STATIC_URL }}img/tablesorterpager/last.png" class="last"/>
-          <select class="pagesize">
-            <option selected="selected" value="10">10</option>
-            <option value="20">20</option>
-            <option value="30">30</option>
-            <option value="40">40</option>
-          </select>
-        </form>
-      </div>
       <!-- Main course table -->
       <table id="course_list" class="tablesorter responsive">
         <thead>