custom share permission (#4967)

* custom share permission

* remove path field

* add permission manager ui

* optimize custom permission manager style

* add permission setting

* add normalize_custom_permission_name

* optimize repo custom permission

* delete useless code

* optimize code

* optimize code

* optimize markdown file page

* fix a few bugs

* add permission control

* repair modify permission

* optimize style

* optimize copyright

* add try-except

* optimize code

* move file&folder

* batch operation item

* repair batch move item

* update copyright

* optimize move permission control

* optimize code

* optimize code

* optimize code & fix code wranning

* optimize code

* delete unsupport permission

* optimize code

* repair code bug

* add pro limit

* optimize code

* add permission handle for permission editor

* repair new file&folder bug

* optimize file uploader code

* custom permission user can not visit custom permission module

* optimize code

* forbid comment&detail module

* optimize code

* optimize modify/preview permission

* optimize custom permission share perm

* optimize view file module: file-toolbar

* optimize custom drag move operation

* repair column view bug

* optimize drag operation code

* repair code bug

* optimize code

Co-authored-by: shanshuirenjia <978987373@qq.com>

frontend/src/components/dialog/share-to-group.js

@@ -37,12 +37,13 @@ class GroupItem extends React.Component {
 
   render() {
     let item = this.props.item;
-    let currentPermission = item.is_admin ? 'admin' : item.permission;
+    let currentPermission = Utils.getSharedPermission(item);
     return (
       <tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
         <td className='name'>{item.group_info.name}</td>
         <td>
           <SharePermissionEditor
+            repoID={this.props.repoID}
             isTextMode={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={currentPermission}
@@ -74,6 +75,7 @@ class GroupList extends React.Component {
             <GroupItem
               key={index}
               item={item}
+              repoID={this.props.repoID}
               permissions={this.props.permissions}
               deleteShareItem={this.props.deleteShareItem}
               onChangeUserPermission={this.props.onChangeUserPermission}
@@ -91,6 +93,7 @@ const propTypes = {
   itemType: PropTypes.string.isRequired,
   repoID: PropTypes.string.isRequired,
   isRepoOwner: PropTypes.bool.isRequired,
+  onAddCustomPermissionToggle: PropTypes.func,
 };
 
 const NoOptionsMessage = (props) => {
@@ -322,11 +325,14 @@ class ShareToGroup extends React.Component {
               </td>
               <td>
                 <SharePermissionEditor
+                  repoID={this.props.repoID}
                   isTextMode={false}
                   isEditIconShow={false}
                   currentPermission={this.state.permission}
                   permissions={this.permissions}
                   onPermissionChanged={this.setPermission}
+                  enableAddCustomPermission={isPro}
+                  onAddCustomPermissionToggle={this.props.onAddCustomPermissionToggle}
                 />
               </td>
               <td>
@@ -349,6 +355,7 @@ class ShareToGroup extends React.Component {
           <table className="table-thead-hidden w-xs-200">
             {thead}
             <GroupList
+              repoID={this.props.repoID}
               items={this.state.sharedItems}
               permissions={this.permissions}
               deleteShareItem={this.deleteShareItem}