|
@@ -19,7 +19,7 @@
|
|
|
</div>
|
|
|
<div id="managementStatsComponent">
|
|
|
<div class="row">
|
|
|
- <div class="col-md-6">
|
|
|
+ <div class="col-md-6 mb-2">
|
|
|
<div class="card">
|
|
|
<div class="card-header">Who are the clients we paid to acquire?</div>
|
|
|
<div class="card-body">
|
|
@@ -27,7 +27,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-md-6">
|
|
|
+ <div class="col-md-6 mb-2">
|
|
|
<div class="card">
|
|
|
<div class="card-header">Active Clients</div>
|
|
|
<div class="card-body">
|
|
@@ -35,6 +35,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="col-md-6 mb-2">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">Active HCPs</div>
|
|
|
+ <div class="card-body">
|
|
|
+ <div id="activeHCPs"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -48,6 +56,7 @@
|
|
|
data: {
|
|
|
clientsWePaidToAcquire: <?= json_encode($clientsWePaidToAcquire) ?>,
|
|
|
activeClients: <?= json_encode($activeClients) ?>,
|
|
|
+ activeHCPs: <?= json_encode($activeHCPs) ?>,
|
|
|
},
|
|
|
methods: {
|
|
|
dateValueDataObjectBarGraph: function (data, dateLabel, valueLabel, chartID, yAxisLegend){
|
|
@@ -105,9 +114,14 @@
|
|
|
var data = this.activeClients;
|
|
|
this.dateValueDataObjectBarGraph(data, 'date_trunc', 'count', '#activeClients', 'Active Clients');
|
|
|
},
|
|
|
+ initActiveHCPs: function() {
|
|
|
+ var data = this.activeHCPs;
|
|
|
+ this.dateValueDataObjectBarGraph(data, 'date_trunc', 'count', '#activeHCPs', 'Active HCPs');
|
|
|
+ },
|
|
|
init: function() {
|
|
|
this.initClientsWePaidToAcquire();
|
|
|
this.initActiveClients();
|
|
|
+ this.initActiveHCPs();
|
|
|
},
|
|
|
},
|
|
|
mounted: function() {
|