Update form_fields.rst

forms/form_fields.rst

@@ -136,6 +136,8 @@
 
 **Шаг 2.** Выбираем: Добавить → Базовые сущности → Справочник
 
+.. figure:: ../resources/img/create_dict.jpeg
+
 **Шаг 3.** В открывшемся окне указываем:
 
 * **Наименование справочника** (например, «Тип услуги»);
@@ -152,11 +154,15 @@
 * Наименование → status_name
 * Код → status_code
 
-При необходимости, отмечаем галочкой столбец “Перевод» если нужно добавить переводы значений.
+.. figure:: ../resources/img/dict_table.jpeg
+
+При необходимости, отмечаем галочкой столбец «Перевод» если нужно добавить переводы значений.
 
 **Шаг 5.** Сохраняем справочник
 
-Справочник создан. После сохранения рядом с кнопкой "Сохранить" появляется вкладка "Элементы". Переходим к добавлению значений в справочник
+Справочник создан. После сохранения рядом с кнопкой "Сохранить" появляется вкладка "Элементы".
+.. image:: ../resources/img/dict_elements.jpeg
+Переходим к добавлению значений в справочник
 
 Доабвление значений в справочник:
 ^^^^^^^^^^^^^^^^^^^^^^
@@ -168,6 +174,8 @@
 
 **Шаг 3.** Заполняем значения в созданных колонках
 
+.. figure:: ../resources/img/dict_final.jpeg
+
 Привязка справочника к полю на форме:
 ^^^^^^^^^^^^^^^^^^^^^^
 
@@ -179,6 +187,8 @@
 
 **Шаг 4.** В выпадающем списке выбираем созданный справочник и нажимаем «Ок»
 
+.. figure:: ../resources/img/dropdown_settings.jpeg
+
 Поле 3. Тип заявителя
 --------------------
 Для поля «Тип заявителя» мы используем компонент **«Переключатель вариантов»**. Т.к в данном случае предполагается использование компонента, позволяющее выбрать только один возможный вариант.
@@ -197,6 +207,8 @@
 
 * задаём соответствующее значение (код, может быть как числовым так и буквенным).
 
+.. figure:: ../resources/img/type_of_applicant_example.jpeg
+
 **Шаг 5.** После указания всех необходимых значений нажимаем «ОК».
 
 Поля 4,5,6,7,8,9: «БИН организации», «ИИН индивидуального предпринимателя», «Наименование организации или индивидуального предпринимателя», «ФИО Руководителя организации», «Номер телефона», «Адрес электронной почты»
@@ -243,7 +255,11 @@
 
 **Шаг 1.** В настройках компонента включаем галочку **«Маска ввода»**
 
-**Шаг 2.** В октрывшемся поле открываем настройки маски ввода
+.. figure:: ../resources/img/input_mask.jpeg
+
+**Шаг 2.** В октрывшемся поле открываем настройки маски ввода кликнув по иконке настроек 
+
+.. image:: ../resources/img/input_mask_icon.jpeg
 
 **Шаг 3.** В таблице с настройками для задания формата 12-значного числового значения используем маску ############. 
 
@@ -252,6 +268,7 @@
  * Ввести вручную
  * Кликом по строке в предложенной таблице
 
+.. figure:: ../resources/img/input_mask_settings.jpeg
 
 2. Формат поля **"Номер телефона"**
 
@@ -273,12 +290,18 @@
 
 **Шаг 1.** Включаем настройку «Маска ввода».
 
-**Шаг 2.** После этого становится доступна дополнительная галочка **Регулярное выражение* - отмечаем её
+**Шаг 2.** После этого становится доступна дополнительная галочка **Регулярное выражение** - отмечаем её
+
+.. figure:: ../resources/img/regular_expression.jpeg
+
+**Шаг 3.** Нажимаем на иконку настроек в поле **Маска ввода** 
 
-**Шаг 3.** Нажимаем на иконку настроек уже в октрывшемся поле **Регулярное выражения**
+.. image:: ../resources/img/input_mask_icon.jpeg
 
 **Шаг 4.** В открывшемся окне выбираем готовый шаблон формата e-mail из списка доступных регулярных выражений.
 
+.. figure:: ../resources/img/regex_settings.jpeg
+
 **Шаг 5.** Нажимаем "Ок"
 
 .. note::
@@ -313,10 +336,10 @@
 
 .. admonition:: Компонент **«Многострочный текст»** предназначен для работы с большим объёмом текста и содержит следующие настройки:
 
- * Обязательное поле — делает поле обязательным для заполнения.
- * Заблокировать от изменений пользователем — запрещает редактирование поля пользователем в режиме изменения заявки.
- * Шифровать данные — шифрует введенные значения.
- * Не удалять пробелы в начале строки — позволяет сохранить форматирование текста и структуру абзацев, не объединяя текст в одну сплошную строку.
+ * **Обязательное поле** — делает поле обязательным для заполнения.
+ * **Заблокировать от изменений пользователем** — запрещает редактирование поля пользователем в режиме изменения заявки.
+ * **Шифровать данные** — шифрует введенные значения.
+ * **Не удалять пробелы в начале строки** — позволяет сохранить форматирование текста и структуру абзацев, не объединяя текст в одну сплошную строку.
 
 Поле 14. Способ связи
 --------------------
@@ -327,7 +350,7 @@
 
 Для реализации такого поведения используется компонент **«Выбор вариантов»**.
 
-**Шаг 1.** Рядом с названием поля «Способ связи» добавляем компонент "Выбор вариантов"
+**Шаг 1.** Рядом с названием поля «Способ связи» добавляем компонент **"Выбор вариантов"**
 
 **Шаг 2.** Кликаем по компоненту и переходим в его свойства
 
@@ -346,6 +369,8 @@
 
 * задаём значение (код, буквенный или числовой).
 
+.. figure:: ../resources/img/checkbox_settings.jpeg
+
 **Шаг 6.** После указания всех необходимых вариантов нажимаем «ОК».
 
 .. note::
@@ -389,6 +414,8 @@
 * **«Открывать выбор файла с устройства»**,
 так как у пользователей будет остуствовать доступ к хранилищу.
 
+.. figure:: ../resources/img/dynamic_table.jpeg
+
 **Шаг 7.** В настройке **«Расширенные форматы файлов»** указываем допустимые форматы:
 
 * DOCX