Версия: 1.20.1

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, как в примерах ниже. Определите следующие параметры: title – измените заголовок ленты активности. journal – укажите поля типа Journal Input для их отображения в ленте. columns – укажите поля для отображения в Истории. classes – добавьте классы в стиль ленты активности. Эти стили классов могут быть переопределены. isNotStylized – установите значение параметра true для сброса стилей.
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

activityFeed

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

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