Updated the panels for showing the amount of RawData and Evidence entries in the DB + donut chart

resources/views/app/dashboard.blade.php

@@ -36,16 +36,21 @@
 
 <div class="container-fluid" id="container">
     <div class="row">
-        <div class="col-4 card" id="data-donut" style="justify-content: center; align-items: center;">
-            <h4>RawData Entries</h4>
+        <div class="col-4 card">
+            <h4 class="card-header text-center">RawData Entries</h4>
+            <div class="card-body justify-content-center text-center" id="data-donut"></div>
         </div>
-        <div class="col-4 card" id="evidence-donut" style="justify-content: center; align-items: center;">
-            <h4>Evidence Entries</h4>
+        <div class="col-4 card">
+            <h4 class="card-header text-center">Evidence Entries</h4>
+            <div class="card-body justify-content-center text-center" id="evidence-donut"></div>
         </div>
-        <div class="col-4 card" id="evidence-count" style="justify-content: center; align-items: center;">
-            <button id="donut-button" class="btn btn-primary btn-sm btn-block" >Show Detailed View</button>
-            <h4>Evidences per Agent</h4>
-            
+        <div class="col-4 card">
+            <h4 class="card-header text-center">Evidence per Agent
+            <button id="donut-button" class="btn btn-primary btn-sm" >Show Detailed View</button>
+            </h4>
+            <div class="card-body justify-content-center text-center" id="evidence-count">
+                
+            </div>
         </div>
     </div>
     <div class="row">
@@ -100,6 +105,8 @@
         var name = arrayItem.name;
         agents_data.push({value:50, label: name});
     })
+    agents_data.push({value:10, label: "test1"});
+    agents_data.push({value:100, label: "test2"});
     window.addEventListener('DOMContentLoaded', function() {
         //get the dbstatus data
         var url = "/app/dbstatus";