open-vault/ui/app/components/pricing-metrics-config.js

75 lines
2 KiB
JavaScript
Raw Normal View History

/**
* @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 { computed } from '@ember/object';
import Component from '@ember/component';
import { inject as service } from '@ember/service';
import { task } from 'ember-concurrency';
export default Component.extend({
router: service(),
mode: 'show',
model: null,
error: null,
modalOpen: false,
infoRows: computed(function() {
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 well display in the Vault usage dashboard by default.',
valueKey: 'defaultReportMonths',
},
];
}),
modalTitle: computed('model.enabled', function() {
let content = 'Turn usage tracking off?';
if (this.model.enabled === 'On') {
content = 'Turn usage tracking on?';
}
return content;
}),
save: task(function*() {
let model = this.model;
try {
yield model.save();
} catch (err) {
this.set('error', err.message);
return;
}
this.router.transitionTo('vault.cluster.metrics.config');
}).drop(),
actions: {
onSaveChanges: function(evt) {
evt.preventDefault();
const changed = this.model.changedAttributes();
if (!changed.enabled) {
this.save.perform();
return;
}
this.set('modalOpen', true);
},
},
});