Ghost-Admin/app/components/gh-editor-post-status.js

import Component from '@ember/component';
import Ember from 'ember';
import {computed} from '@ember/object';
import {reads} from '@ember/object/computed';
import {task, timeout} from 'ember-concurrency';

const {testing} = Ember;

// TODO: reduce when in testing mode
const SAVE_TIMEOUT_MS = testing ? 0 : 3000;

export default Component.extend({
    post: null,
    isNew: reads('post.isNew'),
    isScheduled: reads('post.isScheduled'),
    isSaving: false,

    'data-test-editor-post-status': true,

    _isSaving: false,

    isPublished: computed('post.{isPublished,pastScheduledTime}', function () {
        let isPublished = this.get('post.isPublished');
        let pastScheduledTime = this.get('post.pastScheduledTime');

        return isPublished || pastScheduledTime;
    }),

    // isSaving will only be true briefly whilst the post is saving,
    // we want to ensure that the "Saving..." message is shown for at least
    // a few seconds so that it's noticeable
    didReceiveAttrs() {
        if (this.get('isSaving')) {
            this.get('showSavingMessage').perform();
        }
    },

    showSavingMessage: task(function* () {
        this.set('_isSaving', true);
        yield timeout(SAVE_TIMEOUT_MS);
        this.set('_isSaving', false);
    }).drop()
});