Используйте тег <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, как в примерах ниже. Определите следующие параметры:
Пример 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, чтобы сделать ленту активности всегда открытой. В этом случае шеврон |
Есть два способа получить значения атрибутов через 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 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