mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-16 19:47:02 +02:00
0b12cdcfd1
* Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Updating the license from MPL to Business Source License. Going forward, this project will be licensed under the Business Source License v1.1. Please see our blog post for more details at https://hashi.co/bsl-blog, FAQ at www.hashicorp.com/licensing-faq, and details of the license at www.hashicorp.com/bsl. * add missing license headers * Update copyright file headers to BUS-1.1 * Fix test that expected exact offset on hcl file --------- Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com> Co-authored-by: Sarah Thompson <sthompson@hashicorp.com> Co-authored-by: Brian Kassouf <bkassouf@hashicorp.com>
54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { calculateAverage } from 'vault/utils/chart-helpers';
|
|
|
|
/**
|
|
* @module MonthlyUsage
|
|
* MonthlyUsage components show how many total clients use Vault each month. Displaying the average totals to the left of a stacked, vertical bar chart.
|
|
*
|
|
* @example
|
|
* ```js
|
|
<Clients::MonthlyUsage
|
|
@chartLegend={{this.chartLegend}}
|
|
@responseTimestamp={{this.responseTimestamp}}
|
|
@verticalBarChartData={{this.byMonthActivityData}}
|
|
/>
|
|
* ```
|
|
* @param {array} chartLegend - array of objects with key names 'key' and 'label' so data can be stacked
|
|
* @param {string} timestamp - ISO timestamp created in serializer to timestamp the response
|
|
* @param {array} verticalBarChartData - array of flattened objects
|
|
sample object =
|
|
{
|
|
month: '1/22',
|
|
entity_clients: 23,
|
|
non_entity_clients: 45,
|
|
clients: 68,
|
|
namespaces: [],
|
|
new_clients: {
|
|
entity_clients: 11,
|
|
non_entity_clients: 36,
|
|
clients: 47,
|
|
namespaces: [],
|
|
},
|
|
}
|
|
* @param {array} chartLegend - array of objects with key names 'key' and 'label' so data can be stacked
|
|
*/
|
|
export default class MonthlyUsage extends Component {
|
|
get averageTotalClients() {
|
|
return calculateAverage(this.args.verticalBarChartData, 'clients') || '0';
|
|
}
|
|
|
|
get averageNewClients() {
|
|
return (
|
|
calculateAverage(
|
|
this.args.verticalBarChartData?.map((d) => d.new_clients),
|
|
'clients'
|
|
) || '0'
|
|
);
|
|
}
|
|
}
|