BX.UI.StageFlow

Это расширение служит для отрисовки последовательности стадий в верхней карточке элемента.

Модель используется:

Стадии.

Класс для работы с последовательностью стадий:

BX.UI.StageFlow.Chart

Все цвета задаются в виде HEX (6 символов).

Методы

Метод	Описание	С версии
`constructor(params: {}, stages: [])`	Конструктор. params - параметры, имеют следующую структуру: `backgroundColor` - цвет фона неактивной стадии; `currentStage` - идентификатор текущей стадии; `isActive` - булевый флаг того, может ли пользователь взаимодействовать с графиком; `onStageChange` - колбэк, который вызывается при смене стадии; `labels` - список подписей, имеет структуру: `finalStageName` - название финальной стадии; `finalStagePopupTitle` - заголовок попапа выбора финальной стадии; `finalStagePopupFail` - заголовок попапа выбора финальной неуспешной стадии; `finalStageSelectorTitle` - подпись у селектора выбора конкретной финальной стадии. `stages` - массив с данными о стадиях. Каждый элемент массива должен иметь структуру: `id` - идентификатор стадии; `name` - название стадии; `isSuccess` - булевый флаг того, что стадия успешна; `isFail` - булевый флаг того, что стадия неуспешна; `color` - цвет стадии.
`setCurrentStageId(stageId: number): Chart`	Метод изменяет идентификатор текущей стадии и перерисовывает все стадии. `stageId` - идентификатор стадии
`getFinalStage(): ?Stage`	Возвращает объект финальной псевдо-стадии.
`getStages(): Map`	Возвращает все стадии.
`getFirstFailStage(): ?Stage`	Возвращает объект первой неуспешной стадии.
`getFailStages(): Array`	Возвращает массив со всеми неуспешными стадиями.
`getSuccessStage(): ?Stage`	Возвращает успешную стадию.
`getStageById(id: number): ?Stag`	Возвращает стадию по её идентификатору `id`.
`render(): Element`	Отрисовывает график стадии и возвращает DOM-элемент.
`onStageMouseHover(stage: Stage)`	Метод вызывается при наведении мыши на стадию `stage`.
`onStageMouseLeave(stage: Stage)`	Метод вызывается после перемещения курсора мыши со стадии `stage`.
`onStageClick(stage: Stage)`	Метод вызывается при клике на стадию.
`onFinalStageClick()`	Метод вызывается при клике на финальную псевдо-стадию.
`addBackLightUpToStage(stageId: number\|string = null, color: string = null)`	Метод заливает цветом `color` все стадии вплоть до стадии `stageId` включительно. `stageId`- идентификатор стадии. Если не передан, то будет использована текущая стадия; `color`- цвет. Если не передан, то будет взят цвет текущей стадии.
`getSemanticSelectorPopup(): Popup`	Метод возвращает объект попапа `BX.Main.Popup` для выбора семантики финала.
`getFinalStageSemanticSelector(isSuccess: boolean = null): Element`	Метод возвращает селектор выбора семантики стадии . `isSuccess`- если `true`, то в селекторе будет выбрана успешная семантика, иначе - неуспешная.
`getFinalStageSelectorPopup(isSuccess: boolean = false): Popup`	Метод возвращает объект попапа `BX.Main.Popup` для выбора финальной стадии.
`onSemanticSelectorClick()`	Метод вызывается при клике на селектор выбора семантики финала.
`getSelectedFinalStage(): ?Stage`	Метод возвращает выбранную в попапе финальную стадию.
`getFailStageName(): ?string`	Метод возвращает название выбранной неуспешной стадии.