mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-14 02:27:02 +02:00
4cacb89c15
* adds serializer * removes all 1.11 related work to monthly/new client counting * move from new-init-activity to activity * merge setup changes add monthly model/adapter * delete new-init-activity files * add graph to current month view
64 lines
1.9 KiB
JavaScript
64 lines
1.9 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import { mean } from 'd3-array';
|
|
|
|
/**
|
|
* @module RunningTotal
|
|
* RunningTotal components display total and new client counts in a given date range by month.
|
|
* A line chart shows total monthly clients and below a stacked, vertical bar chart shows new clients per month.
|
|
*
|
|
*
|
|
* @example
|
|
* ```js
|
|
<Clients::RunningTotal
|
|
@chartLegend={{this.chartLegend}}
|
|
@barChartData={{this.byMonthNewClients}}
|
|
@lineChartData={{this.byMonth}}
|
|
@runningTotals={{this.runningTotals}}
|
|
/>
|
|
* ```
|
|
|
|
* @param {array} lineChartData - array of objects
|
|
object example: {
|
|
month: '1/22',
|
|
entity_clients: 23,
|
|
non_entity_clients: 45,
|
|
total: 68,
|
|
namespaces: [],
|
|
new_clients: {
|
|
entity_clients: 11,
|
|
non_entity_clients: 36,
|
|
total: 47,
|
|
namespaces: [],
|
|
},
|
|
};
|
|
* @param {array} barChartData - array of objects, object example: { month: '1/22', entity_clients: 11, non_entity_clients: 36, total: 47, namespaces: [] };
|
|
* @param {array} chartLegend - array of objects with key names 'key' and 'label' so data can be stacked
|
|
* @param {object} runningTotals - top level totals from /activity response { clients: 3517, entity_clients: 1593, non_entity_clients: 1924 }
|
|
*
|
|
*/
|
|
export default class RunningTotal extends Component {
|
|
get getTotalClients() {
|
|
return (
|
|
this.args.chartLegend?.map((legend) => {
|
|
return {
|
|
label: legend.label,
|
|
total: this.args.runningTotals[legend.key],
|
|
};
|
|
}) || null
|
|
);
|
|
}
|
|
|
|
get getAverageNewClients() {
|
|
// maps through legend and creates array of objects
|
|
// e.g. {label: 'unique entities', average: 43}
|
|
return (
|
|
this.args.chartLegend?.map((legend) => {
|
|
return {
|
|
label: legend.label,
|
|
average: Math.round(mean(this.args.barChartData?.map((d) => d[legend.key]))),
|
|
};
|
|
}) || null
|
|
);
|
|
}
|
|
}
|