1. Для создания нового приложения необходимо выбрать пункт меню "Создать"
.. figure:: 1.png
Открывается окно свойств приложения
2. В появившемся окне необходимо указать:
* Название - будет отображаться на верхней панели, при работе с приложением и в списке при выборе пункта меню "Открыть приложение"
* Код - уникальный код приложения. Может содержать латинские буквы, цифры и символ "_" (нижнее подчеркивание)
* URL - уникальный адрес, по которому можно будет открыть приложение.
* Поставить галочку "Требуется авторизация" или указать логин и пароль для пользователя по умолчанию.
3. Выделить корневую папку root, нажать на "+" и добавить поочередно страницы с названиями "Авторизация" и "Главная". При создании нужно указать свойства для каждой страницы:
.. figure:: 2.png
Окно создания страницы "Авторизация"
* Название страницы - отображается в общем дереве страниц
* Код страницы - используется для настройки переходов между страницами приложения, а также для указания страницы в скриптах приложения
* Флаг “Требуется авторизация” регулирует, может ли пользователь видеть текущую страницу, не будучи авторизованным.
* Свойства URL и Путь в текущей версии не используются, но обязательны для заполнения. В качестве временного решения предлагаем копировать в эти поля код страницы.
* Таблица “Принимаемые параметры”
3. В корневой папке root в разделе "Страницы" необходимо создать страницу и указать
4. Затем можно приступать к оформлению каждой страницы.
**Страница авторизации**
Для начала нужно указать, что эта страница является стартовой для приложения и является страницей авторизации. Для этого нужно кликнуть правой кнопкой по названию в блоке "Страницы":
.. figure:: 4.png
Окно свойств страницы
Сама страница открывается двойным кликом по названию или иконке в блоке "Страницы".
По умолчанию каждая страница содержит компонент ``root-panel`` - панель, в которой будут содержаться все остальные компоненты страницы.
Перед тем, как добавлять на страницу новый компонент, необходимо выделить панель, на которой он будет расположен, кликом левой кнопкой мыши. После этого справа отобразится блок свойств выделенной панели, а в верхней части (выше панели вкладок) будут расположены кнопки управления компонентами:
.. figure:: 5.png
Открывается окно свойств приложения
Добавим на ``root-panel`` компонент "Панель" - это будет наше окно авторизации. Укажем компоненту выравнивание - по центру.
Выделив только что созданную панель, добавим в нее еще 3 панели:
.. figure:: 7.png
Создание панелей для окна авторизации
* В верхнюю из добавленных 3 панелей добавляем компонент - Надпись, в Свойствах указываем текст надписи - "Авторизация"
* В среднюю добавим 2 компонента "Поле для ввода" - для логина и пароля. Выбираем иконки и прописываем текст для плейсхолдера
* В нижнюю добавим компонент "Кнопка" с текстом "Войти"
