Skip to content

Commit

Permalink
Работа с разделом Сцены
Browse files Browse the repository at this point in the history
  • Loading branch information
sergejey committed Dec 5, 2023
1 parent 8284cba commit 6cb791b
Show file tree
Hide file tree
Showing 22 changed files with 142 additions and 1 deletion.
2 changes: 1 addition & 1 deletion content/ru/docs/Configuration/UI/config-index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ weight: 20

По-умолчанию стартовый экран для пользователя представляет собой веб-страницу, состояющую из нескольких секций:

- Верхняя секция -- управление медиа-плеером, ссылка перехода в Панель управления, функция смены пользователя;
- Верхняя секция -- управление медиа-плеером, ссылка перехода в Панель управления, функция смены пользователя (см. [Контроль доступа]({{<ref "/docs/Configuration/config-access">}}));
- Левая секция -- [Меню управления]({{<ref "/docs/Configuration/UI/config-menu">}});
- Правая (основная) секция -- [Домашние страницы]({{<ref "/docs/Configuration/UI/config-homepages">}}) с выбранным разделом [Сцены]({{<ref "/docs/Configuration/UI/config-scenes">}});

Expand Down
132 changes: 132 additions & 0 deletions content/ru/docs/Configuration/UI/config-scenes.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,7 @@ http://IP_адрес_сервера/popup/scenes/{ID}.html
- Тип
- Связанный объект / метод / свойство
- Использовать элемент
- Стиль
- Анимация появления
- Позиционирование
- Абсолютное
Expand All @@ -71,23 +72,154 @@ http://IP_адрес_сервера/popup/scenes/{ID}.html
- Отступ сверху
- Расположить в контейнере
- Авто-повтор
- Контроль доступа -- подробнее в разделе [Контроль доступа]({{<ref "/docs/Configuration/config-access">}})
- Состояния (см. ниже)

**Состояния элемента**

- Название
- Код
- Выполнить при клике
- Ничего не делать
- Выполнить сценарий
- Запускать объект.метод
- Код
- Показать меню при клике
- Показать домашнюю страницу при клике
- Показать другую сцену
- Открыть ссылку при клике
- Условие отображение
- n/a (всегда показывать)
- Простое
- Расширенное
- Переключить на сцену при активации
- Приоритет

Ниже приведены **основные типы элементов сцен**.

### Устройство

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

![](../ui-scene-element-device.png)

### Выключатель

Элемент с иконкой, названием и отображением состояния объекта в зависимости от значения связанного свойства. Также данный элемент
вызывает методы turnOn/turnOff по нажатии на него.

![](../ui-scene-element-switch.png)

### Информер

Элемент предназначен для отображения значений. Возможна настройка состояний при выходе за установленный пороги минимальных и/или
максимальных значений.

![](../ui-scene-element-informer.png)

### Уведомление

Отображение сообщения на сцене при наступлении заданных условий.

![](../ui-scene-element-notify.png)

### Изображение

Элемент вывода изображения.

![](../ui-scene-element-image.png)

### HTML

Один из самых гибких элементов -- позволяет использовать произвольный HTML-код для состояний. Дополнительно
можно подключить использование CSS и JavaScript-кодов, которые будут общими для всех состояний элемента.

![](../ui-scene-element-html.png)

### Контейнер

Контейнер является специальным элементом, позволяющим объединять другие элементы в группу и настраивать
поведение этой группы. Данный элемент удобно использовать для установки общего условия отображения группы,
а так же для того, чтобы позиционировать элементы внутри контейнера, независимо от позиции самого контейнера
на сцене.

![](../ui-scene-element-container.png)

Редактирование элемента:

![](../ui-scene-element-container-edit.png)

### Слайдер

Слайдер -- элемент позволяющий последовательно показывать сменяющие друг друга блоки, заданные через Состояния.

Настройка *Анимация появления* отвечает за тип анимации слайдера (Справа-на-лево, Снизу-вверх, Моргание).

Блок *Дополнительный код Javascript* позволяет задать опции слайдера ([полный список опций](http://ganlanyuan.github.io/tiny-slider/#options\))

![](../ui-scene-element-slider-edit.png)

### Индикатор режима

Элемент для отображения состояния объекта, например одного из режимов работы системы.
После добавления и указания связанного объекта будет автоматически создано два состояния (on/off), привязаны
зависимости отображения к свойству active и указаны методы выполнения при нажатии на состояние (activate/deactivate).

Через изменение стиля можно задать иконку, отвечающую за указанный режим.

![](../ui-scene-element-mode.png)

Редактирование элемента:

![](../ui-scene-element-mode-edit.png)

### Клавиша

Простой элемент управления, позволяющий привязать вызов метода к нажатию на клавишу.

![](../ui-scene-element-button.png)

Редактирование элемента:

![](../ui-scene-element-button-edit.png)

### Нав. ссылка (новое окно/переход)

Два схожих элемента, служат для навигации.

При использовании элемента типа *Навигационная ссылка (новое окно)* по клику
на сцене открывается дополнительное окно, внутри которого открывается заданная ссылка.

Если использовать элемент
типа *Навигационная ссылка (переход)*, то по клику будет осуществлён переход по ссылке.

![](../ui-scene-element-link.png)

Редактирование элемента:

![](../ui-scene-element-link-edit.png)

### Menu control

Элемент вставки меню управления на сцену.

![](../ui-scene-element-menu.png)

Редактирование элемента:

![](../ui-scene-element-menu-edit.png)

### Объект

Элемент служит для вставки Объекта. Для показа объекта используется его [Шаблон отображения]({{<ref "/docs/Integration/integration-object-templates">}}).

В связи с тем, что отображение Простых устройств использует тот же механизм шаблонов, то вставка объекта, связанного с устройством
будет аналогично добавлению элемента типа Устройство.

Редактирование элемента:

![](../ui-scene-element-object-edit.png)

## Устройства

Expand Down
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions content/ru/docs/Configuration/config-access.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
---
title: Контроль доступа
weight: 45
---
5 changes: 5 additions & 0 deletions content/ru/docs/Integration/integration-object-templates.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
title: Шаблоны отображения объектов
weight: 50
---

0 comments on commit 6cb791b

Please sign in to comment.