Отображение название элемента приложения в заголовке формы редактирования

Всем привет!

Хочу рассказать про небольшую, но полезную фичу, которую я добавил в форму редактирования элементов приложения.

Проблема:
При редактировании элемента в заголовке формы отображается название элемента из настроек приложения, а не значение поля __name. Это неудобно - пользователь ожидает видеть именно имя редактируемого элемента.

Решение
1. В контексте формы редактирования создаём переменную form_id, в которой будем хранить класс, однозначно идентифицирующий текущую форму.
2. Привязываем эту переменную к классу модального окна нашей формы редактирования.
3. Добавляем следующий код, который подставляет имя из поля __name в заголовок формы.

Код:

declare const document: any
//фукнция на инициализации формы
async function onInit(): Promise<void> {
    ViewContext.data.form_id = `id-${Context.data.__id}`
}
//фукнция на окончании орисовки формы
async function endInit(): Promise<void> {
    //получаем текущую форму
    const curr_form = document.querySelector(`.${ViewContext.data.form_id}`);
    if(!curr_form) return
    //получаем элемент заголовка
    const title = curr_form.querySelector('.maintitle')
    //формируем название
    if(title) title.textContent = `Редактировать ${Context.data.__name}`
}