open-nomad/ui/app/components/das/recommendation-accordion.js
2023-04-10 15:36:59 +00:00

58 lines
1.4 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
import { task, timeout } from 'ember-concurrency';
import { htmlSafe } from '@ember/template';
import Ember from 'ember';
import ResourcesDiffs from 'nomad-ui/utils/resources-diffs';
export default class DasRecommendationAccordionComponent extends Component {
@tracked waitingToProceed = false;
@tracked closing = false;
@tracked animationContainerStyle = htmlSafe('');
@(task(function* () {
this.closing = true;
this.animationContainerStyle = htmlSafe(
`height: ${this.accordionElement.clientHeight}px`
);
yield timeout(10);
this.animationContainerStyle = htmlSafe('height: 0px');
// The 450ms for the animation to complete, set in CSS as $timing-slow
yield timeout(Ember.testing ? 0 : 450);
this.waitingToProceed = false;
}).drop())
proceed;
@action
inserted(element) {
this.accordionElement = element;
this.waitingToProceed = true;
}
get show() {
return !this.args.summary.isProcessed || this.waitingToProceed;
}
get diffs() {
const summary = this.args.summary;
const taskGroup = summary.taskGroup;
return new ResourcesDiffs(
taskGroup,
taskGroup.count,
this.args.summary.recommendations,
this.args.summary.excludedRecommendations
);
}
}