mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 14:03:48 +03:00
8d01fb5556
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
26 lines
630 B
JavaScript
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}`));
|
|
}
|
|
}
|