Настройка легенды

Справа на карте офиса каждому сотруднику видна иконка знака вопроса. При наведении курсора на иконку появляется легенда, т.е. список условных обозначений на карте. По умолчанию в легенде показаны цвета бронирований, иконки переговорной и места с ПК, а также размер рабочего места. Рассмотрим, как дополнить и/или изменить легенду.

Добавление условных обозначений

Доступ к настройкам легенды есть только у администраторов портала. Перейдите в административную часть модуля по ссылке: адрес_портала/bitrix/admin/index.php?lang=ru и в левом меню выберите «Контент» > «Highload-блоки» > «Карта офиса: Легенда». Здесь вы увидите список всех существующих записей легенды на текущий момент.

Для создания нового условного обозначения нажмите на кнопку «Добавить запись». На странице добавления записи доступны следующие поля для редактирования:

  1. Название. Поле с названием/описанием условного обозначения. Текст из данного поля выводится в легенде сразу после иконки, если она есть. Допустимо использование HTML-тегов, например <b></b> для выделения текста жирным.

  1. Сортировка. Опция отвечает за порядок отображения записей в легенде. Чем меньше значение, тем выше отображается запись в легенде. Если значение сортировки не указано, то элемент отображается первым по списку. Если таких записей несколько, то они отобразятся по порядку их ID (т.е. по порядку создания).

  1. Код иконки. Поле для добавления иконки к данному условному обозначению. Это может быть как иконка цвета бронирования (), так и иконка типа рабочего места () или любая другая. Иконки выводится в легенде перед текстом.

При добавлении иконок цветов бронирования важно, чтобы цвета соответствовали тем значениям, которые заданы в настройках модуля во вкладке «Настройки стилей».

Добавить иконку в данное поле можно несколькими способами:

  • Через библиотеку Font Awesome. О том, как получить код нужной иконки написано в отдельной статье.

  • Через указание стандартных значений. Данное поле принимает несколько стандартных значений:

  • grey — квадрат серого цвета
    (#EEF2F4)

  • red — квадрат красного цвета
    (#FF4343)

  • yellow — квадрат оранжевого цвета
    (#FFB23E)

  • green — квадрат зеленого цвета
    (#A4D124)

  • spell — иконка переговорной

  • comp — иконка места с ПК

  • Через HTML-теги. Используя HTML-код в поле можно создать квадрат с нужным цветом. Пример добавления квадрата черного цвета (замените #000000 на другой цвет в формате HEX):

<div width="17" height="17" style="background: #000000"></div>
  1. Изображение. Альтернативное поле для добавления иконки к данному условному обозначению. Это может быть как иконка цвета бронирования (), так и иконка типа рабочего места () или любая другая. Иконки выводится в легенде перед текстом. В отличие от поля «Код иконки (см. п.3) в поле загружается PNG или JPG файл с иконкой размером 17x17 пикселей.

При добавлении иконок цветов бронирования важно, чтобы цвета соответствовали тем значениям, которые заданы в настройках модуля во вкладке «Настройки стилей».

Редактирование и удаление условных обозначений

Нажмите на бургер-меню рядом с нужной записью и выберите действие из списка:

  • Изменить. По клику откроется страница редактирования условного обозначения. Она идентична странице создания.

  • Копировать. По клику произойдет создания дубликата данной записи.

  • Удалить. По клику данная запись будет безвозвратно удалена и пропадет из легенды.

Предыдущая
Добавление характеристик рабочих мест
Следующая
Настройка блока «Возникла проблема?»