activityFeed
Используйте тег <activityFeed> для добавления ленты активности на виджеты для портального и агентского интерфейсов.
Доступные атрибуты:
| Атрибут | Тип | Обязательно | Описание |
|---|---|---|---|
| sysId | String | Нет | Укажите ID записи, к которой добавлен виджет ленты активности. Если тег <activityFeed> указан рядом с тегом <Form>, то значение атрибута заполнится автоматически значением из соответствующего атрибута тега <Form>. Если рядом отсутствует тег <Form>, значения будут приняты из GET-parameters. При отсутствии GET- параметров лента активности отображаться не будет. |
| tableName | String | Нет | Укажите наименование таблицы (например, "task"), на которой должен разместиться виджет ленты активности. Если тег <activityFeed> указан рядом с тегом <Form>, то значение атрибута заполнится автоматически значением из соответствующего атрибута тега <Form>. Если рядом отсутствует тег <Form>, значения будут приняты из GET-parameters. При отсутствии GET- параметров лента активности отображаться не будет. |
| config | String | Нет | Настройте ленту активности. Опишите объект в формате JSON, как в примерах ниже. Определите следующие параметры:
|
| 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:
Пример 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#
.NewAF {
border-bottom: 2px red;
background-color: green;
}
Стили классов
- 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