Редактор иконок

Вкладка **Редактор иконок **раздела [[doc:ui.Параметры узла.Элементы.WebHome]] содержит инструментарий задания иконок для различных комбинаций меток.

5

6

7

Элемент в АРМ НЕЙРОСС Центр может быть нанесён на план в виде точечной иконки. Иконка элемента зависит от состояния элемента и выбирается из стандартного набора НЕЙРОСС-иконок, но может быть переопределена. Состояние элемента описывается комбинацией меток различных типов. Перечень стандартных состояний элементов и варианты индикации этих состояний приведён в разделе ~[[[doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]]].

8

9

10

(% style="color: rgb(23,43,77);" %)Вы можете:

11

12

* (% style="color: rgb(23,43,77);" %)переопределить НЕЙРОСС-иконки для стандартных комбинаций меток;

13

* (% style="color: rgb(23,43,77);" %)создать новые произвольные наборы меток (в том числе с использованием пользовательских меток) и назначить им иконки.

14

15

16

**Переход к функционалу**:

17

18

* С версии 20.40 ~[[[doc:ui.Рабочий стол НЕЙРОСС.Изменения интерфейса НЕЙРОСС.WebHome]]]: [[doc:ui.Рабочий стол НЕЙРОСС.WebHome]] > [[doc:ui.Параметры узла.WebHome]] > [[doc:ui.Параметры узла.Элементы.WebHome]]> вкладка Редактор иконок.

19

* До версии 20.39 включительно: Рабочий стол НЕЙРОСС > Конфигурация узлов > Элементы > вкладка Редактор иконок.

[[image:attach:ui.Параметры узла.WebHome@content.png||thumbnail="true" height="10"]] Содержание:

== {{id name="Редакториконок-Окновкладки"/}}(% style="font-size: 20.0px;letter-spacing: -0.008em;" %)Окно вкладки(%%) ==

33

34

[[image:attach:s_elements_icon_prp.png||width="800"]]

35

36

1. **Список наборов меток**: перечень всегда содержит несколько десятков стандартных комбинаций меток, можно добавить произвольное количество пользовательских комбинаций меток.

37

1. (((

38

**Поле поиска**: позволяет легко отфильтровать наборы меток (на скриншоте выше метки отобраны по слову «зона»)/

39

40

41

C версии 20.25 дополнительно вы можете показать только стандартные или только пользовательские наборы с указанной меткой.

42

43

[[image:attach:elements_icons_search_by_type.png||width="460"]]

44

45

)))

46

1. **Иконка текущего набора меток**: превью изображения из файла, назначенного выбранному в списке [1] набору меток. Чтобы изменить иконку, достаточно указать путь к файлу изображения. На скриншоте выше стандартная иконка [[image:attach:icons_zone_normal.png||thumbnail="true" width="26"]] для набора: **ЗонаОТС, Норма** заменена пользовательской [[image:attach:icons_zone_normal_new.png||thumbnail="true" height="33"]], можно выполнить сброс к значению по умолчанию: (% style="color: rgb(0,0,255);" %)сбросить иконку(%%).

47

48

== {{id name="Редакториконок-Требованиякфайламиконок"/}}Требования к файлам иконок ==

49

50

Принимаются файлы следующих форматов:

51

52

* (% style="color: rgb(68,68,68);" %)PNG, в том числе с альфаканалом (прозрачностью);

53

* (% style="color: rgb(68,68,68);" %)JPEG, JPG;

54

* (% style="color: rgb(68,68,68);" %)ICO;

55

* (% style="color: rgb(68,68,68);" %)GIF, в том числе анимированные.

56

57

(% style="color: rgb(68,68,68);" %)Рекомендуется использовать квадратные иконки размером не не более 256х256 px во избежание излишней нагрузки на сервер.

58

59

(% style="color: rgb(68,68,68);" %)Иконки отображаются в размере **32х32** px, если изображение больше этого размера, оно будет сжато, если изображение меньше этого размера, оно будет растянуто, если изображение не квадратное, оно будет деформировано таким образом, чтобы быть вписанным в квадрат.

60

61

62

Иконки для состояния потери связи** НетСвязи** не назначаются (как для стандартных, так и для пользовательских иконок). Они формируются следующим образом: иконка элемента затеняется, поверх отображается перечёркнутый оранжевый круг для привлечения внимания.

63

[[image:attach:elements_icons_notlink.png||thumbnail="true" height="34"]]

64

65

66

== {{id name="Редакториконок-Переопределениестандартныхиконок"/}}Переопределение стандартных иконок ==

67

68

По умолчанию, если нет собственных наборов меток, иконки не переопределялись, и элемент нанесён на план в виде точечного элемента, отображается стандартная иконка ~[[[doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]]].

69

70

При необходимости переопределения стандартной иконки:

71

72

1. На вкладке **Редактор иконок **выберите в списке наборов меток [1] требуемый набор.

73

1. Укажите путь к файлу новой иконки [2].

74

1. Дождитесь загрузки файла. Вы увидите превью иконки.

75

1. Обновите окно [[confluencePage:page:neyross.АРМ НЕЙРОСС Центр]] (F5), если АРМ запущен.

76

77

При необходимости сброса пользовательской иконки и возврата к стандартной:

78

79

1. В списке наборов меток [1] выберите требуемый набор.

80

1. Нажмите на ссылку (% style="color: rgb(0,0,255);" %)сбросить иконку(%%) [2].

81

1. Обновите окно [[confluencePage:page:neyross.АРМ НЕЙРОСС Центр]] (F5), если АРМ запущен.

82

83

== {{id name="Редакториконок-Назначениеиконокдлясобственныхнаборовметок"/}}Назначение иконок для собственных наборов меток ==

84

85

С помощью [[редактора иконок>>doc:||anchor="Редакториконок-Редакториконок"]] вы можете переопределить вид иконок для произвольных наборов меток. Возможно использовать метки типов элементов, метки состояний элементов, меток состояний компонентов (дверей, замков) ~[[[Перечень меток>>doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]]], а также произвольные пользовательские метки.

86

87

88

**АЛГОРИТМ ВЫБОРА ВИДА ОТОБРАЖЕНИЯ**

89

90

1. В списке наборов меток [1] ищем набор, с которым совпадает наибольшее количество меток элемента (порядок меток в наборе не имеет значения). Если такой набор один, берём вид отображения из него.

91

1. Если в п 1. нашли больше одного набора меток, то берётся произвольный.

**ВНИМАНИЕ**

Если для [[опубликованных >>confluencePage:page:neyross.Представление (публикация) элементов ITRIUM / ПАК Интеграция в НЕЙРОСС]]в сеть НЕЙРОСС элементов ITRIUM/ПАК Интеграция, в программе Администратор системы уже назначены иконки и осуществлена в ручном или автоматическом режиме [[выгрузка конфигурации>>doc:ui.Сеть.WebHome||anchor="Сеть-Выгрузкаконфигурацииузлов"]], иконки вычитываются и средствами данного раздела не переопределяются. Если же иконки не назначены, им в Платформе НЕЙРОСС присваиваются стандартные иконки согласно типу элемента и они могут быть [[переопределены >>doc:||anchor="Редакториконок-НазначениеиконокдляэлементовITRIUM/ПАКИнтеграция"]]путём создания собственного набора меток.

**ПРИМЕР**

Чтобы из группы однотипных элементов выделить подгруппу, нужно:

100

101

1. «Пометить» эти элементы — назначить каждому из этих элементов одну или несколько пользовательских меток;

102

1. Создать новые наборы меток для каждого состояния, отображение которого должно отличаться.

103

104

Например, для выделения периметра, необходимо для каждой зоны периметра назначить пользовательскую метку, (Периметр или любую другую) и создать наборы меток:

105

106

* ЗонаОТС Норма НаОхране Периметр

107

* ЗонаОТC Норма БезОхраны Периметр

108

* ЗонаОТС Тревога Периметр

109

* ЗонаОТС Неисправность Периметр

110

* ЗонаОТС Невзятие Периметр

111

112

Для каждого набора подготовить собственную иконку, например: [[image:attach:icons_perimetr_armed.png||thumbnail="true" width="26"]] [[image:attach:icons_perimetr_normal.png||thumbnail="true" width="26"]] [[image:attach:icons_perimeter_alarm.png||thumbnail="true" width="26"]] [[image:attach:icons_perimetr_fault.png||thumbnail="true" width="26"]] [[image:attach:icons_perimetr_notarmed.png||thumbnail="true" width="26"]]

**ПОДСКАЗКА**

Текущий полный набор меток элемента приведён на вкладке [[#Элементы>>doc:||anchor="Редакториконок-Элементы"]] данного раздела или в окне команд элемента в [[confluencePage:page:neyross.АРМ НЕЙРОСС Центр]] ~[[[confluencePage:page:neyross.Управление элементами]]].

\\

**Создание нового набора меток**

122

123

1. В списке наборов меток [1] нажмите на кнопку [[image:attach:btn_plus_circle.png||thumbnail="true" height="17"]] **Добавить**.

124

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

125

[[image:attach:elements_icons_add.png]]

126

1. Укажите путь к файлу иконки и нажмите на кнопку **ОК**.

127

[[image:attach:elements_icons_add_file.png]]

128

1. (% style="color: rgb(23,43,77);" %)Разместите элемент на плане, имитируйте требуемое состояние элемента и проверьте вид отображения элемента в разделе (%%)[[Ситуационный центр>>url:https://support.itrium.ru/pages/viewpage.action?pageId=688324848||style="text-decoration: none;text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %) или в (%%)[[АРМ НЕЙРОСС Центр>>url:https://support.itrium.ru/pages/viewpage.action?pageId=933888718||style="text-decoration: none;text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %).(%%)

129

[[image:attach:elements_icons_perimetr.png]]

130

1. Создайте набор меток для каждого из состояний элемента.

131

[[image:attach:elements_icons_perimetr_list.png]]

\\

**Редактирование иконки**

136

137

1. Выберите комбинацию меток в списке [1].

138

1. Укажите путь к файлу новой иконки [2].

139

1. Дождитесь загрузки файла. Вы увидите превью иконки.

140

1. Обновите окно [[confluencePage:page:neyross.АРМ НЕЙРОСС Центр]] (F5), если запущен.

\\

**Удаление комбинации меток**

145

146

1. В списке [1] наведите указатель мыши на строку с требуемой комбинацией меток и нажмите на кнопку [[image:attach:btn_delete.png||thumbnail="true" height="16"]] **Удалить**.

147

1. В окне подтверждения удаления нажмите на кнопку **ОК**.

148

[[image:attach:elements_icons_del_confirm.png]]

149

150

== {{id name="Редакториконок-Экспорт/импортиконок"/}}Экспорт(% style="letter-spacing: -0.008em;" %)/импорт иконок(%%) ==

151

152

С версии 20.16 Платформы НЕЙРОСС реализована функция экспорта настроек данной вкладки для последующего импорта на другом узле Платформа НЕЙРОСС. Также вы можете использовать возможность экспорта для получения изображения всех иконок с целью их дальнейшего использования для новых комбинаций меток.

153

154

При экспорте формируется ZIP-архив вида

155

156

157

plan_marker_image_export_20241127_161359.zip

158

159

160

Где 20241127 — год месяц и день экспорта в формате ГГГГММДД.

161

162

Архив содержит файлы изображений иконок в формате PNG, набор меток указан в имени файла, и файл конфигурации data.json.

163

164

[[image:attach:elements_icons_exportfile.png]]

165

166

167

Функция экспорта/импорта конфигурации доступна с версии 20.16 Платформы НЕЙРОСС. До версии 20.24 иконки экспортировались без расширения. Для просмотра изображения задайте файлам расширение PNG или обновите версию Платформы до 20.24 и выполните экспорт.

\\

**Порядок экспорта**

Нажмите на кнопку **Экспорт иконок** [[image:attach:ui.Параметры узла.WebHome@btn_down.png||thumbnail="true" height="16"]], расположенную в заголовке списка наборов меток [1]. Будет сформирован файл архива и сохранён в папку загрузок браузера.

\\

**Порядок импорта**

Нажмите на кнопку **Импорт иконок** [[image:attach:ui.Параметры узла.WebHome@btn_up.png||thumbnail="true" height="16"]], расположенную в заголовке списка наборов меток [1].

181

182

В отобразившемся окне укажите путь к файлу архива и нажмите на кнопку **Импортировать**.

183

184

[[image:attach:elements_icons_import.png||height="192"]]

185

186

Вся конфигурация вкладки будет заменена содержимым архива.

187

188

== {{id name="Редакториконок-НазначениеиконокдляэлементовITRIUM/ПАКИнтеграция"/}}Назначение иконок для элементов ITRIUM/ПАК Интеграция ==

189

190

191

Если иконки элементов не назначены средствами ITRIUM/ПАК Интеграции, им в Платформе НЕЙРОСС присваиваются стандартные иконки согласно типу элемента и они могут быть переопределены. Набор меток формируется на основе метки типа элемента и метки состояния элемента, также вы можете использовать пользовательские метки.

1. (((

На вкладке [[#Элементы>>doc:||anchor="Редакториконок-Элементы"]]найдите в дереве функциональных элементов требуемый элемент и узнайте метку типа элемента.

196

197

198

Перечень локализованных меток элементов приведён на странице [[doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]], однако часть типов элементов пока имеет вид **itriumType:XXXX**, например, — (% style="color: rgb(70,70,70);" %)**itriumType:7306**.

199

[[image:attach:elements_icons_itrium.png]]\\

200

201

)))

202

1. Для каждого из возможных состояний элементов создайте комбинацию метки состояния и метки вида **itriumType:7306**, задайте иконку.

203

1. (% style="color: rgb(23,43,77);" %)Имитируйте требуемое состояние элемента и проверьте вид отображения полигонов в разделе (%%)[[Ситуационный центр>>url:https://support.itrium.ru/pages/viewpage.action?pageId=688324848||style="text-decoration: none;text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %) или в (%%)[[АРМ НЕЙРОСС Центр>>url:https://support.itrium.ru/pages/viewpage.action?pageId=933888718||style="text-decoration: none;text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %).(%%)

204

[[image:attach:elements_icons_itrium_control.png]]

205

206

207

Wiki source code of Редактор иконок