Ghost/ghost/admin/app/components/gh-progress-bar.js

import Component from '@ember/component';
import {htmlSafe} from '@ember/string';

export default Component.extend({
    tagName: '',

    // Public attributes
    percentage: 0,
    isError: false,

    // Internal attributes
    progressStyle: '',

    didReceiveAttrs() {
        this._super(...arguments);

        let percentage = this.percentage;
        let width = (percentage > 0) ? `${percentage}%` : '0';

        this.set('progressStyle', htmlSafe(`width: ${width}`));
    }

});
Switched from ember-cli-shims to new module imports (#779) no issue - add eslint-plugin-ember, configure no-old-shims rule - run `eslint --fix` on `app`, `lib`, `mirage`, and `tests` to move imports to the new module imports - further cleanup of Ember globals usage - remove event-dispatcher initializer now that `canDispatchToEventManager` is deprecated 2017-08-22 10:53:26 +03:00			`import Component from '@ember/component';`
			`import {htmlSafe} from '@ember/string';`
SimpleMDE editor (#682) no issue * move "save on first change" behaviour into editor controller * allow TAB events to be specified in keyEvents hash of gh-input * replace mobiledoc-kit/gh-koenig with a SimpleMDE based editor - remove `gh-koenig` in-repo-addon from `package.json` so that test files etc aren't loaded - remove `mobiledoc-kit` dependencies - extends `gh-editor` to handle file drag/drop - adds `gh-uploader` and `gh-progress-bar` components to handle file uploads in a more composable manner - adds `gh-simplemde` component that wraps SimpleMDE 2017-05-08 13:35:42 +03:00
			`export default Component.extend({`
			`tagName: '',`

			`// Public attributes`
			`percentage: 0,`
			`isError: false,`

			`// Internal attributes`
			`progressStyle: '',`

			`didReceiveAttrs() {`
			`this._super(...arguments);`

Refactored usage of `.get('property')` with es5 getters no issue - ran [es5-getter-ember-codemod](https://github.com/rondale-sc/es5-getter-ember-codemod) - [es5 getters RFC](https://github.com/emberjs/rfcs/blob/master/text/0281-es5-getters.md) - updates the majority of `object.get('property')` with `object.property` with exceptions: - `.get('nested.property')` - it's not possible to determine if this is relying on "safe" path chaining for when `nested` doesn't exist - `.get('config.x')` and `.get('settings.x')` - both our `config` and `settings` services are proxy objects which do not support es5 getters - this PR is not exhaustive, there are still a number of places where `.get('service.foo')` and similar could be replaced but it gets us a long way there in a quick and automated fashion 2019-03-06 16:53:54 +03:00			`let percentage = this.percentage;`
SimpleMDE editor (#682) no issue * move "save on first change" behaviour into editor controller * allow TAB events to be specified in keyEvents hash of gh-input * replace mobiledoc-kit/gh-koenig with a SimpleMDE based editor - remove `gh-koenig` in-repo-addon from `package.json` so that test files etc aren't loaded - remove `mobiledoc-kit` dependencies - extends `gh-editor` to handle file drag/drop - adds `gh-uploader` and `gh-progress-bar` components to handle file uploads in a more composable manner - adds `gh-simplemde` component that wraps SimpleMDE 2017-05-08 13:35:42 +03:00			let width = (percentage > 0) ? `${percentage}%` : '0';

			this.set('progressStyle', htmlSafe(`width: ${width}`));
			`}`

			`});`