update get shared repos/folders (#5587)

* update get shared repos/folders

return custom_permission_name field

* optimize admin share module

---------

Co-authored-by: lian <imwhatiam123@gmail.com>

frontend/src/components/select-editor/select-editor.js

@@ -6,6 +6,7 @@ import '../../css/select-editor.css';
 
 const propTypes = {
   isTextMode: PropTypes.bool.isRequired, // there will be two mode. first: text and select. second: just select
+  isEditing: PropTypes.bool,
   isEditIconShow: PropTypes.bool.isRequired,
   options: PropTypes.array.isRequired,
   currentOption: PropTypes.string.isRequired,
@@ -22,12 +23,13 @@ class SelectEditor extends React.Component {
 
   static defaultProps = {
     enableAddCustomPermission: false,
+    isEditing: false,
   }
 
   constructor(props) {
     super(props);
     this.state = {
-      isEditing: false,
+      isEditing: props.isEditing,
       options: []
     };
     this.options = [];

frontend/src/components/select-editor/share-permission-editor.js

@@ -10,6 +10,7 @@ import { isPro } from '../../utils/constants';
 const propTypes = {
   repoID: PropTypes.string,
   isTextMode: PropTypes.bool.isRequired,
+  isEditing: PropTypes.bool,
   isEditIconShow: PropTypes.bool.isRequired,
   permissions: PropTypes.array.isRequired,
   currentPermission: PropTypes.string.isRequired,
@@ -20,6 +21,10 @@ const propTypes = {
 
 class SharePermissionEditor extends React.Component {
 
+  static defaultProps = {
+    isEditing: false,
+  }
+
   constructor(props) {
     super(props);
     this.state = {
@@ -120,6 +125,7 @@ class SharePermissionEditor extends React.Component {
     return (
       <SelectEditor
         isTextMode={this.props.isTextMode}
+        isEditing={this.props.isEditing}
         isEditIconShow={this.props.isEditIconShow}
         options={this.getPermissions()}
         currentOption={this.props.currentPermission}

frontend/src/models/shared-folder-info.js

@@ -7,6 +7,7 @@ class SharedFolderInfo {
     this.repo_name = object.repo_name;
     this.share_type = object.share_type;
     this.share_permission = object.share_permission;
+    this.share_permission_name = object.share_permission_name;
     if (object.share_type === 'group') {
       this.group_id = object.group_id;
       this.group_name = object.group_name;

frontend/src/models/shared-repo-info.js

@@ -5,6 +5,7 @@ class SharedRepoInfo {
     this.repo_name = object.repo_name;
     this.share_type = object.share_type;
     this.share_permission = object.share_permission;
+    this.share_permission_name = object.share_permission_name;
     this.modifier_name = object.modifier_name;
     this.modifier_email = object.modifier_email;
     this.modifier_contact_email = object.modifier_contact_email;

frontend/src/pages/share-admin/folders.js

@@ -78,10 +78,12 @@ class Item extends Component {
     super(props);
     this.state = {
       share_permission: this.props.item.share_permission,
+      share_permission_name: this.props.item.share_permission_name,
       isOpIconShown: false,
       isOpMenuOpen: false, // for mobile
       isPermSelectDialogOpen: false, // for mobile
-      unshared: false
+      unshared: false,
+      isShowPermEditor: false,
     };
 
     this.permissions = ['rw', 'r'];
@@ -170,13 +172,18 @@ class Item extends Component {
     });
   }
 
+  onEditPermission = (event) => {
+    event.nativeEvent.stopImmediatePropagation();
+    this.setState({isShowPermEditor: true});
+  }
+
   render() {
     if (this.state.unshared) {
       return null;
     }
 
     const item = this.props.item;
-    let { share_permission, isOpIconShown, isPermSelectDialogOpen } = this.state;
+    let { share_permission, share_permission_name, isOpIconShown, isPermSelectDialogOpen, isShowPermEditor } = this.state;
 
     let is_readonly = false;
     if (share_permission == 'r' || share_permission == 'preview') {
@@ -201,14 +208,31 @@ class Item extends Component {
             <span title={item.contact_email}>{item.user_name}</span> : item.group_name}
         </td>
         <td>
+          {!isShowPermEditor && (
+            <div>
+              <span>{Utils.sharePerms(share_permission) || share_permission_name}</span>
+              {isOpIconShown && (
+                <a href="#"
+                  role="button"
+                  aria-label={gettext('Edit')}
+                  title={gettext('Edit')}
+                  className="fa fa-pencil-alt attr-action-icon"
+                  onClick={this.onEditPermission}>
+                </a>
+              )}
+            </div>
+          )}
+          {isShowPermEditor && (
             <SharePermissionEditor
               repoID={item.repo_id}
               isTextMode={true}
               isEditIconShow={isOpIconShown}
+              isEditing={true}
               currentPermission={share_permission}
               permissions={this.permissions}
               onPermissionChanged={this.changePerm}
             />
+          )}
         </td>
         <td><a href="#" role="button" aria-label={gettext('Unshare')} className={`action-icon sf2-icon-x3 ${isOpIconShown ? '': 'invisible'}`} title={gettext('Unshare')} onClick={this.unshare}></a></td>
       </tr>

frontend/src/pages/share-admin/libraries.js

@@ -83,11 +83,13 @@ class Item extends Component {
     let item = this.props.item;
     this.state = {
       share_permission: item.share_permission,
+      share_permission_name: item.share_permission_name,
       is_admin: item.is_admin,
       isOpIconShown: false,
       isOpMenuOpen: false, // for mobile
       isPermSelectDialogOpen: false, // for mobile
-      unshared: false
+      unshared: false,
+      isShowPermEditor: false,
     };
     let permissions = ['rw', 'r'];
     this.permissions = permissions;
@@ -171,12 +173,17 @@ class Item extends Component {
     });
   }
 
+  onEditPermission = (event) => {
+    event.nativeEvent.stopImmediatePropagation();
+    this.setState({isShowPermEditor: true});
+  }
+
   render() {
     if (this.state.unshared) {
       return null;
     }
 
-    let { share_permission, is_admin, isOpIconShown, isPermSelectDialogOpen } = this.state;
+    let { share_permission, share_permission_name, is_admin, isOpIconShown, isPermSelectDialogOpen, isShowPermEditor } = this.state;
     let item = this.props.item;
     Object.assign(item, {
       share_permission: share_permission,
@@ -215,14 +222,31 @@ class Item extends Component {
           {item.share_type == 'personal' ? <span title={item.contact_email}>{shareTo}</span> : shareTo}
         </td>
         <td>
+          {!isShowPermEditor && (
+            <div>
+              <span>{Utils.sharePerms(share_permission) || share_permission_name}</span>
+              {isOpIconShown && (
+                <a href="#"
+                  role="button"
+                  aria-label={gettext('Edit')}
+                  title={gettext('Edit')}
+                  className="fa fa-pencil-alt attr-action-icon"
+                  onClick={this.onEditPermission}>
+                </a>
+              )}
+            </div>
+          )}
+          {isShowPermEditor && (
             <SharePermissionEditor
               repoID={item.repo_id}
               isTextMode={true}
+              isEditing={true}
               isEditIconShow={this.state.isOpIconShown}
               currentPermission={share_permission}
               permissions={this.permissions}
               onPermissionChanged={this.changePerm}
             />
+          )}
         </td>
         <td><a href="#" role="button" aria-label={gettext('Unshare')} className={`action-icon sf2-icon-x3 ${isOpIconShown ? '': 'invisible'}`} title={gettext('Unshare')} onClick={this.unshare}></a></td>
       </tr>

seahub/api2/endpoints/shared_folders.py

@@ -16,9 +16,11 @@ from seahub.api2.throttling import UserRateThrottle
 from seahub.profile.models import Profile
 from seahub.utils import is_org_context
 from seahub.base.templatetags.seahub_tags import email2nickname
+from seahub.share.models import CustomSharePermissions
 
 logger = logging.getLogger(__name__)
 
+
 class SharedFolders(APIView):
 
     authentication_classes = (TokenAuthentication, SessionAuthentication)
@@ -48,6 +50,21 @@ class SharedFolders(APIView):
             error_msg = 'Internal Server Error'
             return api_error(status.HTTP_500_INTERNAL_SERVER_ERROR, error_msg)
 
+        repo_id_list = []
+        for repo in shared_repos:
+
+            if repo.is_virtual:
+                continue
+
+            repo_id = repo.repo_id
+            repo_id_list.append(repo_id)
+
+        custom_permission_dict = {}
+        custom_permissions = CustomSharePermissions.objects.filter(repo_id__in=repo_id_list)
+        for custom_permission in custom_permissions:
+            custom_id = f'custom-{custom_permission.id}'
+            custom_permission_dict[custom_id] = custom_permission.name
+
         returned_result = []
         shared_repos.sort(key=lambda x: x.repo_name)
         for repo in shared_repos:
@@ -61,6 +78,7 @@ class SharedFolders(APIView):
             result['folder_name'] = repo.name
             result['share_type'] = repo.share_type
             result['share_permission'] = repo.permission
+            result['share_permission_name'] = custom_permission_dict.get(repo.permission, '')
 
             if repo.share_type == 'personal':
                 result['user_name'] = email2nickname(repo.user)
@@ -73,10 +91,15 @@ class SharedFolders(APIView):
                 if not group:
                     if is_org_context(request):
                         seafile_api.org_unshare_subdir_for_group(org_id,
-                                repo.repo_id, repo.origin_path, username, repo.group_id)
+                                                                 repo.repo_id,
+                                                                 repo.origin_path,
+                                                                 username,
+                                                                 repo.group_id)
                     else:
-                        seafile_api.unshare_subdir_for_group(
-                                repo.repo_id, repo.origin_path, username, repo.group_id)
+                        seafile_api.unshare_subdir_for_group(repo.repo_id,
+                                                             repo.origin_path,
+                                                             username,
+                                                             repo.group_id)
                     continue
 
                 result['group_id'] = repo.group_id

seahub/api2/endpoints/shared_repos.py

@@ -17,13 +17,15 @@ from seahub.profile.models import Profile
 from seahub.utils import is_org_context, is_valid_username, send_perm_audit_msg
 from seahub.utils.repo import get_available_repo_perms
 from seahub.base.templatetags.seahub_tags import email2nickname, email2contact_email
-from seahub.share.models import ExtraSharePermission, ExtraGroupsSharePermission
+from seahub.share.models import ExtraSharePermission, ExtraGroupsSharePermission, \
+        CustomSharePermissions
 from seahub.share.utils import update_user_dir_permission, update_group_dir_permission,\
         check_user_share_out_permission, check_group_share_out_permission, \
         normalize_custom_permission_name
 
 logger = logging.getLogger(__name__)
 
+
 class SharedRepos(APIView):
 
     authentication_classes = (TokenAuthentication, SessionAuthentication)
@@ -55,10 +57,26 @@ class SharedRepos(APIView):
             error_msg = 'Internal Server Error'
             return api_error(status.HTTP_500_INTERNAL_SERVER_ERROR, error_msg)
 
+        repo_id_list = []
+        for repo in shared_repos:
+
+            if repo.is_virtual:
+                continue
+
+            repo_id = repo.repo_id
+            repo_id_list.append(repo_id)
+
+        custom_permission_dict = {}
+        custom_permissions = CustomSharePermissions.objects.filter(repo_id__in=repo_id_list)
+        for custom_permission in custom_permissions:
+            custom_id = f'custom-{custom_permission.id}'
+            custom_permission_dict[custom_id] = custom_permission.name
+
         returned_result = []
         shared_repos.sort(key=lambda x: x.repo_name)
         usernames = []
         gids = []
+
         for repo in shared_repos:
             if repo.is_virtual:
                 continue
@@ -69,6 +87,7 @@ class SharedRepos(APIView):
             result['encrypted'] = repo.encrypted
             result['share_type'] = repo.share_type
             result['share_permission'] = repo.permission
+            result['share_permission_name'] = custom_permission_dict.get(repo.permission, '')
             result['modifier_email'] = repo.last_modifier
             result['modifier_name'] = email2nickname(repo.last_modifier)
             result['modifier_contact_email'] = email2contact_email(repo.last_modifier)
@@ -295,7 +314,6 @@ class SharedRepo(APIView):
 
             permission = check_group_share_out_permission(repo_id, '/', group_id, is_org)
 
-
             try:
                 if is_org:
                     seaserv.del_org_group_repo(repo_id, org_id, group_id)