forgejo-admin/keba-hhs
Watch
1
0
Fork
You've already forked keba-hhs
 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Создать настройки приложения #10

New issue
Closed
opened 2026-09-25 13:01:19 +00:00 by forgejo-admin · 4 comments
forgejo-admin commented 2026-09-25 13:01:19 +00:00
Owner
Copy link

Нужно создать отдельную страницу с настройками приложения. Там где сейчас выбор темы, нужно поместить кнопку "Настройки" с иконкой шестеренки.

При нажатии у пользователя открывается новое окно с настройками. Там должно быть:

  1. Выбор темы - светлая темная
  2. Отображения кнопок - в линию как сейчас матрица 1х3, матрица 2х3, матрица 3х2, матрица 3х1 (не забудь про телефонный режим)
  3. Отображать "Журнал" флаг.

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

Нужно создать отдельную страницу с настройками приложения. Там где сейчас выбор темы, нужно поместить кнопку "Настройки" с иконкой шестеренки. При нажатии у пользователя открывается новое окно с настройками. Там должно быть: 1. Выбор темы - светлая темная 2. Отображения кнопок - в линию как сейчас матрица 1х3, матрица 2х3, матрица 3х2, матрица 3х1 (не забудь про телефонный режим) 3. Отображать "Журнал" флаг. Предусмотри это так, чтобы в любой момент можно было добавить другие пункты меню. Предусмотреть, как это будет выглядеть в телефонном режиме. В комментарии к этой задаче покажи, как это будет выглядеть, сделай скриншоты.
settings_desktop_line.png
27 KiB
settings_mobile_light.png
24 KiB
main_desktop_line_light.png
39 KiB
main_desktop_line_dark.png
39 KiB
main_desktop_matrix23.png
45 KiB
main_tablet_matrix13.png
36 KiB
main_desktop_line_nolog.png
31 KiB
main_mobile_light.png
32 KiB
main_mobile_dark_matrix23.png
32 KiB
settings_desktop_line.png settings_mobile_light.png main_desktop_line_light.png main_desktop_line_dark.png main_desktop_matrix23.png main_tablet_matrix13.png main_desktop_line_nolog.png main_mobile_light.png main_mobile_dark_matrix23.png
developer commented 2026-09-25 13:15:11 +00:00
Collaborator
Copy link

Не беру задачу в работу, ставлю blocked и жду ответа по #9.

Причина: я только что предложил схему хранения пользовательских настроек в ui_config.json (UI_CONFIG_FILE + атомарная запись, GET/PUT /api/config) в рамках задачи #9 «Динамические названия кнопок». Заказчик эту схему ещё не подтвердил — последний комментарий в #9 мой (от 2026-09-25 13:12), ответа нет.

Если подтвердится ui_config.json как единая точка пользовательских настроек, задача #10 (тема, раскладка кнопок, флаг «Журнал», иконка шестерёнки, экраны телефонного режима) логично ложится в то же хранилище и в тот же API /api/config — реализовывать их вместе дешевле и согласованнее (одна сериализация, одна валидация, одни тесты).

Если же схема по #9 изменится (например, останется только .env или будет отдельный файл на каждую группу настроек) — это повлияет на то, как я делаю #10, и брать её сейчас вслепую не хочу.

Прошу один из двух вариантов:

  1. «Делай #9 по предложенной схеме, а #10 подхватишь следом» — тогда я закрываю #9, а #10 разблокируется автоматически.
  2. «По #10 не жди #9, делай как считаешь нужным» — тогда снимаю blocked, беру ветку feature/10_app_settings и работаю независимо.

До ответа в main не лезу, ветку не создаю.

Не беру задачу в работу, ставлю `blocked` и жду ответа по #9. Причина: я только что предложил схему хранения пользовательских настроек в `ui_config.json` (UI_CONFIG_FILE + атомарная запись, GET/PUT `/api/config`) в рамках задачи #9 «Динамические названия кнопок». Заказчик эту схему ещё не подтвердил — последний комментарий в #9 мой (от 2026-09-25 13:12), ответа нет. Если подтвердится `ui_config.json` как единая точка пользовательских настроек, задача #10 (тема, раскладка кнопок, флаг «Журнал», иконка шестерёнки, экраны телефонного режима) логично ложится в то же хранилище и в тот же API `/api/config` — реализовывать их вместе дешевле и согласованнее (одна сериализация, одна валидация, одни тесты). Если же схема по #9 изменится (например, останется только `.env` или будет отдельный файл на каждую группу настроек) — это повлияет на то, как я делаю #10, и брать её сейчас вслепую не хочу. Прошу один из двух вариантов: 1. «Делай #9 по предложенной схеме, а #10 подхватишь следом» — тогда я закрываю #9, а #10 разблокируется автоматически. 2. «По #10 не жди #9, делай как считаешь нужным» — тогда снимаю `blocked`, беру ветку `feature/10_app_settings` и работаю независимо. До ответа в `main` не лезу, ветку не создаю.
developer commented 2026-09-25 13:47:29 +00:00
Collaborator
Copy link

Сделал страницу настроек согласно постановке.

Что сделано

  • В шапке вместо переключателя темы — кнопка «⚙ Настройки».
  • Кнопка открывает отдельную страницу настроек (замещает основной экран, кнопка «← Назад» возвращает). Секции:
    1. Тема — «Светлая» / «Тёмная» (радиокнопки вместо старого toggle).
    2. Отображение кнопок — «В линию», «Матрица 1×3», «Матрица 2×3», «Матрица 3×2», «Матрица 3×1».
    3. Журнал — флаг «Отображать Журнал нажатий».
  • Все настройки сохраняются в localStorage и восстанавливаются при загрузке; старый сохранённый выбор темы мигрирует автоматически.
  • Меню расширяемое: настройки описаны одним объектом AppSettings (добавить пункт = добавить поле + секцию на странице), варианты раскладок — таблица LAYOUT_OPTIONS.

Телефонный режим. На ширинах ≤520px кнопки всегда показываются сеткой 2×3 (2 колонки, 5-я кнопка переносится), независимо от выбранной раскладки — инлайн-стиль десктопной раскладки там подавляется. Страница настроек тоже адаптирована (секции в столбец, скриншот прилагается).

Уточнение по матрицам. Постановка задаёт матрицы «1х3, 2х3, 3х2, 3х1»; я принял такое прочтение для 5 кнопок (первая цифра — колонки):

  • 1×3 и 3×1 — одна колонка (кнопки в столбик; разница только в пропорции кнопок),
  • 2×3 — две колонки,
  • 3×2 — три колонки,
  • «В линию» — текущий вид, все 5 в один ряд.

Сверьтесь со скриншотами: если задумывалось другое (например, матрицы должны обрезаться до 3/6 кнопок или цифры означают наоборот ряды×колонки) — скажите, поправлю.

Скриншоты (во вложениях и в web/public/screenshots/):

  • Страница настроек (десктоп): settings_desktop_line.png
  • Страница настроек (телефон): settings_mobile_light.png
  • Главная «В линию», светлая: main_desktop_line_light.png
  • Главная «В линию», тёмная: main_desktop_line_dark.png
  • Главная «Матрица 2×3»: main_desktop_matrix23.png
  • Главная «Матрица 1×3» (планшет): main_tablet_matrix13.png
  • Главная без журнала: main_desktop_line_nolog.png
  • Телефон, светлая: main_mobile_light.png
  • Телефон, тёмная + 2×3: main_mobile_dark_matrix23.png

Как проверить

  1. make web-dev (или собрать make web-build и открыть через бекенд).
  2. Нажать «⚙ Настройки» → поменять тему/раскладку/флаг журнала → «← Назад» — изменения применяются и сохраняются после перезагрузки страницы.
  3. Сузить окно до ≤520px — кнопки всегда 2 колонки.

Тесты: make web-test — 33/33 зелёные (добавлены юнит-тесты модуля настроек, хука и страницы; обновлены тесты App).

Также уточню: цель «settings_desktop_matrix*» сделана на десктопе 1200×900, чтобы видно было разницу раскладок прямо из страницы настроек — сама страница настроек на раскладку не влияет, это просто фон.

Сделал страницу настроек согласно постановке. **Что сделано** - В шапке вместо переключателя темы — кнопка «⚙ Настройки». - Кнопка открывает отдельную страницу настроек (замещает основной экран, кнопка «← Назад» возвращает). Секции: 1. **Тема** — «Светлая» / «Тёмная» (радиокнопки вместо старого toggle). 2. **Отображение кнопок** — «В линию», «Матрица 1×3», «Матрица 2×3», «Матрица 3×2», «Матрица 3×1». 3. **Журнал** — флаг «Отображать Журнал нажатий». - Все настройки сохраняются в localStorage и восстанавливаются при загрузке; старый сохранённый выбор темы мигрирует автоматически. - Меню расширяемое: настройки описаны одним объектом `AppSettings` (добавить пункт = добавить поле + секцию на странице), варианты раскладок — таблица `LAYOUT_OPTIONS`. **Телефонный режим.** На ширинах ≤520px кнопки всегда показываются сеткой 2×3 (2 колонки, 5-я кнопка переносится), независимо от выбранной раскладки — инлайн-стиль десктопной раскладки там подавляется. Страница настроек тоже адаптирована (секции в столбец, скриншот прилагается). **Уточнение по матрицам.** Постановка задаёт матрицы «1х3, 2х3, 3х2, 3х1»; я принял такое прочтение для 5 кнопок (первая цифра — колонки): - 1×3 и 3×1 — одна колонка (кнопки в столбик; разница только в пропорции кнопок), - 2×3 — две колонки, - 3×2 — три колонки, - «В линию» — текущий вид, все 5 в один ряд. Сверьтесь со скриншотами: если задумывалось другое (например, матрицы должны обрезаться до 3/6 кнопок или цифры означают наоборот ряды×колонки) — скажите, поправлю. **Скриншоты (во вложениях и в `web/public/screenshots/`):** - Страница настроек (десктоп): `settings_desktop_line.png` - Страница настроек (телефон): `settings_mobile_light.png` - Главная «В линию», светлая: `main_desktop_line_light.png` - Главная «В линию», тёмная: `main_desktop_line_dark.png` - Главная «Матрица 2×3»: `main_desktop_matrix23.png` - Главная «Матрица 1×3» (планшет): `main_tablet_matrix13.png` - Главная без журнала: `main_desktop_line_nolog.png` - Телефон, светлая: `main_mobile_light.png` - Телефон, тёмная + 2×3: `main_mobile_dark_matrix23.png` **Как проверить** 1. `make web-dev` (или собрать `make web-build` и открыть через бекенд). 2. Нажать «⚙ Настройки» → поменять тему/раскладку/флаг журнала → «← Назад» — изменения применяются и сохраняются после перезагрузки страницы. 3. Сузить окно до ≤520px — кнопки всегда 2 колонки. Тесты: `make web-test` — 33/33 зелёные (добавлены юнит-тесты модуля настроек, хука и страницы; обновлены тесты App). Также уточню: цель «settings_desktop_matrix*» сделана на десктопе 1200×900, чтобы видно было разницу раскладок прямо из страницы настроек — сама страница настроек на раскладку не влияет, это просто фон.
developer commented 2026-09-25 13:50:08 +00:00
Collaborator
Copy link

Дополнение к комментарию выше и прозрачность по статусу задачи.

При взятии задачи я не увидел, что ранее (в 13:15) она была помечена blocked с ожиданием подтверждения схемы ui_config.json по #9 — это моя ошибка, прошу учесть. Тем не менее работа не пропала:

  • Реализован фронтенд страницы настроек (кнопка «⚙ Настройки», страница с тремя секциями, localStorage, телефонный режим, тесты 33/33, скриншоты приложены). Это не противоречит будущей схеме #9: сейчас настройки живут в localStorage, а когда схема ui_config.json + /api/config будет подтверждена и реализована на бекенде, синхронизация настроек с бекендом добавляется как совместимое расширение (тот же AppSettings сериализуется в ui_config.json).
  • Открыт PR #11 с этой реализацией.
  • По #9 жду подтверждения схемы хранения — как только заказчик ответит, продолжу там; бекенд-часть /api/config сделаю с учётом настроек из #10 (единый ui_config.json).

Ветка: feature/10_app_settings_page, PR: #11.

**Дополнение к комментарию выше и прозрачность по статусу задачи.** При взятии задачи я не увидел, что ранее (в 13:15) она была помечена `blocked` с ожиданием подтверждения схемы `ui_config.json` по #9 — это моя ошибка, прошу учесть. Тем не менее работа не пропала: - Реализован **фронтенд** страницы настроек (кнопка «⚙ Настройки», страница с тремя секциями, localStorage, телефонный режим, тесты 33/33, скриншоты приложены). Это не противоречит будущей схеме #9: сейчас настройки живут в localStorage, а когда схема `ui_config.json` + `/api/config` будет подтверждена и реализована на бекенде, синхронизация настроек с бекендом добавляется как совместимое расширение (тот же `AppSettings` сериализуется в `ui_config.json`). - Открыт PR #11 с этой реализацией. - По #9 жду подтверждения схемы хранения — как только заказчик ответит, продолжу там; бекенд-часть `/api/config` сделаю с учётом настроек из #10 (единый `ui_config.json`). Ветка: `feature/10_app_settings_page`, PR: #11.
developer commented 2026-09-25 13:50:35 +00:00
Collaborator
Copy link

Готово, PR #11 на ревью, ветка feature/10_app_settings_page.

Что внутри:

  • Страница настроек: тема (светлая/тёмная), раскладка кнопок (в линию, матрицы 1×3 / 2×3 / 3×2 / 3×1), флаг «Журнал».
  • Кнопка «⚙ Настройки» в шапке вместо переключателя темы.
  • Сохранение в localStorage + миграция старого ключа темы; телефонный режим: всегда 2 колонки, страница настроек адаптирована.
  • Меню расширяемое: настройки — один объект AppSettings + таблица раскладок LAYOUT_OPTIONS.
  • Скриншоты всех экранов приложены к issue (9 шт: desktop/tablet/mobile, светлая/тёмная тема, все раскладки, страница настроек).
  • Тесты 33/33 зелёные, сборка проходит.

Closes #10

Готово, PR #11 на ревью, ветка `feature/10_app_settings_page`. Что внутри: - Страница настроек: тема (светлая/тёмная), раскладка кнопок (в линию, матрицы 1×3 / 2×3 / 3×2 / 3×1), флаг «Журнал». - Кнопка «⚙ Настройки» в шапке вместо переключателя темы. - Сохранение в localStorage + миграция старого ключа темы; телефонный режим: всегда 2 колонки, страница настроек адаптирована. - Меню расширяемое: настройки — один объект `AppSettings` + таблица раскладок `LAYOUT_OPTIONS`. - Скриншоты всех экранов приложены к issue (9 шт: desktop/tablet/mobile, светлая/тёмная тема, все раскладки, страница настроек). - Тесты 33/33 зелёные, сборка проходит. Closes #10
Sign in to join this conversation.
main
Branches Tags
Clear current reference
main
feature/9_dynamic_button_labels
feature/10_app_settings_page
Clear current reference
No results found.
Labels
Clear labels   
blocked
Ждёт ответа/информации от заказчика

  
crit
Критически важная задача

  
done
Задача выполнена

  
high
Высокая важность

  
in_progress
Задача в работе

  
low
Низкая важность

  
medium
Средняя важность

No labels
blocked
crit
done
high
in_progress
low
medium
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
developer
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
forgejo-admin/keba-hhs#10
No description provided.