# Шапка сайта

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

---

#### ****Элементы шапки и их функции****:

##### ****Значок лупы (Поиск):****

[![поиск.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/poisk.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/poisk.png)

- ****Открытие поиска:****<span style="white-space: pre-wrap;"> Нажмите на значок, чтобы открыть строку поиска.</span>
- ****Поиск информации:****<span style="white-space: pre-wrap;"> Введите нужный текст, чтобы увидеть подходящие результаты.</span>
- ****Результаты:****<span style="white-space: pre-wrap;"> Под строкой поиска появятся релевантные результаты. Нажмите на нужный, чтобы перейти на соответствующую страницу.</span>
- ****Популярные теги:****
    - Внизу строки поиска отображаются часто используемые теги (например, "Карта", "Модуль", "База знаний").
    - Выберите тег для быстрого перехода к соответствующей информации.

---

##### ****База знаний:****

[![Перейти-в-базу.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/pereiti-v-bazu.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/pereiti-v-bazu.png)

- ****Переход:****<span style="white-space: pre-wrap;"> Нажмите на ссылку, чтобы открыть страницу базы знаний.</span>

---

##### ****Глоссарий:****

[![Глоссарий_переход.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/glossarii-perexod.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/glossarii-perexod.png)

- ****Терминология:****<span style="white-space: pre-wrap;"> Нажмите на значок, чтобы открыть модальное окно с терминологией, используемой на сайте.</span>

---

##### ****Статистики:****

[![ст-ки.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/st-ki.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/st-ki.png)

- ****Просмотр данных:****<span style="white-space: pre-wrap;"> Нажмите на ссылку, чтобы перейти на страницу статистики</span>

---

##### ****Уведомления:****

[![ув-ния.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/uv-niia.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/uv-niia.png)

- ****Оповещения:****<span style="white-space: pre-wrap;"> Нажмите на значок, чтобы открыть список уведомлений</span>

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

[![модалка-уведомления.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/modalka-uvedomleniia.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/modalka-uvedomleniia.png)

- Каждое уведомление содержит:
    - ****Статус задания:****
        - Принято (зеленая галочка).
        - Отклонено (красный крест).
        - Обновление карты или модуля (сопровождается текстом).
    - ****Название модуля и карты:****
        - Ссылки, ведущие на соответствующую страницу модуля или карты.
    - ****Комментарий ментора:****
        - Если есть, отображается рядом с уведомлением.
    - ****Прогресс обучения:****
        - Общий процент завершения или изменения прогресса.
    - ****Дата и время:****
        - Указывается в нижней части каждого уведомления (например, "20 января 2025 11:59").

---

##### ****Накопленные баллы:****

[![накопленные-бвллы.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/nakoplennye-bvlly.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/nakoplennye-bvlly.png)

- ****Баланс:****<span style="white-space: pre-wrap;"> В шапке отображается количество накопленных баллов (например, "7,864").</span>
- ****Магазин:****<span style="white-space: pre-wrap;"> Нажмите на количество баллов, чтобы перейти на страницу магазина, где можно обменять их на товары.</span>

---

##### ****Аватар профиля:****

[![ава-профиль.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/ava-profil.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/ava-profil.png)

- ****Меню профиля:****
    - Нажмите на аватар, чтобы открыть меню:
        - ****Профиль:****<span style="white-space: pre-wrap;"> Переход на личную страницу пользователя.</span>
        - ****Панель администратора:****<span style="white-space: pre-wrap;"> Доступно только для администраторов.</span>
        - ****Выйти:****<span style="white-space: pre-wrap;"> Завершение сеанса.</span>

##### ****Предложить идею:****

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

[![идея.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/ideia.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/ideia.png)

****Как вызвать модальное окно:****

<span style="white-space: pre-wrap;">Нажмите на кнопку "Предложить идею" в шапке сайта. </span>****Структура модального окна:****

[![модалка-идея.png](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/modalka-ideia.png)](https://info.atmaguru.online/uploads/images/gallery/2025-01/scaled-1680-/modalka-ideia.png)

****1. Информационный блок:**** Содержит контактные данные для связи с ментором или технической поддержкой

****2. Форма отправки улучшений:****

- ****Заголовок:****
    - Поле для ввода краткого описания идеи (обязательно для заполнения).
- ****Платформа:****
    - Выпадающий список для выбора платформы, к которой относится предложение (например, веб, мобильное приложение и т.д.).
- ****Описание:****
    - Текстовое поле для детального объяснения идеи.
- ****Загрузить файл:****
    - Возможность прикрепить файл, связанный с предложением (например, скриншот или документ).

****3. Управление:****<span style="white-space: pre-wrap;"> Кнопка "Отправить" и Кнопка "Закрыть"</span>