Методы loading, success, error, warning, reset

Сервис состояния загрузки - сервис, через который можно управлять классом для самой верхней формы в приложении, этот класс используется semantic для отображения различных состояний формы.

Управление осуществляется путем задания соответствующего метода и класса.

Методы:

• loading - управляет загрузкой страницы
• success - отображает успешное выполнение операций
• error - управляет отображением ошибок
• warning -управляет отображением предупреждения
• reset - убирает установленный класс

Пример использования

Представлен пример для ember 3.x.

1.Добавить службу в контроллер приложения:

// app/controllers/application.js
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
export default Controller.extend({
    appState: service(),
});

2.Прописать состояние приложения в шаблоне:

<div class="ui {{appState.state}} form">
{{outlet}}
</div>

3.Использовать службу в контроллере (компоненте):

// app/controllers/my-controller.js
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

export default Controller.extend({
    appState: service(),
    actions: {
        load() {
        this.get('appState').loading();
        this.load().finally(() => {
            this.get('appState').reset();
            });
        },
    },
});

В даном случае устанавливается контроль загрузки страницы, при успешном завершении которой сервис удаляет установленные настройки.