45d1b4708b
* Client count config view - Switched to toggle button from checkbox and updated the design - Switched to ember octane - Update ember concurrency dependency * Fixed integration tests * Added changelog * Update switch label on toggle * Code cleanup * Fixed test
81 lines
2.2 KiB
JavaScript
81 lines
2.2 KiB
JavaScript
/**
|
||
* @module PricingMetricsConfig
|
||
* PricingMetricsConfig components are used to show and edit the pricing metrics config information.
|
||
*
|
||
* @example
|
||
* ```js
|
||
* <PricingMetricsConfig @model={{model}} @mode="edit" />
|
||
* ```
|
||
* @param {object} model - model is the DS metrics/config model which should be passed in
|
||
* @param {string} [mode=show] - mode is either show or edit. Show results in a table with the config, show has a form.
|
||
*/
|
||
|
||
import Component from '@glimmer/component';
|
||
import { action } from '@ember/object';
|
||
import { inject as service } from '@ember/service';
|
||
import { tracked } from '@glimmer/tracking';
|
||
import { task } from 'ember-concurrency';
|
||
|
||
export default class PricingMetricsConfigComponent extends Component {
|
||
@service router;
|
||
@tracked mode = 'show';
|
||
@tracked modalOpen = false;
|
||
error = null;
|
||
|
||
get infoRows() {
|
||
return [
|
||
{
|
||
label: 'Usage data collection',
|
||
helperText: 'Enable or disable collecting data to track clients.',
|
||
valueKey: 'enabled',
|
||
},
|
||
{
|
||
label: 'Retention period',
|
||
helperText: 'The number of months of activity logs to maintain for client tracking.',
|
||
valueKey: 'retentionMonths',
|
||
},
|
||
{
|
||
label: 'Default display',
|
||
helperText: 'The number of months we’ll display in the Vault usage dashboard by default.',
|
||
valueKey: 'defaultReportMonths',
|
||
},
|
||
];
|
||
}
|
||
|
||
get modalTitle() {
|
||
let content = 'Turn usage tracking off?';
|
||
if (this.args.model && this.args.model.enabled === 'On') {
|
||
content = 'Turn usage tracking on?';
|
||
}
|
||
return content;
|
||
}
|
||
|
||
@(task(function*() {
|
||
try {
|
||
yield this.args.model.save();
|
||
} catch (err) {
|
||
this.error = err.message;
|
||
return;
|
||
}
|
||
this.router.transitionTo('vault.cluster.metrics.config');
|
||
}).drop())
|
||
save;
|
||
|
||
@action
|
||
updateBooleanValue(attr, value) {
|
||
let valueToSet = value === true ? attr.options.trueValue : attr.options.falseValue;
|
||
this.args.model[attr.name] = valueToSet;
|
||
}
|
||
|
||
@action
|
||
onSaveChanges(evt) {
|
||
evt.preventDefault();
|
||
const changed = this.args.model.changedAttributes();
|
||
if (!changed.enabled) {
|
||
this.save.perform();
|
||
return;
|
||
}
|
||
this.modalOpen = true;
|
||
}
|
||
}
|