Используйте тег <activityFeed> для добавления ленты активности на виджеты для портального и агентского интерфейсов.

Доступные атрибуты:

АтрибутТипОбязательныйОписание

sysId

StringНет

Укажите ID записи, к которой добавлен виджет ленты активности.

Если тег <activityFeed> указан рядом с тегом <Form>, то значение атрибута заполнится автоматически значением из соответствующего атрибута тега <Form>.

Пример
<div>
<Form tableName="table" sysId="100000000001000011"></Form>
<activityFeed></activityFeed>
<div>

Если рядом отсутствует тег <Form>, значения будут приняты из GET-параметров. При отсутствии GET- параметров лента активности отображаться не будет.

tableName

StringНет

Укажите наименование таблицы (например, "task"), на которой должен разместиться виджет ленты активности.

Если тег <activityFeed> указан рядом с тегом <Form>, то значение атрибута заполнится автоматически значением из соответствующего атрибута тега <Form>.

Пример
<div>
<Form tableName="task" sysId="100000000001000011"></Form>
<activityFeed></activityFeed>
<div>

Если рядом отсутствует тег <Form>, значения принимаются из GET-параметров. При отсутствии GET-параметров лента активности не отображается.

config

StringНет

Настройте ленту активности. Опишите объект в формате JSON, как в примерах ниже.

Определите следующие параметры:

  • title – измените заголовок ленты активности.
  • journal  укажите поля типа Journal Input для их отображения в ленте.
  • columns  укажите поля для отображения в Истории.
  • classes добавьте классы в стиль ленты активности. Эти стили классов могут быть переопределены.
  • isNotStylized установите значение параметра true для сброса .
Пример 1
config='{"title":"Новый заголовок","journal":"history, work_notes.task", "columns": "state, active"}'
Пример 2
config='{"isNotStylized":"true"}'
Пример 3
config='{"isNotStylized":"true", "classes": {"ActivityFeed": "new-af"}}'
Пример 4
config='{"classes": {"ActivityFeed": "new-af"}}'

#CSS# 
.new-af {
border-bottom: 2px red;
background-color: green;
}

isAlwaysOpened

BooleanНет

Установите значение true, чтобы сделать ленту активности всегда открытой. В этом случае шеврон на форме виджета будет отсутствовать, а ленту нельзя будет свернуть. Значение по умолчанию: false.

Есть два способа получить значения атрибутов через URL:

  • На странице необходимой записи значения атрибутов заполняются автоматически.
  • Когда известен URL, значения атрибутов заполняются из GET-параметров.

Пример

Пример URL: https://instance.example.com/?table_name=user&record_id=161416916116380709.

Значения параметров table_name и record_id переносятся из URL.

    • Значение параметра table_name сопоставляется с атрибутом tableName.
    • Значение параметра record_id сопоставляется с атрибутом sysId.

Пример:

activityFeed
<activityFeed tableName={data.table_name} sysId={data.record_id} config={data.config}></activityFeed>

Шаблон из примера добавляет следующий элемент на страницу:

Переопределение стилей классов 

Следующие стили классов можно переопределить. Все они настраиваются через атрибут config.

  • GroupHeader
  • NoActivities
  • IconNoActivities
  • Heading
  • ChevronActivityFeed
  • ActivityFeed
  • Separator
  • ActivitiesContainerWrap
  • ActivitiesContainer
  • ActivitiesContainerShadow
  • Skeleton
  • SkeletonHeading
  • SkeletonTabs
  • SkeletonTabsArea
  • SkeletonTabsButton
  • SkeletonTags
  • SkeletonTagsItem
  • SkeletonAct
  • SkeletonActItem
  • SkeletonActHeader
  • SkeletonActUserPic
  • SkeletonActUserName
  • SkeletonActType
  • SkeletonActCont
  • SkeletonActInf
  • Modal
  • HistoryItemBlock
  • HistoryItemNew
  • HistoryNewTitle
  • HistoryNewText
  • HistoryItemOld
  • HistoryOldTitle
  • HistoryOldTitleBlock
  • HistoryOldText
  • HistoryNoFields
  • HistoryUserAvatar
  • HistoryShowInfo
  • HistoryShowInfoButton
  • HistoryIconChevron
  • HistoryItem
  • HistoryHeadBlock
  • HistoryUser
  • HistoryContent
  • HistoryUserTitle
  • HistoryDate
  • HistoryHead
  • HistoryIconComment
  • HistoryTitle
  • HistoryChanges
  • CommentItem
  • CommentUserAvatar
  • SubComment
  • SubCommentUserAvatar
  • SubCommentBlock
  • SubCommentHeader
  • SubAuthorHeader
  • SubCommentUpdateDate
  • SubCommentText
  • SubComments
  • SubCommentsHeader
  • SendSubCommentBlock
  • SendSubCommentText
  • SendSubCommentButton
  • CommentShowAllButton
  • CommentItemBlock
  • CommentHead
  • CommentUser
  • CommentContent
  • CommentUserTitle
  • CommentDate
  • CommentTitleHead
  • CommentIcon
  • CommentTitle
  • CommentText
  • TabsBlock
  • Tabs
  • Settings
  • Tab
  • TabActive
  • SettingsMore
  • SettingsActiveMore
  • CommentsTabsSliderArrow
  • CommentsTabsHeadWrap
  • CommentsTabsHeadContainer
  • CommentsTabsHead
  • CommentTabIsRequired
  • CommentTabHeadItem
  • CommentTabHeadItemActive
  • CommentBlock
  • CommentBlockSlider
  • CommentBlockTextAreaWrap
  • CommentBlockTextarea
  • CommentBlockButtonWrap
  • CommentBlockSendButton
  • ModalWrapper
  • ModalWindow
  • ModalHeader
  • ModalText
  • ModalCloseIco
  • ModalBody
  • SettingsMenu
  • SettingsMenuModal
  • SettingsConfigure
  • SettingsScroll
  • SettingsNoResults
  • SettingsSelectAll
  • SettingsMenuItemInput
  • SettingsMenuItemLabel
  • SettingsSmallInputIcon
  • SettingsSmallInputIconHover
  • SettingsSmallInputClean
  • SettingsSmallInputCleanActive
  • SettingsSearchContainer
  • SettingsSmallInputContainer
  • SettingsSmallInputContainerFocus
  • SettingsSmallInput
  • SettingsMenuItem
  • SettingsMenuItemCheckbox
  • SettingsMenuBlock
  • SettingsChangeButton


  • No labels