====== Формирование пользовательского интерфейса ======

Для формирования пользовательского интерфейса используется схематичное расположение элементов управления (кнопок) на некоторой области. Сами области фиксированы, и их взаимное расположение заранее задано разработчиками ПО.


===== Виды элементов управления. =====

==== Кнопка ====
Описывается текстом, ограниченным квадратными скобками слева и справа. Имеет три свойства (слева направо), разделённые символом ";":
  * Функция
  * Текст для отображения на экране
  * Цвет

Функции, которые могут быть использованы при программировании интерфейса, определены заранее разработчиками. Их доступность конкретному пользователю определяется [[кассир_а:настройки:справочники:наборы_прав|набором прав]] заданных в его профиле. Перечень функций и необходимых прав для их использования приведен на странице «[[кассир_а:настройки:все_функции_форм|Функции пользовательского интерфейса]]».

Текст задаётся таким, чтобы уместился на кнопке и был читаем пользователем.

Цвет может принимать одно из следующих значений:
  * Ч - чёрный
  * З - зелёный
  * С - синий
  * Ф - фиолетовый
  * Ж - жёлтый
  * К - красный

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

Число строк в текстовой настройке будет равно числу рядов кнопок.

Пример:
<code>
[КОД;         Код;         З][ШК;          ШК;          З][Х;           Х;           З]
[7;           7;           С][8;           8;           С][9;           9;           С]
[4;           4;           С][5;           5;           С][6;           6;           С]
[1;           1;           С][2;           2;           С][3;           3;           С]
[0;           0;           С][ТОЧКА;       .;           С][00;          00;          С]
[СТЕРЕТЬ;     С;           Ф][УДАЛИТЬ;     DEL;         Ф][УДАЛИТЬ;     DEL;         Ф]
[ОПЛАТА;      ОПЛАТА;      К][ОПЛАТА;      ОПЛАТА;      К][ОПЛАТА;      ОПЛАТА;      К]
</code>
В данном примере будет создано 7 строк с кнопками.
Первая строка: Зелёные кнопки: Код, Штрихкод, Количество.
Строки 2-5: Синие цифровые кнопки (0 - 9, точка, 00)
Строка 6: Фиолетовые Стереть и Удалить. Кнопка Удалить будет двойной ширины, поскольку продублирована.
Строка 7: Красная кнопка Оплата во всю ширину области.

==== Элемент меню ====
Заголовок меню определяется текстом, ограниченным фигурными скобками слева и справа.

Позиции меню определяются перечнем кнопок, задаваемых после заголовка

==== Колонка состава чека ====
Описывается текстом, ограниченным круглыми скобками слева и справа. Имеет свойства, которые разделёны символом ";":
  * Имя реквизита;
  * Текст для отображения в чеке;
  * Ширина текста в строке (код «Ш»);
  * Расположение текста по строкам (Код «П»);
  * Начертание текста.

Имя реквизита и текст в чеке должны задаваться первыми. Остальные свойства могут вставляться в произвольном порядке, либо не задаваться.\\
Имена реквизитов определены заранее разработчиками. В приложении зарезервированы [[кассир_а:настройки:все_реквизиты_чека|следующие значения имен реквизитов чека]].

Цифра после кода «Ш» определяет пропорцию размера строки данного текста относительно всей строки. Например, если в строке 2 колонки с шириной «Ш1» и «Ш4», то первая колонка будет занимать 1/5 общей ширины, а вторая - 4/5. Если в строке 4 колонки одинаковой ширины, можно задать четыре одинаковых кодов «Ш1», либо «Ш2», либо «Ш3» и.т.д.

Коды «П1» и «П2» используются для расположения информации в две строки. Текст с кодом «П1» размещается слева от поля ввода, тексты с кодом «П2» размещается под полем ввода.

Для выделения текста полужирным начертанием следует добавить свойство «Жирный».

Пример:
<code>
(НОМЕР;         N;            Ш1;  П1;  ЖИРНЫЙ)
(НАИМЕНОВАНИЕ;  ;             Ш9;  П1)
(КОД;           Код;          Ш3;  П2)
(ШК;            ШК;           Ш3;  П2)
(КОЛИЧЕСТВО;    Кол;          Ш3;  П2)
(ЦЕНА;          Цена;         Ш3;  П2)
(СУММА;         Сумма;        Ш3;  П2;  ЖИРНЫЙ)
</code>

В данном примере будет создано 2 строки:
  * в первой строке выводится номер позиции чека и наименование товара – номер выделяется полужирным начертанием, наименование занимает 9/10 размера строки;
  * во второй строке выводятся пять одинаковых по ширине колонок, причем итоговая стоимость покупки выделяется полужирным начертанием.