@topconsultnpm/sdkui-react-beta 6.13.89 → 6.13.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -85,6 +85,8 @@ interface TMBlogsProps {
|
|
|
85
85
|
showContextMenu?: boolean;
|
|
86
86
|
/** Optional handle attachment focus functon */
|
|
87
87
|
handleAttachmentFocus?: (attachment: DcmtInfo | undefined) => void;
|
|
88
|
+
/** Optional flag to show the floating comment button (default: false) */
|
|
89
|
+
showFloatingCommentButton?: boolean;
|
|
88
90
|
}
|
|
89
91
|
declare const TMBlogs: (props: TMBlogsProps) => import("react/jsx-runtime").JSX.Element;
|
|
90
92
|
export default TMBlogs;
|
|
@@ -31,7 +31,7 @@ const TMBlogs = (props) => {
|
|
|
31
31
|
isRestoreEnabled: false,
|
|
32
32
|
isRefreshEnabled: false,
|
|
33
33
|
isCreateContextualTask: false,
|
|
34
|
-
}, refreshCallback, newPosts = [], showCommentFormCallback, showTaskFormCallback, showContextMenu = true, handleAttachmentFocus } = props;
|
|
34
|
+
}, refreshCallback, newPosts = [], showCommentFormCallback, showTaskFormCallback, showContextMenu = true, handleAttachmentFocus, showFloatingCommentButton = false } = props;
|
|
35
35
|
// Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
|
|
36
36
|
const deviceType = useDeviceType();
|
|
37
37
|
const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
|
|
@@ -641,6 +641,31 @@ const TMBlogs = (props) => {
|
|
|
641
641
|
minWidth: isMobile ? '90px' : '120px',
|
|
642
642
|
width: isMobile ? '90px' : '150px',
|
|
643
643
|
height: '29px',
|
|
644
|
-
} }))] }) }) })), _jsxs("div", { style: { height: `calc(100% - ${currentHeader && !isHeaderHidden ? '50px' : '0px'})`, width: "100%", overflow: 'auto', display: 'block' }, onContextMenu: onContextMenu, children: [_jsx("div", { style: { display: renderMode === 'thumbnails' ? 'block' : 'none', width: "100%", height: "100%" }, children: ThumbnailView() }), _jsx("div", { style: { display: renderMode === 'details' ? 'block' : 'none', width: "100%", height: "100%" }, children: DataGridView() }), anchorEl && _jsx(ContextMenu, { ref: contextMenuRef, dataSource: contextMenuItems, target: anchorEl, onHiding: closeContextMenu })] }), (showDcmtForm && focusedAttachment && focusedAttachment.TID && focusedAttachment.DID) && _jsx(TMDcmtForm, { TID: Number(focusedAttachment.TID), DID: Number(focusedAttachment.DID), layoutMode: LayoutModes.Update, onClose: onCloseDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + focusedAttachment.fileName, isModal: true, showPreview: !isMobile, showBoard: !isMobile, widthModal: "95%", heightModal: "95%" })
|
|
644
|
+
} }))] }) }) })), _jsxs("div", { style: { height: `calc(100% - ${currentHeader && !isHeaderHidden ? '50px' : '0px'})`, width: "100%", overflow: 'auto', display: 'block' }, onContextMenu: onContextMenu, children: [_jsx("div", { style: { display: renderMode === 'thumbnails' ? 'block' : 'none', width: "100%", height: "100%" }, children: ThumbnailView() }), _jsx("div", { style: { display: renderMode === 'details' ? 'block' : 'none', width: "100%", height: "100%" }, children: DataGridView() }), anchorEl && _jsx(ContextMenu, { ref: contextMenuRef, dataSource: contextMenuItems, target: anchorEl, onHiding: closeContextMenu })] }), (showDcmtForm && focusedAttachment && focusedAttachment.TID && focusedAttachment.DID) && _jsx(TMDcmtForm, { TID: Number(focusedAttachment.TID), DID: Number(focusedAttachment.DID), layoutMode: LayoutModes.Update, onClose: onCloseDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + focusedAttachment.fileName, isModal: true, showPreview: !isMobile, showBoard: !isMobile, widthModal: "95%", heightModal: "95%" }), (showFloatingCommentButton && showCommentFormCallback) && _jsx("button", { style: {
|
|
645
|
+
position: 'absolute',
|
|
646
|
+
bottom: '20px',
|
|
647
|
+
right: '20px',
|
|
648
|
+
width: !isMobile ? '50px' : '40px',
|
|
649
|
+
height: !isMobile ? '50px' : '40px',
|
|
650
|
+
borderRadius: "50%",
|
|
651
|
+
backgroundColor: "#C2388B",
|
|
652
|
+
color: '#fff',
|
|
653
|
+
border: 'none',
|
|
654
|
+
cursor: 'pointer',
|
|
655
|
+
boxShadow: '0 2px 6px rgba(0,0,0,0.2)',
|
|
656
|
+
zIndex: 1000,
|
|
657
|
+
transition: 'background-color 0.3s ease, transform 0.2s ease',
|
|
658
|
+
display: 'flex',
|
|
659
|
+
justifyContent: 'center',
|
|
660
|
+
alignItems: 'center',
|
|
661
|
+
}, onMouseEnter: (e) => {
|
|
662
|
+
e.currentTarget.style.backgroundColor = '#D94A9F';
|
|
663
|
+
e.currentTarget.style.transform = 'scale(1.1)';
|
|
664
|
+
e.currentTarget.style.boxShadow = '0 4px 12px rgba(37, 89, 165, 0.6)';
|
|
665
|
+
}, onMouseLeave: (e) => {
|
|
666
|
+
e.currentTarget.style.backgroundColor = "#C2388B";
|
|
667
|
+
e.currentTarget.style.transform = 'scale(1)';
|
|
668
|
+
e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.2)';
|
|
669
|
+
}, onClick: () => { showCommentFormCallback(); }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.AddNewComment, children: _jsx("i", { className: "dx-icon-chat", style: { fontSize: !isMobile ? '30px' : '25px' } }) }) })] }) });
|
|
645
670
|
};
|
|
646
671
|
export default TMBlogs;
|