Ghost/ghost/admin/app/components/gh-progress-bar.js
Gabriel Csapo 8d01fb5556 Switched majority of files from EmberObject to native class syntax using @classic decorator (#2227)
no issue

- ran [ember-native-class-codemod](https://github.com/ember-codemods/ember-native-class-codemod) to convert the majority of remaining EmberObject based controllers and components to native class syntax using the `@classic` decorator
- skipped older style modal components (`components/modal-*.js`) due to observed incompatibilities in some cases
2022-02-01 09:34:03 +00:00

26 lines
630 B
JavaScript

import Component from '@ember/component';
import classic from 'ember-classic-decorator';
import {htmlSafe} from '@ember/template';
import {tagName} from '@ember-decorators/component';
@classic
@tagName('')
export default class GhProgressBar extends Component {
// Public attributes
percentage = 0;
isError = false;
// Internal attributes
progressStyle = '';
didReceiveAttrs() {
super.didReceiveAttrs(...arguments);
let percentage = this.percentage;
let width = (percentage > 0) ? `${percentage}%` : '0';
this.set('progressStyle', htmlSafe(`width: ${width}`));
}
}