add shared group owned repo logic

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

@@ -9,6 +9,7 @@ import GenerateUploadLink from './generate-upload-link';
 import '../../css/share-link-dialog.css';
 
 const propTypes = {
+  isGroupOwnedRepo: PropTypes.bool,
   itemType: PropTypes.string.isRequired, // there will be three choose: ['library', 'dir', 'file']
   itemName: PropTypes.string.isRequired,
   itemPath: PropTypes.string.isRequired,
@@ -67,10 +68,10 @@ class ShareDialog extends React.Component {
               <GenerateUploadLink itemPath={this.props.itemPath} repoID={this.props.repoID} />
             </TabPane>
             <TabPane tabId="shareToUser">
-              <ShareToUser itemPath={this.props.itemPath} repoID={this.props.repoID} />
+              <ShareToUser isGroupOwnedRepo={this.props.isGroupOwnedRepo} itemPath={this.props.itemPath} repoID={this.props.repoID} />
             </TabPane>
             <TabPane tabId="shareToGroup">
-              <ShareToGroup itemPath={this.props.itemPath} repoID={this.props.repoID} />
+              <ShareToGroup isGroupOwnedRepo={this.props.isGroupOwnedRepo} itemPath={this.props.itemPath} repoID={this.props.repoID} />
             </TabPane>
           </TabContent>
         </div>

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

@@ -8,6 +8,7 @@ import { Utils } from '../../utils/utils';
 import { seafileAPI } from '../../utils/seafile-api.js';
 
 const propTypes = {
+  isGroupOwnedRepo: PropTypes.bool,
   itemPath: PropTypes.string.isRequired,
   repoID: PropTypes.string.isRequired
 };
@@ -85,11 +86,39 @@ class ShareToGroup extends React.Component {
     let groups = [];
     let path = this.props.itemPath;
     let repoID = this.props.repoID; 
+    let isGroupOwnedRepo = this.props.isGroupOwnedRepo;
     if (this.state.selectedOption.length > 0 ) {
       for (let i = 0; i < this.state.selectedOption.length; i ++) {
         groups[i] = this.state.selectedOption[i].id;
       }
     }
+    if (isGroupOwnedRepo) {
+      seafileAPI.shareGroupOwnedRepoToGroup(repoID, this.state.permission, groups).then(res => {
+        if (res.data.failed.length > 0) {
+          let errorMsg = [];
+          for (let i = 0 ; i < res.data.failed.length ; i++) {
+            errorMsg[i] = res.data.failed[i];
+          }
+          this.setState({
+            errorMsg: errorMsg
+          });
+        }
+
+        // todo modify api
+        let items = res.data.success.map(item => {
+          let sharedItem = {
+            'group_info': { 'id': item.group_id, 'name': item.group_name},
+            'permission': item.permission,
+            'share_type': 'group',
+          };
+          return sharedItem;
+        });
+  
+        this.setState({
+          sharedItems: this.state.sharedItems.concat(items)
+        });
+      });
+    } else {
       seafileAPI.shareFolder(repoID, path, 'group', this.state.permission, groups).then(res => {
         if (res.data.failed.length > 0) {
           let errorMsg = [];
@@ -106,17 +135,26 @@ class ShareToGroup extends React.Component {
         });
       });
     }
+  }
 
   deleteShareItem = (e, groupID) => {
     e.preventDefault();
     let path = this.props.itemPath;
     let repoID = this.props.repoID; 
+    if (this.props.isGroupOwnedRepo) {
+      seafileAPI.deleteGroupOwnedRepoGroupShared(repoID, groupID).then(() => {
+        this.setState({
+          sharedItems: this.state.sharedItems.filter(item => { return item.group_info.id !== groupID; }) 
+        });
+      });
+    } else {
       seafileAPI.deleteShareToGroupItem(repoID, path, 'group', groupID).then(() => {
         this.setState({
           sharedItems: this.state.sharedItems.filter(item => { return item.group_info.id !== groupID; }) 
         });
       });
     }
+  }
 
   render() {
     return (
@@ -150,6 +188,7 @@ class ShareToGroup extends React.Component {
             </td>
           </tr>
           <tr>
+            <td colSpan={3}>
               {this.state.errorMsg.length > 0 &&                  
                 this.state.errorMsg.map((item, index = 0, arr) => {
                   return (                                        
@@ -158,6 +197,7 @@ class ShareToGroup extends React.Component {
                   );                                               
                 })                                                
               }
+            </td>
           </tr>
         </thead>
         <GroupList items={this.state.sharedItems} deleteShareItem={this.deleteShareItem} />

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

@@ -7,6 +7,7 @@ import { Button, Input } from 'reactstrap';
 import { seafileAPI } from '../../utils/seafile-api.js';
 
 const propTypes = {
+  isGroupOwnedRepo: PropTypes.bool,
   itemPath: PropTypes.string.isRequired,
   repoID: PropTypes.string.isRequired
 };
@@ -92,6 +93,30 @@ class ShareToUser extends React.Component {
         users[i] = this.state.selectedOption[i].email;
       }
     }
+    if (this.props.isGroupOwnedRepo) {
+      seafileAPI.shareGroupOwnedRepoToUser(repoID, this.state.permission, users).then(res => {
+        if (res.data.failed.length > 0) {
+          let errorMsg = [];
+          for (let i = 0 ; i < res.data.failed.length ; i++) {
+            errorMsg[i] = res.data.failed[i];
+          }
+          this.setState({errorMsg: errorMsg});
+        }
+        // todo modify api
+        
+        let items = res.data.success.map(item => {
+          let sharedItem = {
+            'user_info': { 'nickname': item.user_name, 'name': item.user_email},
+            'permission': item.permission,
+            'share_type': 'user',
+          };
+          return sharedItem;
+        });
+        this.setState({
+          sharedItems: this.state.sharedItems.concat(items)
+        });
+      })
+    } else {
       seafileAPI.shareFolder(repoID, path, 'user', this.state.permission, users).then(res => {
         if (res.data.failed.length > 0) {
           let errorMsg = [];
@@ -105,17 +130,26 @@ class ShareToUser extends React.Component {
         });
       });
     }
+  } 
 
   deleteShareItem = (e, username) => {
     e.preventDefault();
     let path = this.props.itemPath;
     let repoID = this.props.repoID;
+    if (this.props.isGroupOwnedRepo) {
+      seafileAPI.deleteGroupOwnedRepoUserShared(repoID, username).then(res => {
+        this.setState({
+          sharedItems: this.state.sharedItems.filter( item => { return item.user_info.name !== username; }) 
+        });
+      });
+    } else {
       seafileAPI.deleteShareToUserItem(repoID, path, 'user', username).then(res => {
         this.setState({
           sharedItems: this.state.sharedItems.filter( item => { return item.user_info.name !== username; }) 
         });
       });
     }
+  }
 
   render() {
     let { sharedItems } = this.state;
@@ -152,6 +186,7 @@ class ShareToUser extends React.Component {
             </td>
           </tr>
           <tr>
+            <td colSpan={3}>
               {this.state.errorMsg.length > 0 &&
                 this.state.errorMsg.map((item, index = 0, arr) => {
                   return (
@@ -160,6 +195,7 @@ class ShareToUser extends React.Component {
                   );
                 })
               }
+            </td>
           </tr>
         </thead>
         <UserList items={sharedItems} deleteShareItem={this.deleteShareItem} />

frontend/src/components/shared-repo-list-view/shared-repo-list-item.js

@@ -274,6 +274,7 @@ class SharedRepoListItem extends React.Component {
   renderPCUI = () => {
     let { iconUrl, iconTitle, libPath } = this.getRepoComputeParams();
     let { repo } = this.props;
+    let isGroupOwnedRepo = repo.owner_email.indexOf('@seafile_group') > -1;
     return (
       <Fragment>
         <tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseOver={this.onMouseOver} onMouseLeave={this.onMouseLeave}>
@@ -291,6 +292,7 @@ class SharedRepoListItem extends React.Component {
               itemName={repo.repo_name}
               itemPath={'/'}
               repoID={repo.repo_id}
+              isGroupOwnedRepo={isGroupOwnedRepo}
               toggleDialog={this.toggleShareDialog}
             />
           </ModalPotal>
@@ -302,6 +304,7 @@ class SharedRepoListItem extends React.Component {
   renderMobileUI = () => {
     let { iconUrl, iconTitle, libPath } = this.getRepoComputeParams();
     let { repo } = this.props;
+    let isGroupOwnedRepo = repo.owner_email.indexOf('@seafile_group') > -1;
     return (
       <Fragment>
         <tr className={this.state.highlight ? 'tr-highlight' : ''}  onMouseEnter={this.onMouseEnter} onMouseOver={this.onMouseOver} onMouseLeave={this.onMouseLeave}>
@@ -321,6 +324,7 @@ class SharedRepoListItem extends React.Component {
               itemName={repo.repo_name}
               itemPath={'/'}
               repoID={repo.repo_id}
+              isGroupOwnedRepo={isGroupOwnedRepo}
               toggleDialog={this.toggleShareDialog}
             />
           </ModalPotal>

frontend/src/css/groups.css

@@ -1,4 +1,4 @@
-.department-group-icon { /* for cur-view-path*/
+.department-group-icon {
   margin-left: 0.25rem;
   color:#888;
 }