check tag files preview permission

Author: zhouwenxuan

frontend/src/metadata/utils/file.js

@@ -74,8 +74,7 @@ const _openOthers = (repoID, fileName, parentDir, fileType) => {
 };
 
 export const openFile = (repoID, record, _openImage = () => {}) => {
-  const canPreview = window.sfMetadataContext.canPreview();
-  if (!record || !canPreview) return;
+  if (!record) return;
   const fileName = getFileNameFromRecord(record);
   const isDir = checkIsDir(record);
   const parentDir = _getParentDir(record);
@@ -102,8 +101,6 @@ export const openFile = (repoID, record, _openImage = () => {}) => {
 };
 
 export const openInNewTab = (repoID, record) => {
-  const canPreview = window.sfMetadataContext.canPreview();
-  if (!record || !canPreview) return;
   const isDir = checkIsDir(record);
   const fileName = getFileNameFromRecord(record);
   const parentDir = _getParentDir(record);

frontend/src/metadata/views/gallery/main.js

@@ -206,6 +206,8 @@ const Main = ({ isLoadingMore, metadata, onDelete, onLoadMore, duplicateRecord,
   const handleDoubleClick = useCallback((event, image) => {
     event.preventDefault();
     const record = getRowById(metadata, image.id);
+    const canPreview = window.sfMetadataContext.canPreview();
+    if (!canPreview) return;
     openFile(repoID, record, () => {
       const index = images.findIndex(item => item.id === image.id);
       setImageIndex(index);

frontend/src/metadata/views/kanban/boards/board/card/index.js

@@ -31,6 +31,8 @@ const Card = ({
     if (titleColumn?.type !== CellType.FILE_NAME) return;
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();
+    const canPreview = window.sfMetadataContext.canPreview();
+    if (!canPreview) return;
     onOpenFile(record);
   }, [titleColumn, record, onOpenFile]);
 

frontend/src/metadata/views/kanban/boards/index.js

@@ -182,6 +182,8 @@ const Boards = ({ modifyRecord, deleteRecords, modifyColumnData, onCloseSettings
 
   const onOpenFile = useCallback((record) => {
     const repoID = window.sfMetadataContext.getSetting('repoID');
+    const canPreview = window.sfMetadataContext.canPreview();
+    if (!canPreview) return;
     openFile(repoID, record, () => {
       currentImageRef.current = record;
       setImagePreviewerVisible(true);

frontend/src/metadata/views/table/table-main/records/record/cell/index.js

@@ -154,6 +154,8 @@ const Cell = React.memo(({
     event.nativeEvent.stopImmediatePropagation();
     if (!isCellSelected) return;
     const repoID = window.sfMetadataContext.getSetting('repoID');
+    const canPreview = window.sfMetadataContext.canPreview();
+    if (!canPreview) return;
     openFile(repoID, record, () => {
       window.sfMetadataContext.eventBus.dispatch(EVENT_BUS_TYPE.OPEN_EDITOR, EDITOR_TYPE.PREVIEWER);
     });

frontend/src/metadata/views/table/table-main/records/record/cell/operation-btn/file-name-operation-btn/index.js

@@ -22,6 +22,8 @@ const FileNameOperationBtn = ({ column, record, ...props }) => {
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();
     const repoID = window.sfMetadataContext.getSetting('repoID');
+    const canPreview = window.sfMetadataContext.canPreview();
+    if (!canPreview) return;
     openFile(repoID, record, () => {
       window.sfMetadataContext.eventBus.dispatch(METADATA_EVENT_BUS_TYPE.OPEN_EDITOR, EDITOR_TYPE.PREVIEWER);
     });

frontend/src/tag/context.js

@@ -2,6 +2,7 @@ import tagsAPI from './api';
 import LocalStorage from '../metadata/utils/local-storage';
 import EventBus from '../components/common/event-bus';
 import { username, lang } from '../utils/constants';
+import { Utils } from '../utils/utils';
 
 class Context {
 
@@ -36,6 +37,8 @@ class Context {
     this.eventBus = eventBus;
 
     this.permission = repoInfo.permission !== 'admin' && repoInfo.permission !== 'rw' ? 'r' : 'rw';
+    const { isCustomPermission, customPermission } = Utils.getUserPermission(repoInfo.permission);
+    this.customPermission = isCustomPermission ? customPermission : null;
 
     this.hasInit = true;
   }
@@ -72,6 +75,14 @@ class Context {
     return true;
   };
 
+  canPreview = () => {
+    if (this.customPermission) {
+      const { preview, modify } = this.customPermission.permission;
+      return preview || modify;
+    }
+    return true;
+  };
+
   canAddTag = () => {
     if (this.permission === 'r') return false;
     return true;

frontend/src/tag/views/tag-files/tag-file/index.js

@@ -76,7 +76,8 @@ const TagFile = ({ isSelected, repoID, file, tagsData, onSelectFile, openImagePr
 
   const handelClickFileName = useCallback((event) => {
     event.preventDefault();
-    if (isRenameing) return;
+    const canPreview = window.sfTagsDataContext.canPreview();
+    if (isRenameing || !canPreview) return;
     openFile(repoID, file, () => {
       openImagePreview(file);
     });