Обзор

Функция макета рабочего стола позволяет настроить Webex Contact Center Desktop в соответствии со своими бизнес-требованиями. Вы можете настраивать такие элементы, как логотип, название и виджеты. Вы можете создать макет рабочего стола и назначить его группе по сервисам. Этот макет обеспечивает опыт операторов на рабочем столе для всех операторов, которые входят в эту группу.

Существует два типа макетов:

  • Глобальный макет: это системный макет, который по умолчанию назначается при создании группы по сервисам. Дополнительные сведения см. в разделе "Управление группами по сервисам". При создании группы глобальный макет автоматически задается в качестве макета рабочего стола для нее. Этот макет невозможно удалить.

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

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

Webex Contact Center Desktop поддерживает трех пользователей:

  • Оператор

  • Супервизор

  • Супервизор и оператор

Файл макета МЕЖДУ знахами и знахами ИМЕЕТ отдельные разделы. Администратор должен настроить параметры для каждой персоны в соответствующем разделе файла макета ИНСТРУМЕНТ." Дополнительные сведения о примере файла макетов ГДЕ можно найти в разделе «Свойства верхнего уровня макета ОБЪЕКТОВ Инопланетного интерфейса Инопланетного интерфейса (100 000 000 100 000 000

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

Если вы используете Layout.json файл рабочего стола по умолчанию без каких-либо изменений, то он считается неизмененным макетом. Однако при загрузке Layout.json файла на рабочем столе по умолчанию и его повторной передаче такой макет считается измененным, даже если содержимое или имя файла не изменено.

В Desktop есть два типа виджетов — на основе i00 и на основе веб-компонентов. Заголовок, навигация (настраиваемая страница), постоянная область, область без головы и aux-панель — это область настольного компьютера. Это не виджеты.

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

  1. Область заголовка и логотипа: в левом верхнем углу экрана отображаются логотип и имя контакт-центра Webex (по умолчанию).

  2. Горизонтальная область заголовка : это пространство имеет настраиваемую область, которая заполнена пользовательскими виджетами. В этих виджетах может отображаться, например, информация о линии и раскрывающееся меню. Поскольку высота этого заголовка составляет всего 64 пикселя, высота виджета не может пересечь высоту заголовка.

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

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

    Настраиваемый виджет — это стороннее приложение, настроенное в схеме ВИДЖЕТ. Вы можете разместить пользовательский виджет на пользовательской странице, пользовательской вкладке (панель дополнительной информации) или в горизонтальном заголовке рабочего стола.

  4. Область панели навигации: используйте это пространство для добавления элементов навигации для доступа к пользовательским страницам.

Sample Webex Contact Center Desktop user interface for voice, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
Пример интерфейса рабочего стола для голоса
Sample Webex Contact Center Desktop user interface for new digital channels, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
Пример настольного интерфейса для новых цифровых каналов

Свойства макета TOP-уровня

Роли

В макете ИНСТРУМЕНТА ПО умолчанию имеются три роли.

  • оператор — для настройки макета рабочего стола, который будет отображаться при входе оператора в Webex Contact Center Desktop для обработки действий операторов.

  • супервизор — для настройки макета рабочего стола, который будет отображаться при входе супервизора в Webex Contact Center Desktop для работы только с возможностями супервизора.

    Когда супервизор входит в рабочий стол, применяется макет рабочего стола, указанный для основной группы. Если вы не предоставляете основную группу, применяется глобальный макет. По умолчанию отчеты APS отключены.

  • supervisorAgent — чтобы настроить макет рабочего стола для отображения при входе супервизора в Webex Contact Center Desktop для обработки как возможностей супервизора, так и действий операторов.

Вы можете добавлять или изменять виджеты для каждой роли в соответствующих персонах соответствующего файла макета ИНСТРУМЕНТ.

Ниже приведены свойства верхнего уровня для макета КОДеку ГДЕ-то и расположенного на основе этой роли:

{ "оператор": { "версия": "0.1.0", "appTitle": "Webex Контакт-центр", "логотип:", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": ложь, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "заголовок": ["выход", "уведомление", "область": { advancedHeader:{ ... }, "панель": { ... }, "навигация": { ... }, "постоянный": { ... }, "без головы": { ... } }, }, "супервизор": { "версия": "0.1.0", "appTitle": "Webex контакт-центр", "логотип": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": ложь, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "заголовок": ["выход", "уведомление", "область": { advancedHeader:{ ... }, "панель": { ... }, "навигация": { ... }, "постоянный": { ... }, "без головы": { ... }, "homePage": { ... } }, } "супервизорAgent": { "версия": "0.1.0", "appTitle": "Webex контакт-центр", "логотип": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": ложь, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "заголовок": ["выход", "уведомление", "область": { advancedHeader:{ ... }, "панель": { ... }, "навигация": { ... }, "постоянный": { ... }, "без головы": { ... } }, } },
  • Изменения, внося в свойства макета ГДЕ-то в ФОРМАТЕ ГДЕ вступают в силу при обновлении браузера настольного компьютера.
  • Если функция, которая включена на макете ГДЕ-либо, недоступна на рабочем столе, обратитесь в службу поддержки Cisco для ее включения.
  • Все свойства макета ГДЕ-либо учитывают регистр.

подсказка приложения

Для указания заголовка в горизонтальном заголовке рабочего стола По умолчанию используется название Webex Contact Center.

Пример.

«AppTitle»: «Webex контакт-центр»

Значение параметра appTitle по умолчанию изменяется с Contact Center Desktop на Webex Contact Center. Это не оказывает влияния на существующие пользовательские макеты, в которые используется старый инструмент appTitle по умолчанию (Contact Center Desktop). Для использования новой кнопки appTitle необходимо изменить пользовательские макеты. Однако в новой глобальной схеме используется параметр appTitle по умолчанию, как Webex Contact Center.

Заголовком может быть текст, изображение или пустая строка. Текст заголовка отображается в две строки. Если текст выходит за пределы второй строки, отображается значок многоточия, а на всплывающей подсказке отображается полное название. К заголовку нельзя применить стили.

Можно использовать URI данных (Унифицированный идентификатор ресурса) или разместить пользовательский образ заголовка в сети доставки содержимого (CDN), ведро Amazon Web Services (AWS) Simple Storage Service (S3) или аналогичной услуге хостинга, а затем указать URL размещенного образа. Поддерживаемые форматы изображения заголовка: PNG, JPG, JPEG, GIF, SVG и WebP. Поддерживаемый размер изображения заголовка составляет 184 х 32 пикселов (ширина х высота).

логотип

Чтобы указать URL-адрес логотипа компании, необходимо выполнить следующие действия: Если URL-адрес не указан, то по умолчанию отображается логотип Webex Контакт-центра.

Пример.

"логотип": "https://my-cdn.com/logo.png"

Вы можете разместить пользовательское изображение логотипа в CDN, корзине Amazon Web Services (AWS) Simple Storage Service (S3) или в аналогичной услуге хостинга, а затем указать URL размещенного изображения. Поддерживаются следующие форматы изображений логотипа: PNG, JPG, JPEG, GIF, SVG и WebP. Размер поддерживаемого изображения логотипа составляет 96 х 32 пикселов (ширина х высота).

Таблица 1. Отображение матрицы для интерфейса appTitle и логотипа на основе конфигурации макета рабочего стола
Условие Пример подсказка приложения логотип
Если интерфейс appTitle и логотип не настроены 
"AppTitle": "", "логотип": "",
Нет заголовка Логотип по умолчанию
Если интерфейс appTitle и логотип настроены 
"AppTitle": "Компания ABC", "логотип": "https://my-cdn.com/abclogo.png",
Настроенный текст Настроенный логотип
Если appTitle настроен и не настроен логотип 
"Набор приложений": "Компания ABC", "логотип": "",
Настроенный текст Логотип по умолчанию

Если appTitle не настроен и настроен логотип

 
"AppTitle": "", "логотип": "https://my-cdn.com/abclogo.png",
Нет заголовка Настроенный логотип
Если appTitle настроен и логотип не предпочтительным 
"AppTitle": "Компания ABC", "логотип": "без логотипа",
Настроенный текст Нет логотипа

Если appTitle не настроен и логотип не предпочтительным

 
"AppTitle": "", "логотип": "без логотипа",
Нет заголовка Нет логотипа
Если appTitle добавлен в качестве изображения и настроен логотип 
"AppTitle": "https://my-cdn.com/abccompanylogo.png", "логотип": "https://my-cdn.com/abclogo.png",
Настроенное изображение Настроенный логотип

Если appTitle добавлен в виде изображения и логотип не настроен

 
"AppTitle": "https://my-cdn.com/abccompanylogo.png", "логотип": "",
Настроенное изображение Логотип по умолчанию

Если appTitle добавляется в качестве изображения, а логотип не является предпочтительным 

"AppTitle": "https://my-cdn.com/abccompanylogo.png", "логотип": "без логотипа",
Настроенное изображение Нет логотипа
  • Размер пользовательского изображения регулируется в зависимости от соотношения сторон. Ранее настроенный текст заголовка может отображаться на рабочем столе в двух строках. Чтобы избежать этого, можно изменить текст заголовка.
  • Если название и логотип не настроены в горизонтальном заголовке рабочего стола, это пространство используется виджетами заголовков. Для использования пространства заголовка и пространства логотипа необходимо правильно настроить виджеты заголовков.
  • Ширина заголовка и логотипа вместе не может превышать 304 пиксела (с учетом прокладки). Если ширина логотипа меньше 96 пикселей, остальная ширина может быть использована для заголовка.
  • Если пользовательский размер изображения превышает поддерживаемый размер, размер изображения настраивается в зависимости от соотношения сторон в горизонтальном заголовке. Если размер пользовательского изображения меньше поддерживаемого размера, в горизонтальном заголовке сохраняется фактический размер изображения.

taskPageIllustration

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

Пример.

"taskPageIllustration": "https://www.abc.com/image/logo.jpg",

Можно использовать URI данных или разместить пользовательские иллюстрации в сети доставки содержимого (CDN), ведро Amazon Web Services (AWS) Simple Storage Service (S3) или аналогичный хостинг, а затем указать URL для размещенного иллюстрации. Рисунок можно настроить на глобальном уровне или на уровне группы по определению макета. Убедитесь, что укажите правильный URL, чтобы не допустить отображения сломанного изображения на рабочем столе.

Поддерживаемые форматы иллюстраций для страниц задач: PNG, JPG, JPEG, GIF, SVG и WebP. Рекомендуемый размер иллюстрации: 400 х 400 пикселей (ширина х высота) Если размер пользовательского рисунка превышает рекомендуемый размер, размер иллюстрации настраивается на основе соотношения сторон на странице задачи. Если размер пользовательской иллюстрации меньше рекомендуемого, фактический размер иллюстрации сохраняется на странице задачи.

Webex Contact Center interface example of a custom illustration retraining the actual size.
Пример пользовательского рисунка с фактическим размером
Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio.
Пример пользовательской иллюстрации с настройкой на основе соотношения сторон

stopNavigateOnAcceptTask

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

Пример.

"stopNavigateOnAcceptTask": ложь

Если задано значение true, то при принятии пользователем новой задачи на рабочем столе акцент сохраняется на предыдущей задаче и не смещается на недавно принятую задачу. Этот параметр не позволяет пользователю потерять данные при принятии нового запроса.

Например, учтите, что оператор 1 находится в чате с заказчиком 1 и одновременно в голосовом вызове с заказчиком 2. Во время голосового вызова оператор 1 обновляет сведения о клиенте 2 на панели "Управление взаимодействием". В настоящее время у оператора 1 есть две активные задачи на панели "Список задач", а основное внимание сосредоточено на панели "Управление взаимодействием". Когда оператор 1 принимает новый запрос чата от пользователя 3, основное внимание по-прежнему уделяется панели "Управление взаимодействием" с пользователем 2 и не переключается на недавно принятый запрос чата.

Чтобы сохранить фокус на предыдущей задаче и не переходить на недавно принятую задачу, выберите настраиваемый макет со значением свойства stopNavigateOnAcceptTask , установленным на true.

Если значение свойства stopNavigateOnAcceptTask не вводится в макете КОДеКА, рабочий стол переключается на недавно принятую задачу. Поведение аналогично тому, когда для свойства stopNavigateOnAcceptTask установлено значение false.

  • Эта настройка применяется ко всем задачам (голосовым и цифровым каналам), выполняемым на настольном компьютере, например к приему задачи, конференции, консультации или переводу, а также ко всем исходящим вызовам, исходящим вызовам кампании, автоматическому завершению и т. д.
  • Данная настройка не применяется, если пользователь рабочего стола находится на домашней странице без активной задачи на панели "Список задач". В таком случае при принятии новой задачи фокус переключается с домашней страницы на недавно принятую задачу.

dragDropEnabled

Чтобы разрешить перетаскивание и изменение размера виджетов на пользовательских страницах, установите значение true. Значением по умолчанию является false.

Пример.

"dragDropEnabled": ложь

Дополнительные сведения о включении функции перетаскивания для вкладок на панели "Дополнительная информация" см. в разделе на панели "Вспомогательная информация".

таймер уведомления

на установку длительности (в секундах), по истечении которой уведомления о рабочем столе автоматически отклоняются. Уведомление отображается в правом верхнем углу рабочего стола. По умолчанию задержка равна 8 секундам. Допустимый диапазон значений времени ожидания: 1–10 секунд. Чтобы изменения времени задержки вступили в силу, необходимо обновить браузер после их внесения.

Пример.

"таймер уведомлений": 8

maximumNotificationCount

Настройка количества уведомлений о рабочем столе для одновременного отображения на рабочем столе По умолчанию установлено значение 3. Диапазон уведомлений на рабочем столе: 1–10. Уведомления рабочего стола складываются в стек. При наличии большого количества уведомлений они отображаются с небольшой задержкой в зависимости от настроек notificationTimer .

Пример.

"maximumNotificationCount": 3

browserNotificationTimer

на установку длительности (в секундах), по истечении которой уведомления браузера о настольном компьютере автоматически отключаются. "Хустер" — это стандартное уведомление браузера, которое отображается только в том случае, если рабочий стол не является активным окном или вкладкой браузера. Если окно или вкладка браузера рабочего стола неактивны

  • Вы работаете с другими окнами или вкладками браузера.

  • Вы работаете с другими приложениями.

  • Окно браузера рабочего стола свернуто.

Уведомление отображается в правом верхнем углу рабочего стола. По умолчанию задержка равна 8 секундам. Рекомендуемый диапазон значений времени ожидания: 5–15 секунд. Чтобы изменения времени задержки вступили в силу, необходимо обновить браузер после их внесения.

Пример.

"browserNotificationTimer": 8

Настроенная задержка уведомлений браузера зависит от операционной системы и настроек браузера. Это значение времени ожидания учитывается в браузере Chrome в Windows OS, Chrome OS и macOS. Однако другие поддерживаемые браузеры не всегда учитывают настроенное значение времени ожидания уведомления.

wxmConfigured

(Необязательно) Чтобы настроить Webex Experience Management, установите для параметра значение true. Значением по умолчанию является false.

Пример.

"wxmConfigured": значение верно

desktopChatApp

на настройку нескольких приложений чата, предлагаемых Cisco, например Webex App.

webexConfigured

Webex приложение, а также его функции обмена сообщениями и совещаний можно настроить на рабочем столе. Эта конфигурация позволяет операторам взаимодействовать с другими операторами, супервизорами и экспертами по предмету (МСП) в рамках своей организации без отхода от рабочего места.

  • Администратор сайта управляет пользователями Webex совещания и назначает им права только в том случае, если у них есть Webex Enterprise Edition. Дополнительные сведения см. в разделе «Управление пользователями Webex Meetings в Cisco Webex Control Hub».
  • Супервизоры и мсп должны загрузить клиент Webex в свою систему (персональное устройство) или получить доступ к приложению Webex с помощью приложения Webex для Интернета ( https://web.webex.com/). Дополнительные сведения см. в разделе Загрузка приложения.
  • Приложение Webex можно использовать на Agent Desktop для совместной работы с другими операторами, супервизорами и экспертами по теме (МСП), не отрываясь от Agent Desktop. Функция управления вызовами недоступна. Для приема и совершения вызовов требуется внешнее невстроенное приложение Webex. Дополнительные сведения см. в разделе Приложения вызовов.

Настройка приложения Webex на рабочем столе

  • В Cisco Webex Control Hub при добавлении служб для пользователя установите флажок "Расширенный обмен сообщениями " ("Пользователи > Управляемые пользователи > Услуги> Messaging) Дополнительные сведения см. в разделе «Управление учетными записями пользователей в Cisco Webex сайте администрирования».

  • В пользовательской схеме рабочего стола задайте для свойства WebexConfigured значение true.

    Пример.

    "desktopChatApp": { "webexConfigured": истина },

    Значением по умолчанию для свойства WebexConfigured является false.

    Webex приложение доступно для ролей операторов, супервизоров и супервизоров, только если для каждой из этих ролей задано значение параметра WebexConfigured значение true . Оператор, супервизор или супервизор-агент не может выйти из Webex приложения

    На отображение экрана значок Webex (Webex) в горизонтальном заголовке рабочего стола введите значение webex в свойстве headerActions . Дополнительные сведения см. в разделе HeaderActions.

    Чтобы включить приложение Webex для определенной группы по сервисам, выберите настраиваемый макет с значением свойства WebexConfigured , имеющим значение true. Дополнительные сведения см. в разделе "Создание группы по сервисам".

Приложение Webex можно настроить на панели «Вспомогательная информация», на пользовательской странице, а также в пользовательском виджете. Дополнительные сведения см. в разделе на панели «Дополнительная информация».

Уведомления Webex приложения

Значения, заданные с помощью свойств таймера уведомления и browserNotificationTimer , применимы и для приложения Webex. Значение времени ожидания по умолчанию для этих свойств равно 8 секундам. Дополнительные сведения см. в разделах «Таймер уведомлений» и browserNotificationTimer.

headerActions

Для изменения порядка значков в горизонтальном заголовке Рабочего стола. Порядок по умолчанию следующий:

  1. Webex значок (Webex)

  2. Используйте телефон для звукового индикатора (исходящий вызов)

  3. Значок уведомления. (Центр уведомлений)

Установите значение свойства headerActions следующим образом:

Имя значка

Значение свойства headerActions

Приложение Webex

Webex

Исходящий вызов

дозвониться

Центр уведомлений

уведомление

Пример.

"headerActions": ["webex", "outdial", "notification"],

Значение свойства headerActions чувствительно к регистру.

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

Например:

"headerActions": ["уведомление", "вызов", "webex"],
  • Если вы не введете свойство headerActions и значения в пользовательском макете, значки будут отображаться в порядке по умолчанию.
  • Чтобы удалить значки заголовков и связанные с ними функции с рабочего стола, задайте пустое значение для свойства headerActions ("headerActions": []). Однако если вы добавили приложение Webex на панель «Вспомогательная информация» или на пользовательскую страницу, или в качестве пользовательского виджета, агент по-прежнему сможет получить доступ к приложению Webex, хотя приложение Webex недоступно в горизонтальном заголовке рабочего стола.
  • Если значение свойства webexConfigured установлено как false, значок Webex приложения не отображается в горизонтальном заголовке рабочего стола, даже если значение webex добавлено в свойство headerActions . Для получения дополнительной информации см. webexConfigured.

область

Свойство area является основным разделом макета рабочего стола. Вы можете определить макет в соответствии с областью. 

"область": { "заголовок": { ... }, "advancedHeader: { { "comp": "widget-1", "attributes": { ... }, "скрипт": .... } }, "панель": { ... }, "навигация": { ... }, "настойчивый": { ... }, "безголовый": { ... } },

Вы можете настроить следующие объекты области :

  • Панель: представляет вторую или самую правую панель на панели дополнительной информации.

  • Навигация: представляет пользовательские страницы и их элементы навигации, связанные со страницами.

  • Постоянные: представляют виджеты уровня страницы, которые являются постоянными и отображаются на всех страницах рабочего стола.

  • Headless: представляет собой виджеты, не имеющие визуального интерфейса, но выполняющие логику в фоновом режиме.

Если настроено свойство advancedHeader, свойства header и headerActions необходимо удалить.

расширенныйЗаголовок

Для настройки видимости и изменения порядка значков в горизонтальном заголовке Рабочего стола. Порядок по умолчанию следующий:

  1. Webex значок (Webex)

  2. Используйте телефон для звукового индикатора (исходящий вызов)

  3. Значок уведомления. (Центр уведомлений)

  4. Webex Селектор состояний агентов контакт-центра. (Селектор состояния агента)

Установите значение свойства advancedHeader следующим образом:

Имя значка

Значение свойства headerActions

Приложение Webex

агентx-webex

Исходящий вызов

агентx-outdial

Центр уведомлений

агентx-уведомление

Селектор состояния агента

селектор-состояния-агентаx

Пример.

"advancedHeader": [ { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } { "comp": "widget-1", "attributes": { ... }, "скрипт": .... } ]

Значение свойства advancedHeader чувствительно к регистру.

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

Виджеты располагаются в раскрывающемся меню слева направо.

  • Если вы не введете свойство advancedHeader в пользовательском макете, будет отображаться заголовок по умолчанию.

  • Если расширенный заголовок включен, вам следует переместить виджеты из существующего заголовка в расширенный заголовок, как показано в примере.

  • Если включен расширенный заголовок, старый заголовок отображаться не будет.

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

  • Расположение логотипа, заголовка и значков профиля фиксировано и не может быть изменено.

  • Чтобы удалить значки заголовков и связанные с ними функции с рабочего стола, задайте пустое значение для связанного компонента в свойстве advancedHeader ("advancedHeader": []).

    Если вы добавили приложение Webex на панель «Вспомогательная информация» или на пользовательскую страницу, или в качестве пользовательского виджета, агент по-прежнему сможет получить доступ к приложению Webex, хотя приложение Webex недоступно в горизонтальном заголовке рабочего стола.

  • Если вы добавляете виджет с длинной меткой, будет отображаться укороченное имя метки в соответствии с доступным пространством.

    Вы можете использовать атрибут textContent , чтобы добавить метку к виджету.

    Пример.

    { "comp": "timer-widget", "attributes": { "duration": "08:00:00" }, "textContent": "Таймер обратного отсчета для текущей смены", "script": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }

    Метка «Таймер обратного отсчета для текущей смены» будет обрезана и отображена в соответствии с доступным пространством.

    • Избегайте добавления виджетов с длинными метками.

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

  • Если webexНастроенный значение свойства устанавливается как ЛОЖЬ, Webex Приложение Значок не отображается на горизонтальном заголовке Рабочего стола, даже если вебекс ценность добавляется в расширенныйЗаголовок свойство. Для получения более подробной информации см. webexНастроенный.

Домашняя страница

При входе в систему с рабочего стола вы попадаете на домашнюю страницу.

Домашняя страница доступна только супервайзерам и супервайзерам-агентам.

На главной странице вы можете просмотреть следующие виджеты. Виджеты анализатора предоставляются по умолчанию, но администратор также может настроить постоянные и пользовательские виджеты. Для получения более подробной информации см. Свойства верхнего уровня макета JSON.

Виджеты анализатора

По умолчанию виджет Analyzer отображается на домашней странице рабочего стола.

Конфигурация макета домашней страницы

Вы можете настроить домашнюю страницу рабочего стола так, чтобы она отображала макет, соответствующий предпочтениям вашей организации и фирменному стилю. Редактировать Домашняя страница поле для настройки домашней страницы. Вы можете настроить следующие компоненты, которые будут отображаться на домашней странице при входе пользователя на рабочий стол:

  • Приветственное сообщение

  • The Задача значок на панели навигации для перехода на панель задач. The Задача Значок отображается для ролей «Супервизор» и «Супервайзер и агент» с включенной функцией мониторинга вызовов. На панели задач отображаются входящие запросы клиентов, активные и прошлые взаимодействия с клиентами, а также запросы на активный мониторинг.

  • Фильтруйте разделы, такие как Имя очереди, Тип канала, и Управляемые команды.

В следующей таблице описаны свойства страницы , которые необходимы для настройки домашней страницы

Таблица 2. Динамический макет домашней страницы — свойства страницы

Свойство

Описание и код

> страницы использоватьFlexLayout

Макет Flex — это новый веб-компонент. Это не меняет существующих виджетов. В новой макете flex используется тот же формат конфигурации макета в упрощенном виде. Это обратная совместимость и не влияет на существующие виджеты. Вам необходимо настроить схему СОЗДАНИЯ параметров параметров ОБРАБОТКИ ДАННЫХ (2012). Для настройки макета ГДЕ бы можно было указать высоту и ширину виджета. Виджет отображается в той же последовательности, что и в макете ГДЕ-либо ЕЩЕ. Для виджетов маржа по умолчанию — 8 пикселей.

Схема АДРЕСно-инструментного устройства (х высота) определяется размерами (ширина х высота) и с учетом данных (X, Y, Z).

Гибкий макет поддерживает такие возможности, как изменение размера отдельных виджетов, максимизация виджетов и т. д.

Высота отдельных виджетов измеряется в пикселях. 1 единица высоты = 40 пикселей. Ширина виджета зависит от количества столбцов в контейнере и от числа столбцов, которые изменяются в зависимости от ширины контейнера.

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

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

Схема Flex обеспечивает стандартные точки останова, такие как большие, средние, малые и сверхмельчайные.

  • Большие виджеты имеют разрешение 1360 пикселей и более. Для крупных виджетов укажите значение в столбце как 12.

  • Средние виджеты имеют разрешение от 1070 px до 1360 px. Для виджетов среды передачи укажите значение в столбце как 10.

  • Небольшие виджеты имеют разрешение от 850 px до 1070 px. Для небольших виджетов укажите значение в столбце как 6.

  • Дополнительные небольшие виджеты имеют разрешение 500 пикселей. Для дополнительных небольших виджетов укажите значение в столбце как 4.

Значение пикселов может различаться в зависимости от операционной системы и браузера.

"страница": { "id": "посадка", "useFlexLayout": true, "виджеты": { "comp1": { "comp": "div", "ширина": 4, "высота": 4, "textContent": "Виджет 1", "атрибуты": { "стиль": "ширина: макс-содержимое; margin: 80px 240px; цвет: белый;" } }, "comp2": { "comp": "div", "ширина": 4, "высота": 4, "textContent": "Виджет 2", "атрибуты": { "стиль": "ширина: макс-содержимое; margin: 80px 240px; цвет: белый;" } } }

комп > page

Убедитесь, что используется уникальный пользовательский компонент.

"comp": "название страницы",

Компонент заголовка страницы представляет заголовок уровня 2<h2> пользовательского элемента HTML.

> заголовка страницы

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

Компонент заголовка страницы представляет заголовок уровня 2<h2> в пользовательском элементе HTML.

  • Статическая строка: например, Привет!

    "comp": "название страницы", "атрибуты": { "pageTitle": "Привет, добро пожаловать!" }

  • Динамическая строка: для извлечения значения из STORE Например, Джейн Доу.

    "comp": "название страницы", "атрибуты": { "pageTitle": "$STORE.agent.agentName" }

  • Оба: сочетание статических и динамических строк. Например, эй, Джейн Доу, добро пожаловать!

    "comp": "название страницы", "атрибуты": { "pageTitle": "Привет {$STORE.agent.agentName}, добро пожаловать!" }

    Динамическую часть строки необходимо заключить в закрытые фигурные скобки {} и префикс со структурой $.

> pageSubHeader

Убедитесь, что необходимо добавить дополнительный заголовок, который отображается на рабочем столе. В под-заголовке можно добавить "Go к Анализатору ".

  • Блок кода для под заголовка

    "useFlexLayout": true, "pageSubHeader": { "comp": "div", "атрибуты": { "стиль": "дисплей: flex; float:справа; margin:16px 0px 16px 16px 16px" }, "дети": [ { "comp": "div", "дети": [ { comp: "md-метка", "textContent": "$I 18N.pageSubHeader.queueName", "атрибуты": { "стиль": "поле снизу:8px;" }

  • Блок кода для перехода к анализатору в под заголовке

    { "comp": "div", "дети": [ { "comp": "agentx-more-action-wrapper", "свойства": { "actionList": [ { "comp": "agentx-wc-goto-анализатор" }

Навигация (пользовательские страницы)

В этом разделе можно добавить страницы, которые отображаются на левой панели навигации. Вы можете задать значок навигации и уникальный URL, чтобы виджет появился на панели навигации. Во избежание конфликтов мы рекомендуем использовать определенный префикс URL. Дополнительные сведения см. в разделе «Свойства навигации».

Вы также можете иметь коллекцию виджетов, которые можно отобразить на этой странице. Страница может иметь один виджет, который отображается на экране, или коллекцию виджетов в таблице. Дополнительные сведения об устройстве таблицы см. в разделе «Схема собственности ».

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

Например: 

{ "nav": " метка": "пользовательская страница", "значок": "сохраненная информация", "iconType": "момент", "навигация": "динамические вкладки", "выравнивание": "сверху", "isDefaultLandingPage": истина }, "страница": { "id": "мой - пользовательский - страница", "useFlexLayout": истина, "Виджеты": { "comp1": { "comp": "md-tabs", "дети": [{ "comp": "md-tab", "textContent": "Таймер сдвига", "атрибуты": { "гнездо": "tab" } }, { "comp": "md-tab-панель", "атрибуты": { "гнездо:"панель" }, "дети": [{ "comp": "мой - пользователь - таймер", "источник": http: my-cdn.com/my-custom-timer.js "обертка": { "название": "Таймер сдвига", "maximizeAreaName": "приложение-maximize-area" } }, { "comp": "md-tab", "textContent": "Фондовый рынок", "ответ": "ложь", "атрибуты": { "гнездо": "вкладка" }, }, { "комп": "md-tab-панель", "атрибуты": { гнездо: "панель" }, "дети": [{ comp: "agentx-wc-idrew", "responsive": "ложь": " атрибуты": { "src": "https://widget-kad.s3.amazonaws.com/Trading.htm" }, "обертка": { "название": "Фондовый рынок", "maximizeAreaName": "приложение-maximize-area" } }, }, { "comp": "md-tab", "textContent": "Виджет3", "атрибуты": { гнездо: "вкладка" } }, { "comp": "md-tab-панель", "textContent": "три содержимого", "атрибуты": { гнездо: "панель" } } ] }, "comp2": { "комп": "мой - Google - карты - компонент", "source": "https://my-cdn.com/my-google.maps.js "обертка": { "название": "Google Map", "maximizeAreaName": "app-maximize-area" } }, "макет": { "области:[ ["слева", "справа"]], "размер": { "cols:[1, 1], "строки": [1] } },

В следующей таблице описаны свойства навигации и страницы и их дочерние свойства

Таблица 3. сведения о собственности nav

Свойство

Описание и код

навигация > марка

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

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

type Navigation.Item = { метка: строка; iconType: "momentum" | "другое"; значок: строка; выравнивание: "сверху" | "снизу"; navigateTo: строка; iconSize? :число; отвечает? :булев; };

Свойство метки — это название пользовательской страницы.

nav > iconType

Это свойство обозначает тип значка, отображаемого на панели навигации пользовательской страницы.

Доступны следующие типы значков:

  • Momentum: вы можете выбрать любые доступные значки из коллекции: https://momentum.design/icons. Преимущество использования Momentum заключается в том, что он предоставляет несколько значков с "активной" версией.

    Использование активной версии:

    Например, если выбрать тип значка Momentum объявлениена панели навигации отображается значок по умолчанию. При переходе на пользовательскую страницу (связанную с значком), значок меняется на значок объявление — активный; версия автоматически. Убедитесь, что вы убедитесь, что он имеет активный версия этого же значка в библиотеке значков.

  • Другое: Вы можете предоставить URL пользовательского изображения (размещенного в CDN), который отображается на панели навигации. Если вы используете черный или белый пользовательский значок, то при переключении между темным и светлым режимами значок не отображается.

nav > icon

Это свойство представляет имя значка в библиотеке Momentum или URL-адрес CDN.

тип Navigation.Item ={ icon:"оповещение"; }; ИЛИ // тип Navigation.Item ={ icon:"https://my-cdn.com /my-navigation-icon.png"; };

nav > налигн

Данное свойство позволяет выровнять значок в верхней или нижней части панели навигации.

В настоящее время свойство допускает только выравнивание верхней части экрана.

nav > isDefaultLandingPage

Это свойство указывает целевую страницу по умолчанию для операторов в Agent Desktop. Задайте для этого свойства значение true, чтобы сделать страницу на панели навигации целевой страницей по умолчанию, которая отображается для операторов после входа в Agent Desktop. Если для нескольких страниц с панелью навигации задано значение true, система считает, что первая панель навигации становится целевой страницей по умолчанию.

Если ни на другой странице панели навигации не установлено значение true, главная страница действует как целевая страница по умолчанию.

Отчеты по статистике производительности операторов нельзя задать в качестве целевой страницы по умолчанию.

nav > navigateTo

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

Навигация не должна содержать следующие значения: изображения, шрифты, css, build_info, справка, приложение, i18n, значки, изображения-mfe-wc и звуки.

тип Navigation.Item = { navigateTo: "мой - настраиваемый - страница"; };
Таблица 4. страница Сведения о собственности

Свойство

Описание и код

страница > сид

В страница Property, вы задаете объект пользовательской страницы (динамический виджет).

Устройство id Property представляет уникальный идентификатор страницы. Например, my-custom-page-1. Оператор не может видеть этот идентификатор на рабочем столе.

type DynamicWidgets.Page = { id: string; виджеты: строка записи < строку, DynamicWidget.Options >; макет: Макет; };

страница > useFlexLayout

Макет Flex — это новый веб-компонент. Это не меняет существующих виджетов. В новой макете flex используется тот же формат конфигурации макета в упрощенном виде. Это обратная совместимость и не влияет на существующие виджеты. Вам необходимо настроить схему СОЗДАНИЯ параметров параметров ОБРАБОТКИ ДАННЫХ (2012). Для настройки макета ГДЕ бы можно было указать высоту и ширину виджета. Виджет отображается в той же последовательности, что и в макете ГДЕ-либо ЕЩЕ. Для виджетов маржа по умолчанию — 8 пикселей.

Схема АДРЕСно-инструментного устройства (х высота) определяется размерами (ширина х высота) и с учетом данных (X, Y, Z).

Гибкий макет поддерживает такие возможности, как изменение размера отдельных виджетов, максимизация виджетов и т. д.

Высота отдельных виджетов измеряется в пикселях. 1 единица высоты = 40 пикселей. Ширина виджета зависит от количества столбцов в контейнере и от числа столбцов, которые изменяются в зависимости от ширины контейнера.

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

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

Схема Flex обеспечивает стандартные точки останова, такие как большие, средние, малые и сверхмельчайные.

  • Большие виджеты имеют разрешение 1360 пикселей и более. Для крупных виджетов укажите значение в столбце как 12.

  • Средние виджеты имеют разрешение от 1070 px до 1360 px. Для виджетов среды передачи укажите значение в столбце как 10.

  • Небольшие виджеты имеют разрешение от 850 px до 1070 px. Для небольших виджетов укажите значение в столбце как 6.

  • Дополнительные небольшие виджеты имеют разрешение 500 пикселей. Для дополнительных небольших виджетов укажите значение в столбце как 4.

Значение пикселов может различаться в зависимости от операционной системы и браузера.

"страница": { "id": "посадка", "useFlexLayout": true, "виджеты": { "comp1": { "comp": "div", "ширина": 4, "высота": 4, "textContent": "Виджет 1", "атрибуты": { "стиль": "ширина: макс-содержимое; margin: 80px 240px; цвет: белый;" } }, "comp2": { "comp": "div", "ширина": 4, "высота": 4, "textContent": "Виджет 2", "атрибуты": { "стиль": "ширина: макс-содержимое; margin: 80px 240px; цвет: белый;" } } }

страница > widgets

page > comp

Помогает определить пользовательские виджеты. Для размещения нескольких виджетов необходимо последовательно задавать параметры виджетов. Убедитесь, что вы даете каждому виджету уникальное название зоны. Используйте его в разделе макета позже.

"виджеты": { "comp1": { ... } "comp2": { ... } }

Это свойство представляет имя пользовательского элемента HTML (известного как веб-компонент или любой другой элемент, если требуется использовать его в качестве обертки). Дополнительные сведения см. в разделе Примеры примеров случаев использования. Введите здесь название пользовательского элемента без угловых скобок («<» или «>»). Например, "my-custom-element".

Каждая запись в разделе виджетов поддерживает следующий формат:

type Options = { comp: строка; сценарий? :струна; свойства? : запись < строка, любая >; Атрибуты? : запись < строка, строка >; дети? : Параметры[]; текстовыйконтент? :струна; стиль? : частичная < CSSStyleDeclaration >; обертка? : { title: строка; maximizeAreaName: строка; }; };

страница > script

(Необязательно) Это свойство требуется только при загрузке виджета или компонента из удаленного местоположения, например с CDN. 

"comp1": { "comp": "виджет-один", "сценарий": "http:/my-cdn.com / динамический - виджеты / виджет - one.js", }

Не меняйте URL сценария для того же компонента. Если необходимо изменить URL сценария для того же компонента, выполните одно из следующих действий:

  • Уведомите оператора о очистке кэша браузера и перезагрузке Agent Desktop.

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

    Например:

    (function() { var script = document.createElement("script"); script.src = <Your JS Script URL> script.type = "text/javascript"; script.async = true; document.getElementsByTagName ("голова").item(0).appendchild(script); } ()

страницы > реквизиты

Можно задать свойства, которые необходимо передать веб-компоненту. 

"свойства": { "пользователь": "admin", },

страница > ответв

Определяет, отвечает ли ответ веб-компонент или виджет на основе i00, добавленный в пользовательской макет на уровне страницы или на уровне компа . Адаптивные веб-компоненты делают вашу веб-страницу визуально привлекательной на всех устройствах, и они просты в использовании. Вы должны использовать адаптивные виджеты i Хейдр.

Настройте для этого свойства одно из следующих значений:

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

  • False: отключает динамичность виджета. Если виджеты не поддерживают просмотр на разных устройствах, пометьте их как неответственные.

{ "comp": "md-tab", "responsive": true, "атрибуты": { "гнездо": "вкладка", "класс": "виджет-панель-вкладка", "дети": [{ "comp": "гнездо", "атрибуты": { "имя": "SCREEN_POP_TAB" } }], "Видимость": "SCREEN_POP" }, { comp: "md-tab-панель", "responsive": false, "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "comp": "гнездо", "атрибуты": { "имя": "CALL_GUIDE" } },, "видимость": "CALL_GUIDE" },

Неответственные виджеты не могут обеспечить наилучшее обслуживание пользователя и не отображаются в меньшем окне. Оператор должен увеличить размер окна браузера для просмотра виджетов, которые настроены как неответчик.

атрибуты page > attributes

Атрибуты веб-компонентов можно указать в этом разделе. 

"атрибуты": { "отключено": "ложь", },

>видимость страницы

Указывает, видны ли виджеты Cisco, добавленные в пользовательской макет на уровне страницы или на уровне компа .

Виджеты Cisco: история контактов, Cisco Webex Experience Management, IVR стенограмма, предварительный просмотр руководства по вызовам в кампании и Экранный pop.

  • Значения свойств видимости встроены и определены в файле ПРЕДСТАВЛЕНИЯ по умолчанию в ФАЙЛЕ ФОРМАТА "Макет рабочего стола" в ФОРМАТЕ 194. Администратор не может изменять значения свойств видимости виджетов, предлагаемых Cisco.

  • Значение свойства видимости NOT_RESPONSIVE устаревшее. Его можно продолжить использовать только для обеспечения обратной совместимости. Любое значение, установленное как NOT_RESPONSIVE ранее, не требует изменения, так как функциональность останется прежней.

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

страница >детые

Это свойство является основной частью планировки. В дети в разделе можно вставить столько уровней, сколько требуется, если виджет на основе веб-компонентов позволяет вам пройти детей. Чтобы это было возможно, разработчик должен программно решать следующие действия Прорези содержание. Дополнительные сведения см . в руководстве разработчика Cisco Webex Contact Center Desktop Developer Guide.

Сведения о передаче значений STORE в качестве свойств см. в разделе «Общий доступ к данным от рабочего стола к виджетам». 

"дети": [{ "comp": "div", "textContent": "Тест" }, { "comp": "div", "textContent": "Тест" }, { "comp": "div", "textContent": "Тест" }, { "comp": "div", "textContent": "Тест" }, { "comp": "div", "дети": [{ "comp": "div", "textContent": "Тест" }, { "comp": "div", "textContent": "Тест" }, { "comp": "div", "textContent": "Тест" } },

Преимущество раздела «дети» массива заключается в том, что вы можете использовать существующие веб-компоненты в спецификации макета, которая уже входит в пакет Desktop. Веб-компоненты пакета Desktop включают в себя:

  • agentx-wc-i рамки: виджет, который позволяет разместить любую веб-страницу в i00-00 в качестве виджета.

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

  • любой компонент в библиотеке momentum-ui-web-компонента. Дополнительные сведения см. в разделе GitHub. Пример:

    • md-tabs: обертка-контейнер с вкладками

    • md-tab: заголовок одной вкладки

    • md-tab-panel: содержимое одной вкладки

Дополнительные сведения об атрибутах для вкладки "Постоянные" см. в разделе "Атрибуты для постоянных вкладок".

страница > textContent

Помогает добавить текстовый контент. 

"текстовый контент": "Мое текстовое содержимое",

стиль пейдж >

Помогает присвоить компоненту определенный стиль CSS.

"стиль": { "backgroundFlow": "#CBD", "переполнение": "прокрутка" },

пейдж >ураппер

Обертка виджета позволяет добавить инструментальной панели поверх виджета. Инструментальной панели могут содержаться заголовок и заголовок Значок «Развернуть» (Развернуть) в верхней части виджета. Когда виджет занял небольшое место на странице, значок развернуть позволяет оператору видеть виджет в полном рабочем пространстве.

Убедитесь, что по умолчанию используется значение «приложение-развернуть область» В настоящее время доступно только значение по умолчанию. 

"обертка": { "название:: Название виджета", "maximizeAreaName": "приложение развернуть область" }

идентификатор страницы > wrapper>

(Необязательно) Обертка виджета веб-компонентов позволяет обновлять название динамического виджета, используя уникальный идентификатор. Введите значение свойства виджета wrapper id как unique-id-update-title. 

"обертка": { "title": Название виджета ", "id": "unique-id-update-title", "maximizeAreaName": "приложение развернуть область" }

Убедитесь, что для пользовательского приложения JavaScript используется один и тот же уникальный идентификатор. Дополнительные сведения см . в разделе «Асинхронные события » в главе « Модуль контакта оператора» Cisco Webex Contact Center Desktop Developer.

Для обновления заголовка виджета на основе i Кадров используйте содержимоеiя i 000 000 000 00 000 000 000 000 000 000 000 0 Ниже приводится пример

< тип сценария = "text/javascript" > var title = ""; window.addEventListener(«update-title-event», function(e) { title = e.detail.title; }); document.querySelector('#customEvent').onclick = function() { const e = new CustomEvent("update-title-event", { пузырьки: true, detail: { title: "новый заголовок" } }); window.parent.dispatchEvent(e); }; < /script> < button id = "customEvent" > New Title < /button> < i000 = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" > < /iscript>

page > agentx-wc-i рамп

Позволяет встраивать веб-страницу в i Рамки, которая появляется на рабочем столе как виджет. Вы можете использовать виджет i Ххит под названием "agentx-wc-iify". 

"comp1": { "comp": "agentx-wc-i рамки", "атрибуты": { "src": "https://blog.logrocket.com/a - ultimate - guide - guide - to - i рамки /" }, "обертка": { "название": "AgentX iПелеа", "maximizeAreaName": "приложение развернуть область" },

страница > отложения

Позволяет расположить виджеты на странице.

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

type Layout = { области: строка[][]; размер: { строки: число[]; cols: число[]; }; };

Здесь вы можете определить таблицу с названиями областей, заданными в разделе виджетов .

В следующем примере показано, как указывается схема расположения трех строк и трех столбцов 

"макет": { "области": [ [ "comp1", "comp1", "comp3" ], [ "comp2", "comp2", "comp3" ], [ "comp4", "comp4", "comp4" ] ], "размер": { "cols": [1, 1, 1], "строки": [1, 1, 1] }
Равное распределение макета 3x3
Equal distribution of a 3x3 layout for Webex contact Center Desktop layout configuration.

В разделе размеров цифры представляют собой часть пространства, которую может занять виджет, по отношению к остальным виджетам. Все три столбца занимают 1 долю пространства. При 100% доступной ширины, каждый виджет занимает 33,33% горизонтального пространства.

При равной ширине столбца
Equal column width layout for Webex Contact Center Desktop layout configuration.

Другой пример использования, если задать «cols»: [1, 2, 2], это означает, что общее пространство делится на 5 (1+2+2), а первый виджет занимает 20 % горизонтального пространства. Второй и третий виджеты занимают по 40% каждый. Дополнительные сведения см. в разделе Основные концепции макета таблицы

Unequal column width layout for Webex Contact Center Desktop layout configuration.
После изменения ширины столбца

page > СООТ

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

Этот подлейный слой обеспечивает больший контроль над поведением макета с изменением размера. Свойство макета страницы должно быть типа Record<string, Layout>. Схема размещения позволяет расположить виджеты на странице.

{ "id": "some-id", "виджеты": { "c1": { "comp": "div", "textContent": "c1" }, "c2": { "comp": "div", "textContent": "c2" }, "c3": { "comp": "div", "textContent": "c3" }, "c4": { "comp": "div", "textContent": "c4" }, "c5", "c5": c5", "c5" } }, "textContent", "макет": { "ROOT": { "области:[ [<c1", "sub1"], ["c2", "sub2", ], "размер": { "cols": [1, 1], "строки": [1, 1] }, "под1": { "области": [ [<c3", "c4""] ], "размер": { "cols": [1, 1], "строки": [1] }, "под2": { "области": [ [["c1"], ["c5"] ], "размер": { "cols:[1], "строки": [1, 1]} } }

В результате настройки создается таблица в макете ROOT с двумя подсетями, которые можно изменять независимо.

Sub-layout appearance for Webex Contact Center Desktop layout configuration.
Внешний вид подплана

Изменение размера компонента влияет на компоненты в пределах этого подотложения.

Sub-layout appearance, after resizing both sub-layouts, for Webex Contact Center Desktop layout configuration.
После изменения размера обоих под-макетов

Следует помнить о следующих случаях:

Бесконечный цикл: включение макета ROOT в качестве подложного набора ROOT вызывает ошибку "стек вызовов превышен" и начинается в бесконечный цикл.

{ "макет": { "ROOT": { "области": [ [[c1", "c2"], ["c3", "ROOT", ], "размер": { "cols": [1, 1], "строки": [1, 1] } }
Sub-layout appearance with infinite loop for Webex Contact Center Desktop layout configuration.
Подгруппа с бесконечным циклом

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

Если это не является желательным, переименуйте каждый подлагай уникальным именем.

{ "макет": { "ROOT": { "области": [ [["c1", "sub1"], ["c2", "sub1", ], "размер": { cols: [1, 1], "строки": [1, 1] } }, "sub1": { "области:[ [<c3", "c4"]], "размер": { "cols:[1, 1], "строки": [1] }
Sub-layout appearance with N times for Webex Contact Center Desktop layout configuration.
Подгруппа с N-временем

Атрибуты постоянных вкладок

Чтобы установить постоянные вкладки на пользовательских страницах и виджетах, введите атрибуты md-tabs в пользовательском макете.

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

{ comp: "md-tabs", "атрибуты": { "упор-выбор": true, "tabs-id": "unique-id для всех вкладок вместе в контейнере" }, }

Свойство

Описание

выбор с упором

На настройку md-tab для постоянных . Значением по умолчанию является true.

tabs-id

Уникальная идентификация всех язычков вместе в контейнере.

Если задать для md-tabs постоянную настройку (persistent-selection: true), Agent Desktop сохраняет выбор вкладки, даже если оператор переключается между страницами или виджетами на рабочем столе.

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

Конфигурация постоянных виджетов

Вы можете настроить любой пользовательский виджет, чтобы он был постоянным. Постоянные виджеты отображаются на всех страницах Рабочего стола. Постоянные виджеты отображаются как новая вкладка на панели «Вспомогательная информация» только при наличии активного запроса на контакт или разговора. Например," Пример постоянного виджета.

Постоянные виджеты не отображаются на домашней странице так же, как на других страницах. Однако при активном взаимодействии постоянные виджеты отображаются на домашней странице в панели «Вспомогательная информация». Например, при ответе на вызов отображается панель управления взаимодействием, а на панели «Постоянная вспомогательная информация» отображается виджет «Пример постоянного вызова».

Например: 

"область": { "постоянный": [{ "comp": "md-tab", "атрибуты": { "гнездо": "вкладка" }, "дети": [{ "comp": "md-значок", "атрибуты": { "имя": "emoticons_16" } }, { "comp": "span", "textContent": "Настраиваемый виджет страницы" } }, { "comp": "md-tab-панель", "атрибуты": { "гнездо": "панель", "дети": [{ "comp": "динамические области", "свойства": { "область": { "id": "dw-панель-два", "виджеты": { "comp1": { "comp": "agentx-wc-i рамки", "атрибуты": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "обертка": { "название": "AgentX i00", "maximizeAreaName": "приложение-развернуть область" } }, "comp2": { "comp": "uuip-виджет-два", "сценарий:"./dynamic-виджеты/widget-two.js", "атрибуты": { "название": "содержимое виджета 2" }, "обертка": { "название": "название виджета 2", "maximizeAreaName": "приложение-maximize-area" } }, "макет": { "области": [ ["comp1", "comp2"]]], "размер": { "cols": [1, 1], "строки": [1] } }

При настройке виджета можно выбрать один из вариантов:

  • Размести на веб-странице приложение, которое может быть встроено в i00;

  • Создайте пользовательские виджеты.

Технические требования к виджетам описаны в документации по развитию виджетов на рабочем столе. Убедитесь в том, что у редактора макетов есть следующие сведения:

  • Как называется пользовательский элемент HTML (известный как веб-компонент)?

  • Каков URL-адрес источника сети доставки содержимого (CDN), в котором размещен пакет JavaScript?

Виджеты заголовков

Заголовок используется для отображения встроенной информации, для добавления раскрывающихся меню и т. д. Поскольку у контейнера заголовков есть ограниченное пространство по вертикали, общая высота заголовка составляет всего 64 пикселя. Дополнительные сведения о выравнивании макета см. в разделе «Свойства макета ».

Например: 

"заголовок":" { "id":"заголовок", "виджеты":{ "head1":{ "comp":"header-widget-one", "сценарий":"https://my-cdn.com/dynamic-widgets/header-widget-one.js", }, "head2":{ "comp:"header-виджет-два", "script":"https://my-cdn.com/dynamic-widgets/header-widget-two.js", }, }, "макет":{ "области":[[ "голова1", "голова2" ]], "размер": { "cols: [1, 1], "строки": [1] }

Чтобы добавить всплывающе подсказку для виджета заголовка , оберните компонент md-tooltip. Введите всплываемую подсказку в свойстве сообщения .

Например: 

"Заголовок": { "id:: "dw-заголовк", "виджеты": { "голова1": { "comp": "md-tooltip", "атрибуты": { "сообщение": "Netlify" }, "дети": [{ "comp": "agentx-wc-iify", "атрибуты": { src: "https://keen-jackson-8d352f.netlify.app" } }], }, }

Вы должны добавить отображение и высоту атрибутов стиля для настройки любых виджетов с помощью i Пользовательского виджета в области настраиваемых виджетов в заголовке. Наилучшее значение атрибута высоты составляет 64 пикселя.

Убедитесь, что вы добавляете атрибуты стиля в существующие виджеты заголовков для их загрузки, как положено в iХефрейм.

Например: 

"голова1": { comp: "agentx-wc-i рамки", "атрибуты": { src: "https://widget-kad.s3.amazonaws.com/Headers/Timer/Timer.htm", "стиль": "высота:64px; display:flex;" } },

Для заголовка рекомендуется использовать только одну строку с несколькими столбцами, поскольку высота заголовка равна только 64 пикселям. Для получения дополнительной информации о выравнивании см. раздел свойства макета .

Панель дополнительной информации

На панели «Дополнительная информация» на рабочем столе отображаются вкладки, на которых отображаются виджеты Cisco (по умолчанию) и пользовательские виджеты. На предварительно определенных вкладках отображаются следующие виджеты Cisco

  • История контактов

  • Расшифровка IVR

  • Путешествие по опыту пользователя

  • Всплывающее окно

Панель «Вспомогательная информация» можно использовать для выполнения следующих действий:

  • Добавление вкладок

  • Изменение порядка вкладок

  • Удаление предварительно определенных вкладок

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

  • Добавьте всплывающие подсказки к пользовательским вкладкам

  • Добавьте параметр сброса порядка вкладок

Например: 

"панель": { "comp": "md-tabs", "атрибуты": { "класс:: "виджет-вкладки" }, "дети": [{ "комп": "md-tab", "атрибуты": { "гнездо": "вкладка", "класс": "виджет-панель-вкладка" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "CONTACT_HISTORY_TAB" } }, { "комп": "md-tab-панель", "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "CONTACT_HISTORY" } } }, { "comp": "md-tab", "атрибуты": { "гнездо": "вкладка", "класс": "виджет-панель-вкладка" }, "дети": [{ "комп": "мд-значок", "атрибуты": { "имя": "поп-out_16" } }, { "comp": "span", "textContent": "Pop Screen" } ], "видимость": "SCREEN_POP" }, { "comp": "md-tab-панель", "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{comp: "#SCREEN_POP" }], }, { "comp": "md-tab", "атрибуты": { гнездо: "вкладка" }, "дети": [{ "комп": "md-значок", "атрибуты": { "имя": "emoticons_16" } }, { "comp": "размах", "textContent": "пользовательский виджет" }, { "comp": "md-tab-панель", "атрибуты": { "гнездо": "панель" }, "дети": [{ "комп": "динамическая область", "свойства": { "область": { "id": "dw-панель-два", "виджеты": { "comp1": { "comp": "agentx-wc-i рам", "атрибуты": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "оболочка": { "название": "AgentXi"", "maximizeAreaName": "приложение-развернуть область" } }, "comp2": { comp: "виджет-один", "сценарий": "https://my-cdn.com/dynamic-widgets/widget-one.js", "обертка": { "название": "Название виджета", "maximizeAreaName": "приложение-развернуть область" } } }, "макет": { "области:: [ ["comp1"], ["comp2"] ], "размер": { "cols": [1], "строки": [1, 1] } } } } } } },

Можно настроить виджет "Путешествие с пользователем" после включения показателя управления качеством обслуживания на портале управления.

На панели «Вспомогательная информация» добавьте новые вкладки для размещения пользовательских виджетов. Здесь не применяются никакие специальные правила, а гнездовка компонентов выполняется как положено и описано в разделе " Дети ". Дополнительные сведения см. в разделе «Дети » на странице.

Ниже приведены конкретные примеры настройки заголовков вкладок

Пример размещения значков и меток в свойстве "Дети" 

{ "comp": "md-tab", "атрибуты": { гнездо: "вкладка", "класс": "виджет-панель-вкладка" }, "дети": [{ "комп": "значок md", "атрибуты": { "имя": "transcript_16" } }, { "comp": "span", "textContent": "Моя вкладка виджетов" },,

Пример размещения изображения (с CSS) и меток в свойстве "Дети" 

{ "comp": "md-tab", "атрибуты": { гнездо: "вкладка" }, "дети": [{ "comp": "размах", "атрибуты": { "стиль": "выравнивание элементов: центр; display: flex;" }, "дети": [{ comp: "i умыш", "атрибуты": { src: "http: //my-cdn.com/icon.svg", "ширина": 16, "высота": 16, "стиль": "право поля: 0.5rem;" } }, { "comp": "размах", "textContent": "Вкладка "Мой виджет" } },,

Раскрывающийся список «Другие вкладки » автоматически отображается, когда на панели «Вспомогательная информация» содержатся несколько вкладок.

Для удобства чтения и специальных возможностей необходимо добавить пользовательские всплывающие подсказки вкладки. Чтобы добавить всплываю подсказку для пользовательской вкладки, оберните компонент md-tooltipip подсказкой. Введите всплываю подсказку в свойство сообщения и примените значения свойств стиля , как показано в следующем примере.

"comp": "md-tooltip", "атрибуты": { "класс": "виджет-вкладки", "сообщение": "Пример вкладки 1", "стиль": "максимальная ширина: 252px; минимальная ширина: 110px; переполнение: скрыто; переполнение текста: эллипс; white-space: nowrap; отображение: встроенный блок; снизу поля: -10px;" },

Для пользовательской вкладки рекомендуется использовать максимальную ширину в 252 пикселя, а минимальную — 110 пикселей.

Чтобы включить функцию перетаскивания на пользовательской вкладке, добавьте в атрибуты следующеесвойство: 

"comp": "md-вкладки", "атрибуты": { "класс": "виджет-вкладки", "draggable": true, "comp-unique-id": "пример динамических пользовательских вкладок" },

  • draggable: задайте для свойства draggable значение true.

  • comp-unique-id: введите уникальное значение для идентификации компонента.

    Например:

    "comp-unique-id": "примеры динамических пользовательских вкладок"

Если включена функция перетаскивания пользовательской вкладки, оператор может перетащить вкладку в требуемое положение на панели «Вспомогательная информация». Чтобы сбросить порядок вкладок по умолчанию, добавьте следующее свойство: 

"comp": "agentx-wc-more-actions-виджет", "атрибуты": { "гнездо": "настройки", "класс": "панель виджетов", "tabs-unique-id": "пример динамических пользовательских вкладок" },

  • agentx-wc-more-actions-виджет: введите компонент, отображаемый в виде дополнительных действий (Значок дополнительных действий) на панели «Вспомогательная информация».

  • slot="settings": введите атрибут в компонент, который отображается в качестве параметра сброса порядка вкладок в раскрывающемся списке "Дополнительные действия ". Операторы могут сбросить вкладки на панели «Дополнительная информация» в порядке по умолчанию, щелкнув значок Значок дополнительных действий >Заказать порядок вкладок.

  • tabs-unique-id: введите то же уникальное значение, определенное для свойства comp-unique-id , чтобы сопоставить и сбросить компоненты md-tabs .

В следующем примере кода используются функции " Дополнительные действия" и "Сброс порядка вкладок".

"comp": "agentx-wc-more-actions-виджет", "атрибуты": { "гнездо": "настройки", "класс": "панель виджетов", "tabs-unique-id": "пример динамических пользовательских вкладок" }, "дети": [{ "comp": "div", "атрибуты": { "textContent": "пользовательское действие", "гнездо": "пользовательское действие" }, "дети": [{ "comp": "agentx-wc-notes-header-widget" }, { "comp": "agentx-wc-menu-notification" } }
Webex Contact Center more actions menu example, showing the 'Reset Tab Order' option.

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

Раскрывающийся список «Дополнительные действия » можно расширить для добавления дополнительных пользовательских компонентов или виджетов после параметра «Сброс порядка вкладок». Далее приводится пример набора значений свойств стиля , которые можно применить к дополнительным компонентам.

"comp": "md-tooltip", "атрибуты": { "класс": "виджет-вкладки", "сообщение": "Пример элемента", "стиль": "максимальная ширина: 252px; минимальная ширина: 110px; переполнение: скрыто; переполнение текста: эллипс; white-space: nowrap; отображение: встроенный блок; снизу поля: -10px;" },
Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

Функция перетаскивания не поддерживается для дополнительных пользовательских компонентов или виджетов, которые добавляются в раскрывающийся список «Дополнительные действия ».

Виджеты без головы

В раздел "Без головы" можно добавить виджеты, которые являются скрытыми и не отображаются на Agent Desktop. Эти виджеты используются для выполнения логики в фоновом режиме. Этот раздел полезен для инициирования событий, происходящих на рабочем столе, и выполнения виджета с учетом логики. Например, открытие пользовательского pop-окна с экраном в РЕЖИМе МНОГО для SMS по его прибытию.

Например: 

"Без головы":{ "id":"без головы", "виджеты":" comp1:{ "комп":"безголовый виджет-один", "сценарий":"https://my-cdn.com/dynamic-widgets/headless-widget-one.js", }, "comp2":{ "comp":"голова виджет-два", "сценарий":"https://my-cdn.com/dynamic-widgets/headless-widget-two.js", } }, "макет":{ "области:[[ comp1", comp2" ]], "размер": { "cols:[1, 1], "строки": [1] } }

Обмен данными с рабочего места на виджеты

Для получения данных в режиме реального времени через свойства или атрибуты внутри пользовательского виджета, назначьте соответствующие значения STORE в конфигурации макета ИДЕНТИФИКАТОРА;

Кроме того, для доступа к данным через подписчиков JavaScript SDK можно также передать данные с помощью свойств или атрибутов. Если компонент создан для реагирования на изменения свойств или атрибутов, то вы получаете обновления данных реального времени от Agent Desktop, который называется поставщиком данных.

В настоящее время у нас есть один провайдер данных под ключ STORE. Дополнительные сведения см. в разделе «Поставщик данных — свойства и атрибуты виджета » в Руководстве разработчика по Cisco Webex Contact Center Desktop.

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

Администратор создает кампании, настраивает режим набора (предварительный просмотр) и назначает кампании группам по сервисам. Если оператор является частью группы, которой назначены кампании, он может совершать вызов кампании для предварительного просмотра для исходящих вызовов. Дополнительные сведения см. в разделе «Настройка режимов голосовой исходящей кампании» в Webex Contact Center.

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

Контакт кампании

Администратор добавляет виджет "Контакт кампании" в контейнер заголовков пользовательского макета. Контакт в кампании отображает контактную информацию пользователя на основе определенных свойств. Дополнительные сведения о выравнивании макета см. в строке свойств макета на странице "Сведения о свойствах таблицы".

Например: 

 "advancedHeader": [ { comp: "agentx-preview-кампания", "свойства": { "isCampaignManagementEnabled": "$STORE.agent.isCampaignManagementEnabled", "agentDbId": "$STORE.agent.acqueonAgentId", "lcmUrl": "$STORE.agent.lcmUrl", "isCallInProgres": "$STORE.agentContact.isActiveCall", "outdialEntryPointId": "$STORE.agent.outDialEp", "идентификатор команды": "$STORE.agent.getAcqueonTeamId", "campaignManagerAdditionalInfo": "$STORE.agent.campaignManagerAdditionalInfo", "orgId": "$STORE.agent.orgId, «dialerPrоксихост»: «$STORE.envVariables.serviceUrls.dialerPrоксиХост», "isProgresiveCampaignEnabled": "$STORE.app.featuresFlags.isProgresiveCampaignEnabled" }, { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-селектор" } ]

Руководство по вызову

Виджет «Руководство вызова » отображается на панели «Дополнительная информация» на рабочем столе. В руководстве по вызовам отображаются вопросы и ответы на них на уровне кампании. Оператору предлагается ознакомиться с набором вопросов в руководстве по вызовам и отправить ответы.

Например: 

"панель":{ "comp":"md-tabs", "атрибуты":" класс:"виджет-вкладки" }, "дети:[ { "comp:"md-tab", "атрибуты":{ "гнездо":"вкладка", "класс":"виджет-вкладка" }, "дети:[ { "comp":"md-значок", "атрибуты":{ "name":"icon-note_16" } }, { "comp":"span", "textContent":"Руководство по вызову" } ], "видимость":"CALL_GUIDE" }, { "comp":"md-tab-панель", "атрибуты":{ "гнездо":"панель", "класс":"виджет-панель" }, "дети:[ { "комп": "acqueon-call-guide", "сценарий": "http://localhost:5555//index.js", // включить ссылку CDN здесь " обертка":{ "название":"Руководство по вызову", "maximizeAreaName:"приложение развернуть область" }, "свойства":{ "lcmKey":"$STORE.agentContact.getCallGuideProps.LCMKey", "agentDbId:"$STORE.agent.acqueonAgentId", "lcmUrl":"$STORE.agent.lcmUrl", "campaignManagerAdditionalInfo":"$STORE.agent.campaignManagerAdditionalInfo" «orgId»: «$STORE.agent.orgId», «dialerPrinfoHost»: «$STORE.envVaribles.serviceUrls.dialerPrmanagerHost», «isProgresiveCampaignEnabled»: «$STORE.app.featureFlags.isProgresiveCampaignEnabled" } } ], "видимость":"CALL_GUIDE" }
  • Далее приведены ссылки на свойства comp . agentx в свойстве значение заменяется на acqueon:
    • agentx-preview-кампания будет переименована в acqueon-preview-campaign
    • agentx-call-guide будет переименован в acqueon-call-guide
  • Необходимо разместить список и диспетчер кампании (LCM) в CDN, а затем указать URL в свойстве сценария .

Всплывающее окно

В макете рабочего стола можно настроить экранный pop одним из следующих способов:

  • Как настраиваемая страница

  • Как один из виджетов пользовательской страницы

  • Как вкладка на панели «Вспомогательная информация»

Экранное всплывающее окно отображается на рабочем столе в зависимости от следующих факторов:

Для голосового канала:

  • Конфигурация, определенная в макете рабочего стола

  • Всплывающее действие на экране, определенное в конструкторе потока

Для новых цифровых каналов:

  • Конфигурация, определенная в макете рабочего стола

  • Всплывной узел экрана, определенный в Connect Flow Builder

Дополнительные сведения о настройке экранного всплывания см. в разделе «Экранный поп.

Настройка всплывающего окна на панели навигации

Вы можете настроить Screen Pop как пользовательскую страницу или как один из виджетов пользовательской страницы. Чтобы открыть пользовательскую страницу «Экранный pop», щелкните значок «Экранный поп » на панели навигации. Чтобы получить доступ к виджету Screen Pop на пользовательской странице, щелкните значок «Пользователь» на панели навигации. Дополнительные сведения о свойствах навигации см. в разделе «Навигация (пользовательские страницы»).

Пример: всплывающее окно как настраиваемая страница

{ "nav": { "метка": "Pop", "значок": "всплывающее окно", "iconType": "момент", "навигация": "/screenpop", "выравнивание": "сверху" }, "страница": { "id": "agentx-wc-screen-pop", "виджеты": { "comp1": { "comp": "agentx-wc-screen-pop", "свойства": { "screenPopUrl": "$STORE.session.screenpop.screenPop.screenPopSelector" } }, "макет": { "области:[ ["comp1"], "размер": { "cols": [1], "строки": [1] }, "видимость": "SCREEN_POP" }

Пример: всплывающее окно как виджет на пользовательской странице

"comp1": { "comp": "agentx-wc-screen-pop", "свойства": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" }

Если экранное всплывающее окно не настроено в конструкторе потока, пользовательская страница становится пустой. Дополнительные сведения о настройке экранного всплывающего окна в конструкторе потока см. в разделе « Экранный pop.

Настройка всплывающего окна на панели дополнительной информации

Можно настроить экранный pop для появления вкладки на панели «Вспомогательная информация».

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

В разделе панели добавьте следующий атрибут , чтобы на панели "Дополнительная информация" включить вкладку "Экранный pop" как вкладку. Дополнительные сведения о панели см. в разделе «Панель дополнительной информации».

Пример: вкладка «Экран» на панели дополнительной информации

 { comp:"md-tab", "атрибуты":{ гнездо:"вкладка", "класс:"виджет-панель-вкладка" }, "дети:[ { "comp": "значок md", "атрибуты": { "имя": "pop-out_16" }}, { "comp": "span", "textContent": "Pop Screen" }], "видимость": "SCREEN_POP" }, { "comp": "md-tab-панель", "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "comp": "#SCREEN_POP" } ], }

Параметр экранного отображения, определенный в конструкторе потока, имеет приоритет над конфигурацией, определенной в макете рабочего стола.

Например, следует учесть, что вы настроили следующие параметры всплывающего окна экрана:

  • Конструктор потока — отображение параметров на вкладке "Новая вкладка браузера"
  • Макет рабочего стола — как вкладка на панели «Дополнительная информация»

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

Примеры примеров случаев использования

В следующих разделах приведены некоторые примеры для вашей ссылки:

Настройка виджета «Показатели управления качеством обслуживания пользователей» и доступ к ней с панели навигации

Например:

{ "nav": { "метка": "Показатели управления качеством обслуживания пользователей", "значок": "/приложение/изображения/wxm.bcd45cc3.svg", "iconType": "другое", "navigateTo": "wxm-показатели", "выравнивание": "сверху" }, "страница": { "id": "wxm-показатели", "виджеты": { "comp1": { "comp": "comp": "agentx-wc-cloudcherry-виджет", "атрибуты": { "показатели": истина }, "свойства": { userModel: "$STORE.app.userModel", "spaceId": "", "metricsId": "", "идентификатор команды": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app. darkMode" }, "обертка": { "название": "Путешествие по опыту пользователя", "maximizeAreaName": "app-maximize-area" } }, "макет": { "области:: [ ["comp1"], "размер": { "cols": [1], "строки": [1] } },

Сведения о том, как получить spaceId и metricsId, см. в разделе Webex Experience Management документация.

Использование вкладок на пользовательской странице

Например:

{ "nav": { "метка": "Динамические вкладки", "значок": "хранимая информация", "iconType": "momentum", "navigateTo": "динамические вкладки", "выравнивание": "сверху" }, "страница": { "id": "page-id-вкладки", "виджеты": { "comp1": { "comp": "md-вкладки", "дети": [{ "comp": "md-tab", "textContent": "Один", "атрибуты": { "гнездо": "вкладка" } }, { "comp": "md-tab-панель", "атрибуты": { "гнездо": "панель", "дети": [{ "comp": "виджет"-два", "сценарий": "http:/my-cdn.com/dynamic-widgets/widget-two.js" }, { "comp": "md-tab", "textContent": "Два", "атрибуты": { "гнездо": "вкладка" } }, { "comp": "md-tab-панель", "textContent": "Два содержимого", "атрибуты": { "гнездо": "панель" } } ] }, "comp2": { "comp": "виджет-два", "сценарий": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "макет": { "области:[ ["comp1", "comp2"]], "размер": { cols: [1, 1], "строки": [1] } } }

Панель дополнительной информации по умолчанию с историей контактов и всплывющим окном

Например:

"панель": { "comp": "md-tabs", "атрибуты": { "класс:: "виджет-вкладки" }, "дети": [{ "comp": "md-tab", "атрибуты": { гнездо: "вкладка", "класс": "виджет-панель-вкладка" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "CONTACT_HISTORY_TAB" } }, { "комп": "md-tab-панель", "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "CONTACT_HISTORY" } } }, ] }, }, { "comp": "md-tab", "атрибуты": { "гнездо": "вкладка", "класс": "виджет-панель-вкладка" }, { comp: "md-tab", "атрибуты": { гнездо: "вкладка", "класс": "виджет-панель-вкладка" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "SCREEN_POP_TAB" } }], "Видимость": "SCREEN_POP" }, { "comp": "md-tab-панель", "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "SCREEN_POP" } }, "видимость": "SCREEN_POP" },

Панель дополнительных сведений с виджетом «Путешествие по опыту пользователя»

Например:

"панель": { "comp": "md-tabs", "атрибуты": { "класс:: "виджет-вкладки" }, "дети": [{ "comp": "md-tab", "атрибуты": { "гнездо": "вкладка" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "WXM_JOURNEY_TAB" } }], "видимость": "WXM_JOURNEY" }, { "комп": "md-tab-панель", "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "comp": "agentx-wc-cloudcherry-виджет", "свойства": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent. teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "обертка": { "название": "Путешествие по опыту пользователя", "maximizeAreaName": "приложение-развернуть область" } },, { "комп": "md-вкладка", "атрибуты": { "слот": вкладка", "класс": "виджет-панель-вкладка" }, "дети": { "comp": "md-tab", "атрибуты": { "гнездо": "вкладка", "класс": "виджет-панель-вкладка", "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "CONTACT_HISTORY_TAB" } }], { "комп": "md-tab-панель", "атрибуты": { "Гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "комп": "гнездо", "атрибуты": { "имя": "CONTACT_HISTORY" } }, { "комп": "md-tab", "атрибуты": { "гнездо": "вкладка", "класс": "виджет-панели-вкладки" }, "дети": [{ "комп": "гнездо", "класс": "виджет-панель-вкладка" "атрибуты": { "имя": "SCREEN_POP_TAB" } }], "видимость": "SCREEN_POP" }, { "comp": "md-tab-панель", "атрибуты": { "гнездо": "панель", "класс": "виджет-панель" }, "дети": [{ "comp": "гнездо", "атрибуты": { "имя": "SCREEN_POP" } }, "видимость": "SCREEN_POP" } "видимость": "SCREEN_POP" }, },

Локализация

Интерфейс Desktop UI поддерживает локализацию на 29 языках.

Поддерживаются следующие языки:

болгарский, каталонский, китайский (Китай), китайский (Тайвань), хорватский, чешский, датский, голландский, английский (Великобритания), английский (США), финский, французский, немецкий, венгерский, итальянский, японский, корейский, норвежский, польский, португальский (Бразилия), португальский (Португалия), румынский, русский, сербский, словацкий, словенский, испанский, шведский и турецкий.

Язык интерфейса рабочего стола зависит от предпочтительных параметров языка в вашем браузере. Например, предположим, что в браузере Firefox выбран предпочитаемый язык французский. При запуске рабочего стола в браузере Firefox интерфейс рабочего стола появляется на языке Français (французский). Однако горизонтальное заголовок, панель навигации и другие компоненты, добавленные в макет рабочего стола, не локализуются в соответствии с параметрами языка в браузере.

Локализация компонентов рабочего стола

Чтобы локализовать компоненты рабочего стола, выполните

  • Используйте имеющиеся ключи локализации, заданные в файле app.json . Если клавиши локализации не заданы, используется язык по умолчанию Английский (США). Вы можете отправить запрос на обслуживание в службу поддержки Cisco для добавления ключа локализации в файл app.json .

    Пример: ключ локализации 

    { "общее": { "кнопка": "Таймер остановки" } }

  • Введите следующее с учетом регистра свойство в ФАЙЛ МАКЕТа рабочего стола ДЛЯ локализации компонента:

    "текстовыйконт": "$I 18N.< клавиша>",

    where <key> ссылки на соответствующий ключ локализации в файле app.json .

Пример: компонент локализации заголовка 

"header": { "id": "заголовок", "виджеты": { "голова1": { "comp": "md-кнопка", "атрибуты": { "гнездо": "меню-триггер", "стиль": "высота: 64px" }, "дети": [{ "comp": "span", "textContent": "$I 18N.common.buttonTitle", }

Пример: Локализация компонента tab на панели «Дополнительная информация»

"панель": { comp: "md-tab", "атрибуты": { гнездо: "вкладка" }, "дети": [{ "комп": "span", "textContent": "$I 18N.panelTwo.screenPopTitle" }] }