some improvements to aesthetics of the overview page

1 files changed, 54 insertions, 10 deletions

diff --git a/ctrack/compliance/templates/compliance/overview.html b/ctrack/compliance/templates/compliance/overview.html
index 13c835e..f68cc53 100644
--- a/ctrack/compliance/templates/compliance/overview.html
+++ b/ctrack/compliance/templates/compliance/overview.html
@@ -10,12 +10,22 @@
     $(document).ready(function () {
       $('#datatable').DataTable({
         ordering: true,
+        searching: false,
+        buttons: true,
+        dom: 'B<"clear">lfrtip',
+        paging: false,
+        "drawCallback": function (settings) {
+          $("#datatable thead").remove();
+        },
+      });
+      $('#datatable2').DataTable({
+        ordering: false,
         searching: true,
         {#buttons: true,#}
         {#dom: 'B<"clear">lfrtip',#}
         paging: false,
         "drawCallback": function (settings) {
-          $("#datatable thead").remove();
+          $("#datatable2 thead").remove();
         },
       });
     });
@@ -31,11 +41,17 @@
     Overview
   </h3>
   <div class="row justify-content-center">
-    <div class="col-md-12 my-2 py-2">
+    <div class="col-md-12 my-2 py-2 bg bg-light">
       <h4>Summary</h4>
       <div class="row">
         <div class="col mb-2">
-          <table class="table table-compact table-striped table-bordered">
+          <table id="datatable" class="table table-compact table-striped table-bordered">
+            <thead>
+            <th>
+              <th></th>
+            </th>
+            </thead>
+            <tbody>
             <tr>
               <td>CAF Initial Submitted</td>
               <td>12</td>
@@ -60,14 +76,16 @@
               <td>Improvement Plan Reviewed</td>
               <td>0</td>
             </tr>
+            </tbody>
           </table>
         </div>
       </div>
+      <hr>
       <div class="row">
         <div class="col mt-2">
           <h4>Progress Chart</h4>
           <p>Use the search box to filter the table.</p>
-          <table id="datatable" class="table table-bordered" style="width:100%">
+          <table id="datatable2" class="table table-bordered" style="width:100%">
             <thead>
             <tr>
               <td></td>
@@ -78,14 +96,13 @@
               <td></td>
               <td></td>
             </tr>
-
             </thead>
             <tbody>
             <tr>
               <td>ORG NAME 1</td>
               <td style="background-color: green; color: white;">CAF Initial Submitted</td>
-              <td class="bg bg-success text-white">CAF Reviewed</td>
-              <td class="bg bg-warning text-white">OES Revisions Submitted</td>
+              <td style="background-color: green; color: white;">CAF Reviewed</td>
+              <td style="background-color: green; color: white;">OES Revisions Submitted</td>
               <td>Validation Agreed</td>
               <td>Improvement Plan Submitted</td>
               <td>Improvement Plan Review</td>
@@ -101,9 +118,36 @@
             </tr>
             <tr>
               <td>ORG NAME 3</td>
-              <td class="bg bg-success text-white">CAF Initial Submitted</td>
-              <td class="bg bg-success text-white">CAF Reviewed</td>
-              <td class="bg bg-success text-white">OES Revisions Submitted</td>
+              <td style="background-color: green; color: white;">CAF Initial Submitted</td>
+              <td style="background-color: orange; color: white;">CAF Reviewed</td>
+              <td>OES Revisions Submitted</td>
+              <td>Validation Agreed</td>
+              <td>Improvement Plan Submitted</td>
+              <td>Improvement Plan Review</td>
+            </tr>
+            <tr>
+              <td>ORG NAME 4</td>
+              <td style="background-color: green; color: white;">CAF Initial Submitted</td>
+              <td style="background-color: orange; color: white;">CAF Reviewed</td>
+              <td style="background-color: green; color: white;">OES Revisions Submitted</td>
+              <td style="background-color: red; color: white;">Validation Agreed</td>
+              <td>Improvement Plan Submitted</td>
+              <td>Improvement Plan Review</td>
+            </tr>
+            <tr>
+              <td>ORG NAME 5</td>
+              <td style="background-color: green; color: white;">CAF Initial Submitted</td>
+              <td style="background-color: green; color: white;">CAF Reviewed</td>
+              <td style="background-color: green; color: white;">OES Revisions Submitted</td>
+              <td style="background-color: green; color: white;">Validation Agreed</td>
+              <td>Improvement Plan Submitted</td>
+              <td>Improvement Plan Review</td>
+            </tr>
+            <tr>
+              <td>ORG NAME 3</td>
+              <td style="background-color: green; color: white;">CAF Initial Submitted</td>
+              <td style="background-color: orange; color: white;">CAF Reviewed</td>
+              <td>OES Revisions Submitted</td>
               <td>Validation Agreed</td>
               <td>Improvement Plan Submitted</td>
               <td>Improvement Plan Review</td>