Демка · 7 сентября 2026

Angular / Ionic

Расписание, фильтры и формы редактирования. На десктопе приложение открывается в рамке телефона, на мобильном — на весь экран. Данные тестовые, сервер расписаний не подключён.

Демка ↗Документация →Исходники ↗

В репозитории есть исходный снимок от 1 мая 2024; начало разработки этим не установлено. Демо: 7 сентября 2026.Версия 71ea9d0d13 кадров интерфейса

01 / Задача

Расписание и таблицы на Angular / Ionic

Запись выбирается из таблицы и редактируется в форме. При отмене исходная запись должна остаться как была. После переходов Ionic таблице нужно пересчитать размеры.

Сценарий: Работа с расписанием и учётными записями в таблицах.

Что делал

Оболочка телефона, экран входа и синхронизация адреса с iframe.
Пересчёт размеров таблицы после переходов Ionic.
Фильтры, формы, статусы и мобильная вёрстка.
Правки ID и повторного добавления записей. Отдельный демо-вход и тестовый набор данных.

Скриншоты

Экраны, формы, ошибки

Скриншоты, схемы и исходные материалы сохранены на языке оригинала; подписи и описание переведены.

02 / Технологии

Что использовано

Angular 17

Компоненты страниц, формы, маршрутизация и состояние.

Ionic 7

Навигация, элементы управления, модальные формы и адаптивный интерфейс.

SlickGrid

Табличное представление и операции со строками.

03 / Решения

Как устроен проект

Синтетические записи покрывают демонстрируемые поля, а не заменяют таблицу пустым макетом.
Форма редактирует черновик; отмена не должна менять исходную запись.
Изменения остаются внутри браузерной сессии; серверный API расписаний в публичное демо не подключён.

04 / Проверка

Сценарии демки

Войдите test / test и откройте расписание.
Отфильтруйте записи, переключите статусы и сравните представления.
Добавьте запись, проверьте обязательные поля, откройте редактирование и отмените изменение.
Проверьте мобильный вид и сброс исходного набора.

Результаты проверок

Сохранено 13 содержательных кадров фактического интерфейса.
Дата, сценарий и версия указаны у каждого кадра.
Отдельного backend-процесса на VPS нет: Nginx раздаёт статику. Ресурсы общего Nginx нельзя честно приписать одному сайту.
Измерено 6 повторений сценария; медиана 2390.0 мс, максимум 3282 мс. Время включает браузер и HTTPS; методика и ограничения приложены.

Ограничения

Демонстрационный вход test / test не является системой аутентификации.
180 синтетических лабораторных записей и четыре BCP-примера не являются рабочими данными.
Нереализованные разделы не включены в маршрут демонстрации. Число добавляемых строк ограничено 500.

Технические заметки

Модули, API, схема данных, запуск и результаты проверок.

Документация →Материалы ↓