# Аналитика. Страница создания виджета.

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-11/scaled-1680-/vwsimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-11/vwsimage.png)

## 1. Параметры экранной формы

<div class="wiki-content group" id="bkmrk-%D0%9F%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80-%D0%97%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-%D0%9E%D1%82"><div class="wiki-content group"><div class="table-wrap"><table class="wrapped confluenceTable" style="width: 86.1682%; height: 238.375px;"><colgroup><col style="width: 47.7304%;"></col><col style="width: 52.2696%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><th class="confluenceTh" style="height: 29.7969px;">**Параметр**</th><th class="confluenceTh" style="height: 29.7969px;">**Значение**</th></tr><tr style="height: 29.7969px;"><th class="confluenceTh align-left" style="height: 29.7969px;">Открывается из</th><td class="confluenceTd" style="height: 29.7969px;">Меню → Мониторинг →![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/CLCimage.png) **[Аналитика](https://wiki.wellink.ru/books/rukovodstvo-polzovatelia/page/analitika-stranica-razdela)** → Кнопка: ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-08/scaled-1680-/9p7image.png)</td></tr><tr style="height: 29.7969px;"><th class="confluenceTh align-left" style="height: 29.7969px;">Тип экранной формы</th><td class="confluenceTd" style="height: 29.7969px;">Страница создания сущности</td></tr><tr style="height: 29.7969px;"><th class="confluenceTh align-left" style="height: 29.7969px;">Компонент выбора периода отображения</th><td class="confluenceTd" style="height: 29.7969px;">Нет</td></tr><tr style="height: 29.7969px;"><th class="confluenceTh align-left" style="height: 29.7969px;">Компонент динамики</th><td class="confluenceTd" style="height: 29.7969px;">Нет</td></tr><tr style="height: 29.7969px;"><th class="confluenceTh align-left" style="height: 29.7969px;">Автообновление страницы</th><td class="confluenceTd" style="height: 29.7969px;">Нет</td></tr><tr style="height: 29.7969px;"><th class="confluenceTh align-left" style="height: 29.7969px;">Всплывающие уведомления на странице</th><td class="confluenceTd" style="height: 29.7969px;">Нет</td></tr><tr style="height: 29.7969px;"><th class="confluenceTh align-left" style="height: 29.7969px;">Работа с тегами</th><td class="confluenceTd" style="height: 29.7969px;">Нет</td></tr></tbody></table>

</div></div></div>## 2. Поля

**<span style="color: rgb(224, 62, 45);">\*</span>** - поля, обязательные к заполнению.

<div class="tableWrap" id="bkmrk-%D0%9F%D0%BE%D0%BB%D0%B5-%D0%9A%D1%80%D0%B0%D1%82%D0%BA%D0%BE%D0%B5-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8"></div><div class="tableWrap" id="bkmrk-%D0%9F%D0%BE%D0%BB%D0%B5-%D0%9A%D1%80%D0%B0%D1%82%D0%BA%D0%BE%D0%B5-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8-1"><div class="tableWrap"><div class="tableWrap"><table border="1" class="align-center" id="bkmrk-%D0%A1%D0%B5%D0%BA%D1%86%D0%B8%D1%8F-%D0%9A%D1%80%D0%B0%D1%82%D0%BA%D0%BE%D0%B5-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0" style="border-collapse: collapse; width: 100%; border-width: 1px; height: 2485.3px;"><tbody><tr style="height: 80px;"><th class="confluenceTh align-center" style="width: 10.4751%; border-width: 1px; height: 80px;">**Поле**

</th><th class="confluenceTh align-center" style="width: 15.245%; border-width: 1px; height: 80px;">**Краткое описание**</th><th class="confluenceTh align-center" style="width: 17.2091%; border-width: 1px; height: 80px;">**Тип элемента экранной формы**

</th><th class="confluenceTh align-center" style="width: 19.3603%; border-width: 1px; height: 80px;">**Тип и диапазон значений**

</th><th class="confluenceTh align-center" style="width: 15.4321%; border-width: 1px; height: 80px;">**Видимость**

</th><th class="confluenceTh align-center" style="width: 12.7198%; border-width: 1px; height: 80px;"> **Доступность для редактирования**

</th><th class="confluenceTh align-center" style="width: 9.53984%; border-width: 1px; height: 80px;">**Значение по умолчанию**

</th></tr><tr style="height: 65px;"><td colspan="7" style="border-width: 1px; width: 99.9813%; height: 65px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/dEnimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/dEnimage.png)

</td></tr><tr style="height: 29.7875px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 29.7875px;">Название**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="confluenceTd align-left" style="width: 15.245%; border-width: 1px; height: 29.7875px;">Название виджета</td><td class="confluenceTd align-left" style="width: 17.2091%; border-width: 1px; height: 29.7875px;">Поле ввода с клавиатуры</td><td class="confluenceTd align-left" style="width: 19.3603%; border-width: 1px; height: 29.7875px;">Текст</td><td class="confluenceTd align-left" style="width: 15.4321%; border-width: 1px; height: 29.7875px;">Всегда</td><td class="confluenceTd align-left" style="width: 12.7198%; border-width: 1px; height: 29.7875px;">Да</td><td class="confluenceTd align-left" style="width: 9.53984%; border-width: 1px; height: 29.7875px;">-</td></tr><tr style="height: 86.65px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 86.65px;">Тип виджета**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 86.65px;">Тип создаваемого виджета</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 86.65px;">Выбор из выпадающего списка</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 86.65px;">- Готовность
- Процент времени
- Топ сервисов

</td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 86.65px;">Всегда</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 86.65px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 86.65px;">-</td></tr><tr style="height: 65.6px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 65.6px;">Период обновления</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 65.6px;">Включение периода обновления показаний виджета</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 65.6px;">Маркер чекбокс</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 65.6px;">Вкл. и Выкл.

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/XsOimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/XsOimage.png)

</td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 65.6px;">Всегда</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 65.6px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 65.6px;">Вкл.</td></tr><tr style="height: 99.2px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 99.2px;">Период обновления**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 99.2px;">Период обновления показаний виджета</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 99.2px;">Ввод с клавиатуры или выбор стрелками из списка целых чисел в сторону уменьшения или увеличения</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 99.2px;">Число &gt; 5 (минут)

</td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 99.2px;">Если активен чекбокс "Период обновления" </td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 99.2px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 99.2px;">5 минут</td></tr><tr style="height: 103.45px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 103.45px;">Выбор сервисов</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 103.45px;">Выбор сервисов, чьи показатели учитываются в виджете</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 103.45px;">Выбор из выпадающего списка</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 103.45px;"><div class="mat-ripple mat-option-ripple" mat-ripple="">- По списку
- По точкам доступа
- По контрактам
- По контрагентам

</div></td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 103.45px;">Всегда</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 103.45px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 103.45px;">По списку</td></tr><tr style="height: 294.9px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 294.9px;">Тип агрегации**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 294.9px;">Выбор критериев агрегации сервисов</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 294.9px;">Выбор из выпадающего списка</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 294.9px;"><span class="mat-option-text">Для виджета "Топ сервисов":</span>

<div class="mat-ripple mat-option-ripple align-left" mat-ripple=""><div class="mat-ripple mat-option-ripple align-left" mat-ripple="">- <span class="mat-option-text">История состояния сервисов</span>
- Значение показателя за выбранный период
- Количество аварий

</div></div>Для виджета "Процент времени":

<div class="mat-ripple mat-option-ripple align-left" mat-ripple="">- Среднее значение за период
- Процент времени

</div></td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 294.9px;">Если выбран тип виджета "Процент времени" или "Топ сервисов"</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 294.9px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 294.9px;">-</td></tr><tr style="height: 147.2px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 147.2px;">Количество измерений**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 147.2px;">Количество измерений</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 147.2px;">Ввод с клавиатуры или выбор стрелками из списка целых чисел в сторону уменьшения или увеличения</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 147.2px;"><div class="mat-ripple mat-option-ripple align-left" mat-ripple=""><span class="mat-option-text">Число &gt; 0</span></div></td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 147.2px;">Если выбран тип виджета "Топ сервисов" и тип агрегации "<span class="mat-option-text">История состояния сервисов" или "Значение показателя за выбранный период"</span></td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 147.2px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 147.2px;">5</td></tr><tr style="height: 155.4px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 155.4px;">Сортировка</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 155.4px;">Сортировка сервисов в виджете</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 155.4px;">Маркер круглый</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 155.4px;"><div class="mat-ripple mat-option-ripple align-left" mat-ripple=""><div class="mat-ripple mat-option-ripple align-left" mat-ripple="">![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/ERFimage.png)<span class="mat-option-text">По возрастанию</span></div></div>[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/q0Eimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/q0Eimage.png)<span class="mat-option-text">По убыванию</span>

</td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 155.4px;">Если выбран тип виджета "Топ сервисов" и тип агрегации "<span class="mat-option-text">Количество аварий" или "Значение показателя за выбранный период"</span></td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 155.4px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 155.4px;">![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/ERFimage.png)<span class="mat-option-text">По возрастанию</span></td></tr><tr style="height: 183.2px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 183.2px;">Название**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 183.2px;">Выбор показателя, поиск из списка показателей</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 183.2px;">Выбор из выпадающего списка;

Поле ввода с клавиатуры для поиска

</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 183.2px;"><div class="mat-ripple mat-option-ripple align-left" mat-ripple=""><span class="mat-option-text">Текст</span></div></td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 183.2px;">Если выбран тип виджета "Топ сервисов" и тип агрегации "<span class="mat-option-text">Значение показателя за выбранный период</span><span class="mat-option-text">" или тип виджета "Процент времени" и индикатор "Показатель"</span></td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 183.2px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 183.2px;">-</td></tr><tr style="height: 146px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 146px;">Условие</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 146px;">Условие сортировки сервисов</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 146px;">Маркер чекбокс</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 146px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/67Nimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/67Nimage.png)

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/0PCimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/0PCimage.png)

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/V3Himage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/V3Himage.png)

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/UAaimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/UAaimage.png)

<div class="mat-ripple mat-option-ripple align-left" mat-ripple=""><span class="mat-option-text">  
</span></div></td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 146px;">Если выбран тип виджета "Топ сервисов" и тип агрегации "<span class="mat-option-text">Количество аварий"</span></td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 146px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 146px;">-</td></tr><tr style="height: 153.85px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 153.85px;">Индикатор</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 153.85px;">Индикатор условия выбора сервисов</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 153.85px;">Выбор из выпадающего списка</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 153.85px;">- Показатель
- В состоянии отказа
- В состоянии деградации
- В состоянии нет данных
- В состоянии ППР

</td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 153.85px;">Если выбран тип виджета "Процент времени"</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 153.85px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 153.85px;">-</td></tr><tr style="height: 66px;"><td colspan="7" style="border-width: 1px; width: 99.9813%; height: 66px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/jJyimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/jJyimage.png)

</td></tr><tr style="height: 35.2px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 35.2px;">Название**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 35.2px;">Название правила</td><td style="width: 17.2091%; border-width: 1px; height: 35.2px;">Ввод с клавиатуры

</td><td style="width: 19.3603%; border-width: 1px; height: 35.2px;"><div class="mat-ripple mat-option-ripple align-left" mat-ripple=""><span class="mat-option-text">Текст</span></div></td><td rowspan="2" style="border-width: 1px; vertical-align: middle; height: 138.65px; width: 15.4321%;">Если выбран тип "Процент времени"  
</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 35.2px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 35.2px;">-</td></tr><tr style="height: 103.45px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 103.45px;">Цвет**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 103.45px;">Цвет обозначения на виджете</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 103.45px;">Выбор из выпадающего списка

</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 103.45px;"> Выбор из списка цветов</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 103.45px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 103.45px;">-</td></tr><tr style="height: 103.45px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 103.45px;">Правило**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 103.45px;">Условия сортировки по величине показателя</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 103.45px;">Ввод с клавиатуры или последовательный выбор из списка целых чисел</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 103.45px;">- <span class="mat-option-text">&gt;=</span>
- &lt;=
- &gt;
- &lt;

</td><td rowspan="2" style="border-width: 1px; vertical-align: middle; width: 15.4321%; height: 202.65px;">Если выбран тип виджета "Топ сервисов" (по значению показателя) или "Процент времени"</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 103.45px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 103.45px;">-</td></tr><tr style="height: 99.2px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 99.2px;">Порог**<span style="color: rgb(224, 62, 45);">\*</span>**

</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 99.2px;">Величина показателя для правила</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 99.2px;">Ввод с клавиатуры или выбор стрелками из списка целых чисел в сторону уменьшения или увеличения</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 99.2px;"> <span class="mat-option-text">Число &gt; 0</span></td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 99.2px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 99.2px;">-</td></tr><tr style="height: 52.7875px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 52.7875px; vertical-align: middle;">Описание</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 52.7875px; vertical-align: middle;">Описание</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 52.7875px; vertical-align: middle;">Ввод с клавиатуры</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 52.7875px; vertical-align: middle;"><span class="mat-option-text">Текст</span></td><td rowspan="3" style="border-width: 1px; vertical-align: middle; height: 162.775px; width: 15.4321%;">Если выбран тип "Процент времени"</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 52.7875px; vertical-align: middle;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 52.7875px; vertical-align: middle;">-</td></tr><tr style="height: 63.375px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 63.375px; vertical-align: middle;">Описание соотношения</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 63.375px; vertical-align: middle;">Описание</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 63.375px; vertical-align: middle;">Ввод с клавиатуры</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 63.375px; vertical-align: middle;"><span class="mat-option-text">Текст</span></td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 63.375px; vertical-align: middle;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 63.375px; vertical-align: middle;">-</td></tr><tr style="height: 46.6125px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 46.6125px;">Описание динамики</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 46.6125px;">Описание</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 46.6125px;">Ввод с клавиатуры</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 46.6125px;"><span class="mat-option-text">Текст</span></td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 46.6125px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 46.6125px;">-</td></tr><tr style="height: 62.8px;"><td style="width: 10.4751%; border-width: 1px; height: 62.8px;">Добавить правило

</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 62.8px;">Кнопка добавления нового правила</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 62.8px;">Кнопка</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 62.8px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-10/scaled-1680-/psDimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-10/psDimage.png)

</td><td style="border-width: 1px; vertical-align: middle; width: 15.4321%; height: 62.8px;">Если выбран тип "Процент времени"</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 62.8px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 62.8px;">-</td></tr><tr style="height: 81px;"><td style="width: 10.4751%; border-width: 1px; height: 81px;">Удалить

</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 81px;">Кнопка удаления правила</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 81px;">Кнопка</td><td style="width: 19.3603%; border-width: 1px; height: 81px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-10/scaled-1680-/EnTimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-10/EnTimage.png)

</td><td style="border-width: 1px; vertical-align: middle; width: 15.4321%; height: 81px;">Если выбран тип "Процент времени" и на форме более одного правила</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 81px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 81px;">-</td></tr><tr style="height: 68px;"><td colspan="7" style="border-width: 1px; height: 68px; width: 99.9813%;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-07/scaled-1680-/C50image.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-07/C50image.png)

</td></tr><tr style="height: 46.7875px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; height: 46.7875px; vertical-align: middle;">Найти</td><td class="align-left" style="width: 15.245%; border-width: 1px; height: 46.7875px; vertical-align: middle;">Поиск сервиса по названию</td><td class="align-left" style="width: 17.2091%; border-width: 1px; height: 46.7875px; vertical-align: middle;">Ввод с клавиатуры</td><td class="align-left" style="width: 19.3603%; border-width: 1px; height: 46.7875px; vertical-align: middle;"><span class="mat-option-text">Текст</span></td><td class="align-left" style="width: 15.4321%; border-width: 1px; height: 46.7875px; vertical-align: middle;">Всегда</td><td class="align-left" style="width: 12.7198%; border-width: 1px; height: 46.7875px; vertical-align: middle;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; height: 46.7875px; vertical-align: middle;">-</td></tr><tr style="height: 46.4px;"><td class="align-left" style="width: 10.4751%; border-width: 1px; vertical-align: middle; height: 46.4px;">Список сервисов**<span style="color: rgb(224, 62, 45);">\*</span>**</td><td class="align-left" style="width: 15.245%; border-width: 1px; vertical-align: middle; height: 46.4px;">Выбор сервисов с помощью чекбоксов</td><td class="align-left" style="width: 17.2091%; border-width: 1px; vertical-align: middle; height: 46.4px;">Чекбокс</td><td class="align-left" style="width: 19.3603%; border-width: 1px; vertical-align: middle; height: 46.4px;"><span class="mat-option-text">Список сервисов согласно строке поиска</span></td><td class="align-left" style="width: 15.4321%; border-width: 1px; vertical-align: middle; height: 46.4px;">Всегда</td><td class="align-left" style="width: 12.7198%; border-width: 1px; vertical-align: middle; height: 46.4px;">Да</td><td class="align-left" style="width: 9.53984%; border-width: 1px; vertical-align: middle; height: 46.4px;">-</td></tr></tbody></table>

</div></div></div>## 3. Проверки системы

<div class="tableWrap" id="bkmrk-%D0%A2%D1%80%D0%B8%D0%B3%D0%B3%D0%B5%D1%80-%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0-%D0%94%D0%B5%D0%B9"><div class="tableWrap"><table border="1" id="bkmrk-%D0%A2%D1%80%D0%B8%D0%B3%D0%B5%D1%80-%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0-%D0%94%D0%B5%D0%B9%D1%81" style="border-collapse: collapse; width: 100%; border-width: 1px;"><colgroup><col style="width: 18.6983%;"></col><col style="width: 33.0323%;"></col><col style="width: 48.2694%;"></col></colgroup><tbody><tr><td style="border-width: 1px;">Триггер</td><td style="border-width: 1px;">Проверка</td><td style="border-width: 1px;">Действие</td></tr><tr><td style="border-width: 1px;">Щелчок полю "Название", затем щелчок по любому месту окна, при незаполненном поле</td><td style="border-width: 1px;">Пользователь при заполнении пропустил название виджета</td><td style="border-width: 1px;">Подсветить поле ввода красным и вывести сообщение "укажите название виджета". Кнопка ДАЛЕЕ остается неактивной.</td></tr><tr><td style="border-width: 1px;">Указан Период обновления менее 5 минут</td><td style="border-width: 1px;">Пользователь указал "Период обновления" менее 5 минут</td><td style="border-width: 1px;">Подсветить поле ввода красным и вывести сообщение "период обновления должен быть больше 5 минут". Кнопка ДАЛЕЕ остается неактивной.</td></tr><tr><td style="border-width: 1px;">Щелчок полю "Индикатор", затем щелчок мимо выпадающего списка</td><td style="border-width: 1px;">Пользователь не выбрал индикатор</td><td style="border-width: 1px;">Подсветить поле ввода красным и вывести сообщение "выберите тип индикатора". Кнопка ДАЛЕЕ остается неактивной. </td></tr><tr><td style="border-width: 1px;">Щелчок полю "Тип агрегации", затем щелчок мимо выпадающего списка</td><td style="border-width: 1px;">Пользователь не выбрал тип агрегации</td><td style="border-width: 1px;">Подсветить поле ввода красным и вывести сообщение "выберите тип агрегации". Кнопка ДАЛЕЕ остается неактивной.</td></tr><tr><td style="border-width: 1px;">Щелчок полю "Название", или "Цвет" или Правило", или "Порог", затем щелчок мимо поля или выпадающего списка</td><td style="border-width: 1px;">При создании правила Пользователь не указал критерии или не заполнил поля</td><td style="border-width: 1px;">Подсветить поле ввода красным. Кнопка ДАЛЕЕ остается неактивной.</td></tr></tbody></table>

</div></div>## 4. Макеты

Окно создания виджета. Выбран виджет "Топ сервисов". Заполнены все поля:

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-11/scaled-1680-/uBgimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-11/uBgimage.png)

Окно создания правила:

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-11/scaled-1680-/fvAimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-11/fvAimage.png)

Выбор сервисов для виджета:

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-11/scaled-1680-/vhQimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-11/vhQimage.png)

Окно редактирования виджета:

[![Снимок экрана 2023-08-01 в 06.59.47.png](https://wiki.wellink.ru/uploads/images/gallery/2023-08/scaled-1680-/snimok-ekrana-2023-08-01-v-06-59-47.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-08/snimok-ekrana-2023-08-01-v-06-59-47.png)

<div class="tableWrap" id="bkmrk--5"></div>