Add new UI over bootstrap

1 files changed, 9 insertions, 5 deletions

diff --git a/stats/templates/view_lesson_tracking.html b/stats/templates/view_lesson_tracking.html
index a9d3025..75573c0 100644
--- a/stats/templates/view_lesson_tracking.html
+++ b/stats/templates/view_lesson_tracking.html
@@ -39,7 +39,7 @@
         <div class="col" id="barDiv3"></div>
         </div>
         <script type="text/javascript">
-            var config = {responsive: true}
+            var config = {responsive: true, displayModeBar: false}
             var data = [
                 {
                     x: ["Completed", "Not Completed"],
@@ -85,8 +85,9 @@
             Plotly.newPlot('barDiv3', data, layout, config);
         </script>
     <br>
-    <table class="table table-responsive" id="stats-table">
-        <thead>
+    <div class="table-responsive">
+    <table class="table table-dark table-responsive-sm" id="stats-table">
+        <thead class="thead-dark">
             <tr>
                 <th>Sr No.</th>
                 <th>Student Name&nbsp;<i class="fa fa-sort"></i></th>
@@ -94,12 +95,13 @@
                 <th>Started on&nbsp;<i class="fa fa-sort"></i></th>
                 <th>Current Duration&nbsp;<i class="fa fa-sort"></i></th>
                 <th>Video Duration&nbsp;<i class="fa fa-sort"></i></th>
-                <th>Percentage Watched&nbsp;<i class="fa fa-sort"></i></th>
-                <th>Watched Once Completely&nbsp;<i class="fa fa-sort"></i></th>
+                <th>Percentage&nbsp;<i class="fa fa-sort"></i></th>
+                <th>Watched&nbsp;<i class="fa fa-sort"></i></th>
                 <th>Total Time Spent&nbsp;<i class="fa fa-sort"></i></th>
                 <th>Total Visits&nbsp;<i class="fa fa-sort"></i></th>
             </tr>
         </thead>
+        <tbody class="list">
         {% for track in trackings %}
             <tr>
                 <td>{{ forloop.counter0 }}</td>
@@ -122,7 +124,9 @@
                 <td>{{track.get_no_of_vists}}</td>
             </tr>
         {% endfor %}
+        </tbody>
     </table>
+    </div>
     {% endwith %}
     <br>
     {% include "yaksh/paginator.html" %}