5. Описание интерфейса среды разработки

Предварительно, необходимо выполнить действия, описанные в в главе 4.1. По ссылке http://localhost:4210/ загрузится среда разработки.
Интерфейс среды показан на рисунке ниже.

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

1. Поле Current size указывает текущий размер виджета. Размер можно менять с помощью мыши, перемещая правый нижний угол виджета. После установки нужного размера содержимое поля можно скопировать в поле size в WidgetPackage. 2. Переключатель локали. 3. Переключение между размерами экрана (мобильный, планшет, настольный, по размеру браузера). 4. Переключение тем светлая/темная. 5. Выпадающий список виджетов. 6. Включение/отключение отображения иконок состояния параметров (включено, выключено, в норме и пр.). Идентификатор иконки приходит от сервиса вместе со значением параметра.

Далее следуют элементы, отвечающие за генерацию тестовых данных. Виды элементов (сигнальные, интервальные и пр.) определяются по входным параметрам виджета. При каждом изменении этих элементов происходит перегенерация тестовых данных.

7. Количество генерируемых элементов. Далее для каждого из генерируемых элементов задаются следующие элементы:

  • состояние элемента,
  • ссылка на страницу дашборда,