Updates

resources/views/app/admin/management-stats/active-clients.blade.php

@@ -0,0 +1,26 @@
+<div class="card mb-2">
+    <div class="card-header">Active Clients by Month</div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-md-12">
+                <table class="table table-striped table-bordered table-sm">
+                    <thead>
+                        <tr>
+                            <th>Date</th>
+                            <th>Count</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="r in resultMap.ActiveClientsByMonth">
+                            <td>@{{ moment(r.date_trunc, 'YYYY-MM-DD').format('MMM/YYYY') }}</td>
+                            <td>@{{ r.count }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="col-md-12">
+                <canvas id="ActiveClientsByMonth" class="border"></canvas>
+            </div>
+        </div>
+    </div>
+</div>

resources/views/app/admin/management-stats/active-pros.blade.php

@@ -0,0 +1,26 @@
+<div class="card mb-2">
+    <div class="card-header">Active Pros by Month</div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-md-12">
+                <table class="table table-striped table-bordered table-sm">
+                    <thead>
+                        <tr>
+                            <th>Date</th>
+                            <th>Count</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="r in resultMap.ActiveProsByMonth">
+                            <td>@{{ moment(r.date_trunc, 'YYYY-MM-DD').format('MMM/YYYY') }}</td>
+                            <td>@{{ r.count }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="col-md-12">
+            <canvas id="ActiveProsByMonth"></canvas>
+            </div>
+        </div>
+    </div>
+</div>

resources/views/app/admin/management-stats/charts.blade.php

@@ -1,40 +0,0 @@
-<div class="col-md-6 mb-2">
-    <div class="card">
-        <div class="card-header">Active Clients by Month</div>
-        <div class="card-body">
-            <canvas id="ActiveClientsByMonth"></canvas>
-        </div>
-    </div>
-</div>
-<div class="col-md-6 mb-2">
-    <div class="card">
-        <div class="card-header">Active Pros by Month</div>
-        <div class="card-body">
-            <canvas id="ActiveProsByMonth"></canvas>
-        </div>
-    </div>
-</div>
-<div class="col-md-6 mb-2">
-    <div class="card">
-        <div class="card-header">Note Count By Month</div>
-        <div class="card-body">
-            <canvas id="NoteCountByMonth"></canvas>
-        </div>
-    </div>
-</div>
-<div class="col-md-6 mb-2">
-    <div class="card">
-        <div class="card-header">Cpt Codes Billed</div>
-        <div class="card-body">
-            <canvas id="CptCodesBilled"></canvas>
-        </div>
-    </div>
-</div>
-<div class="col-md-6 mb-2">
-    <div class="card">
-        <div class="card-header">Cpt Codes Billed By Month</div>
-        <div class="card-body">
-            <canvas id="CptCodesBilledByMonth"></canvas>
-        </div>
-    </div>
-</div>

resources/views/app/admin/management-stats/cpt-codes-billed-by-month.blade.php

@@ -0,0 +1,28 @@
+<div class="card mb-2">
+    <div class="card-header">Cpt Codes Billed By Month</div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-md-6">
+                <table class="table table-striped table-bordered table-sm">
+                    <thead>
+                        <tr>
+                            <th>Date</th>
+                            <th>CPT</th>
+                            <th>Count</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="r in resultMap.CptCodesBilledByMonth">
+                        <td>@{{ moment(r.date_trunc, 'YYYY-MM-DD').format('MMM/YYYY') }}</td>
+                            <td>@{{ r.cpt }}</td>
+                            <td>@{{ r.count }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="col-md-6">
+            <canvas id="CptCodesBilledByMonth"></canvas>
+            </div>
+        </div>
+    </div>
+</div>

resources/views/app/admin/management-stats/cpt-codes-billed.blade.php

@@ -0,0 +1,26 @@
+<div class="card mb-2">
+    <div class="card-header">Cpt Codes Billed</div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-md-12">
+                <table class="table table-striped table-bordered table-sm">
+                    <thead>
+                        <tr>
+                            <th>CPT</th>
+                            <th>Count</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="r in resultMap.CptCodesBilled">
+                            <td>@{{ r.cpt }}</td>
+                            <td>@{{ r.count }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="col-md-12">
+            <canvas id="CptCodesBilled"></canvas>
+            </div>
+        </div>
+    </div>
+</div>

resources/views/app/admin/management-stats/index.blade.php

@@ -5,12 +5,17 @@
     #managementStatsComponent h5 {
         font-size: 19px;
         font-weight: bold;
+        color: #a7a7a7;
     }
 
     #managementStatsComponent span.count {
         font-size: 47px;
         font-weight: bold;
     }
+    #managementStatsComponent .card .card-header {
+        font-size: 15px;
+        font-weight: bold;
+    }
 </style>
 <div class="p-3 mcp-theme-1" id="patients-list">
     <div class="card">
@@ -26,7 +31,7 @@
         </div>
         <div id="managementStatsComponent" v-cloak>
             <div class="row">
-                <div class="col-md-6 mb-2">
+                <div class="col-md-12 mb-2">
                     <div class="card">
                         <div class="card-header">Overview</div>
                         <div class="card-body bg-light">
@@ -51,45 +56,20 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-md-6 mb-2">
-                    <div class="card">
-                        <div class="card-header">Active Clients by Month</div>
-                        <div class="card-body">
-                            <canvas id="ActiveClientsByMonth"></canvas>
-                        </div>
-                    </div>
+                <div class="col-6">
+                    @include("app.admin.management-stats.active-clients")
                 </div>
-                <div class="col-md-6 mb-2">
-                    <div class="card">
-                        <div class="card-header">Active Pros by Month</div>
-                        <div class="card-body">
-                            <canvas id="ActiveProsByMonth"></canvas>
-                        </div>
-                    </div>
+                <div class="col-6">
+                    @include("app.admin.management-stats.active-pros")
                 </div>
-                <div class="col-md-6 mb-2">
-                    <div class="card">
-                        <div class="card-header">Note Count By Month</div>
-                        <div class="card-body">
-                            <canvas id="NoteCountByMonth"></canvas>
-                        </div>
-                    </div>
+                <div class="col-6">
+                    @include("app.admin.management-stats.note-count-by-month")
                 </div>
-                <div class="col-md-6 mb-2">
-                    <div class="card">
-                        <div class="card-header">Cpt Codes Billed</div>
-                        <div class="card-body">
-                            <canvas id="CptCodesBilled"></canvas>
-                        </div>
-                    </div>
+                <div class="col-6">
+                    @include("app.admin.management-stats.cpt-codes-billed")
                 </div>
-                <div class="col-md-6 mb-2">
-                    <div class="card">
-                        <div class="card-header">Cpt Codes Billed By Month</div>
-                        <div class="card-body">
-                            <canvas id="CptCodesBilledByMonth"></canvas>
-                        </div>
-                    </div>
+                <div class="col-12">
+                    @include("app.admin.management-stats.cpt-codes-billed-by-month")
                 </div>
 
 

resources/views/app/admin/management-stats/note-count-by-month.blade.php

@@ -0,0 +1,26 @@
+<div class="card mb-2">
+    <div class="card-header">Note Count by Month</div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-md-12">
+                <table class="table table-striped table-bordered table-sm">
+                    <thead>
+                        <tr>
+                            <th>Date</th>
+                            <th>Count</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="r in resultMap.NoteCountByMonth">
+                            <td>@{{ moment(r.date_trunc, 'YYYY-MM-DD').format('MMM/YYYY') }}</td>
+                            <td>@{{ r.count }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="col-md-12">
+                <canvas id="NoteCountByMonth"></canvas>
+            </div>
+        </div>
+    </div>
+</div>