check preview permission

Author: zhouwenxuan

frontend/src/metadata/context.js

@@ -7,6 +7,7 @@ import {
 import LocalStorage from './utils/local-storage';
 import EventBus from '../components/common/event-bus';
 import { username, lang } from '../utils/constants';
+import { Utils } from '../utils/utils';
 
 class Context {
 
@@ -41,6 +42,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;
   }
@@ -187,6 +190,14 @@ class Context {
     return true;
   };
 
+  canPreview = () => {
+    if (this.customPermission) {
+      const { preview, modify } = this.customPermission.permission;
+      return preview || modify;
+    }
+    return true;
+  };
+
   restoreRows = () => {
     // todo
   };

frontend/src/metadata/utils/file.js

@@ -74,7 +74,8 @@ const _openOthers = (repoID, fileName, parentDir, fileType) => {
 };
 
 export const openFile = (repoID, record, _openImage = () => {}) => {
-  if (!record) return;
+  const canPreview = window.sfMetadataContext.canPreview();
+  if (!record || !canPreview) return;
   const fileName = getFileNameFromRecord(record);
   const isDir = checkIsDir(record);
   const parentDir = _getParentDir(record);
@@ -101,7 +102,8 @@ export const openFile = (repoID, record, _openImage = () => {}) => {
 };
 
 export const openInNewTab = (repoID, record) => {
-  if (!record) return;
+  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/table/masks/interaction-masks/index.js

@@ -451,6 +451,7 @@ class InteractionMasks extends React.Component {
   };
 
   handleSpaceKeyDown = (e) => {
+    e.preventDefault();
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
     const repoID = window.sfMetadataContext.getSetting('repoID');