4a9610f382
* WIP/initial routing-ish * refactor date dropdown to reuse in modal and allowe current month selection * swap linter disable line * refactor date-dropdown to return object * refactor calendar widget, add tests * change calendar start and end args to getters * refactor dashboard to use date objects instead of array of year, month * remove dashboard files for easier to follow git diff * comment out dashboard tab until route name updated * delete current tab and route * fix undefined banner time * cleanup version history serializer and upgrade data * first pass of updating tests * add changelog * update client count util test * validate end time is after start time * update comment * add current month to calendar widget * add comments for code changes to make following API update * Removed a modified file from pull request * address comments/cleanup * update variables to const * update test const * rename history -> dashboard, fix tests * fix timestamps for attribution chart * update release note * refactor using backend start and end time params * add test for adapter formatting time params * fix tests * cleanup adapter comment and query params * change back history file name for diff * rename file using cli * revert filenames * rename files via git cli * revert route file name * last cli rename * refactor mirage * hold off on running total changes * update params in test * refactor to remove conditional assertions * finish tests * fix firefox tooltip * remove current-when * refactor version history * add timezone/UTC note * final cleanup!!!! * fix test * fix client count date tests * fix date-dropdown test * clear datedropdown completely * update date selectors to accommodate new year (#18586) * Revert "hold off on running total changes" This reverts commit 8dc79a626d549df83bc47e290392a556c670f98f. * remove assumed 0 values * update average helper to only calculate for array of objects * remove passing in bar chart data, map in running totals component instead * cleanup usage stat component * clear ss filters for new queries * update csv export, add explanation to modal * update test copy * consistently return null if no upgrade during activity (instead of empty array) * update description, add clarifying comments * update tes * add more clarifying comments * fix historic single month chart * remove old test tag * Update ui/app/components/clients/dashboard.js
82 lines
2.8 KiB
JavaScript
82 lines
2.8 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import { calculateAverage } from 'vault/utils/chart-helpers';
|
|
|
|
/**
|
|
* @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}}
|
|
@selectedNamespace={{this.selectedNamespace}}
|
|
@byMonthActivityData={{this.byMonth}}
|
|
@runningTotals={{this.runningTotals}}
|
|
@upgradeData={{if this.countsIncludeOlderData this.latestUpgradeData}}
|
|
/>
|
|
* ```
|
|
|
|
* @param {array} chartLegend - array of objects with key names 'key' and 'label' so data can be stacked
|
|
* @param {string} selectedAuthMethod - string of auth method label for empty state message in bar chart
|
|
* @param {array} byMonthActivityData - array of objects from /activity response, from the 'months' key, includes total and new clients per month
|
|
object structure: {
|
|
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 {object} runningTotals - top level totals from /activity response { clients: 3517, entity_clients: 1593, non_entity_clients: 1924 }
|
|
* @param {object} upgradeData - object containing version upgrade data e.g.: {version: '1.9.0', previousVersion: null, timestampInstalled: '2021-11-03T10:23:16Z'}
|
|
* @param {string} timestamp - ISO timestamp created in serializer to timestamp the response
|
|
*
|
|
*/
|
|
export default class RunningTotal extends Component {
|
|
get byMonthNewClients() {
|
|
if (this.args.byMonthActivityData) {
|
|
return this.args.byMonthActivityData?.map((m) => m.new_clients);
|
|
}
|
|
return null;
|
|
}
|
|
|
|
get entityClientData() {
|
|
return {
|
|
runningTotal: this.args.runningTotals.entity_clients,
|
|
averageNewClients: calculateAverage(this.byMonthNewClients, 'entity_clients'),
|
|
};
|
|
}
|
|
|
|
get nonEntityClientData() {
|
|
return {
|
|
runningTotal: this.args.runningTotals.non_entity_clients,
|
|
averageNewClients: calculateAverage(this.byMonthNewClients, 'non_entity_clients'),
|
|
};
|
|
}
|
|
|
|
get hasRunningTotalClients() {
|
|
return (
|
|
typeof this.entityClientData.runningTotal === 'number' ||
|
|
typeof this.nonEntityClientData.runningTotal === 'number'
|
|
);
|
|
}
|
|
|
|
get hasAverageNewClients() {
|
|
return (
|
|
typeof this.entityClientData.averageNewClients === 'number' ||
|
|
typeof this.nonEntityClientData.averageNewClients === 'number'
|
|
);
|
|
}
|
|
|
|
get singleMonthData() {
|
|
return this.args?.byMonthActivityData[0];
|
|
}
|
|
}
|