User perm check (#2876)

* added 'user permission check'

* added 'can add repo' check

* [dir view, repo wiki mode] added condition check for 'share current dir'

* [dir view, repo wiki mode] modified var name

frontend/src/components/dir-view/dir-panel.js

@@ -21,6 +21,8 @@ const propTypes = {
   errorMsg: PropTypes.string.isRequired,
   repoID: PropTypes.string.isRequired,
   repoName: PropTypes.string.isRequired,
+  repoEncrypted: PropTypes.bool.isRequired,
+  showShareBtn: PropTypes.bool.isRequired,
   pathExist: PropTypes.bool.isRequired,
   permission: PropTypes.bool.isRequired,
   isDirentListLoading: PropTypes.bool.isRequired,
@@ -154,6 +156,7 @@ class DirPanel extends React.Component {
                     isViewFile={false}
                     path={this.props.path}
                     repoID={this.props.repoID}
+                    showShareBtn={this.props.showShareBtn}
                     onAddFile={this.props.onAddFile}
                     onAddFolder={this.props.onAddFolder}
                     onUploadFile={this.onUploadFile}

frontend/src/components/dir-view/dir-view.js

@@ -1,7 +1,7 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import moment from 'moment';
-import { siteRoot } from '../../utils/constants';
+import { siteRoot, canGenerateShareLink, canGenerateUploadLink, username } from '../../utils/constants';
 import { seafileAPI } from '../../utils/seafile-api';
 import { Utils } from '../../utils/utils';
 import { gettext } from '../../utils/constants';
@@ -27,9 +27,14 @@ class DirView extends React.Component {
     this.state = {
       path: '/',
       pathExist: true,
+
       repoName: '',
       repoID: '',
       repoEncrypted: false,
+      isAdmin: false,
+      ownerEmail: '',
+      userPerm: '',
+
       permission: true,
       libNeedDecrypt: false,
       isDirentSelected: false,
@@ -86,6 +91,8 @@ class DirView extends React.Component {
         repoID: repoInfo.repo_id,
         repoName: repoInfo.repo_name,
         repoEncrypted: repoInfo.encrypted,
+        isAdmin: repoInfo.is_admin,
+        ownerEmail: repoInfo.owner_email,
         permission: repoInfo.permission === 'rw',
         libNeedDecrypt: res.data.lib_need_decrypt,
       });
@@ -181,6 +188,7 @@ class DirView extends React.Component {
       this.setState({
         isDirentListLoading: false,
         pathExist: true,
+        userPerm: res.data.user_perm,
         direntList: Utils.sortDirents(direntList, this.state.sortBy, this.state.sortOrder),
         dirID: res.headers.oid,
       });
@@ -661,6 +669,16 @@ class DirView extends React.Component {
   }
 
   render() {
+    let showShareBtn = false;
+    const { repoEncrypted, isAdmin, ownerEmail, userPerm } = this.state;
+    const isRepoOwner = ownerEmail == username;
+    if (!repoEncrypted && (
+      canGenerateShareLink || canGenerateUploadLink ||
+      isRepoOwner || isAdmin) && (
+      userPerm == 'rw' || userPerm == 'r')) {
+      showShareBtn = true;
+    }
+
     return (
       <DirPanel 
         pathPrefix={this.props.pathPrefix}
@@ -675,6 +693,7 @@ class DirView extends React.Component {
         isDirentListLoading={this.state.isDirentListLoading}
         isDirentSelected={this.state.isDirentSelected}
         isAllDirentSelected={this.state.isAllDirentSelected}
+        showShareBtn={showShareBtn}
         direntList={this.state.direntList}
         sortBy={this.state.sortBy}
         sortOrder={this.state.sortOrder}

frontend/src/components/main-side-nav.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Link } from '@reach/router';
 import Group from '../models/group';
-import { gettext, siteRoot, enableWiki } from '../utils/constants';
+import { gettext, siteRoot, enableWiki, canAddRepo, canGenerateShareLink, canGenerateUploadLink } from '../utils/constants';
 import { seafileAPI } from '../utils/seafile-api';
 import { Badge } from 'reactstrap';
 
@@ -101,26 +101,44 @@ class MainSideNav extends React.Component {
       height = this.adminHeight;
     }
     let style = {height: height};
+
+    let linksNavItem = null;
+    if (canGenerateShareLink) {
+      linksNavItem = (
+        <li className="nav-item">
+          <Link to={siteRoot + 'share-admin-share-links/'} className={`nav-link ellipsis ${this.getActiveClass('share-admin-share-links')}`} title={gettext('Links')} onClick={() => this.tabItemClick('share-admin-share-links')}>
+            <span aria-hidden="true" className="sharp">#</span>
+            <span className="nav-text">{gettext('Links')}</span>
+          </Link>
+        </li>
+      );
+    } else if (canGenerateUploadLink) {
+      linksNavItem = (
+        <li className="nav-item">
+          <Link to={siteRoot + 'share-admin-upload-links/'} className={`nav-link ellipsis ${this.getActiveClass('share-admin-upload-links')}`} title={gettext('Links')} onClick={() => this.tabItemClick('share-admin-upload-links')}>
+            <span aria-hidden="true" className="sharp">#</span>
+            <span className="nav-text">{gettext('Links')}</span>
+          </Link>
+        </li>
+      );
+    }
     return (
       <ul className={`nav sub-nav nav-pills flex-column ${this.state.sharedExtended ? 'side-panel-slide' : 'side-panel-slide-up'}`} style={style} >
+        {canAddRepo && (
         <li className="nav-item">
           <Link to={siteRoot + 'share-admin-libs/'} className={`nav-link ellipsis ${this.getActiveClass('share-admin-libs')}`} title={gettext('Libraries')} onClick={() => this.tabItemClick('share-admin-libs')}>
             <span aria-hidden="true" className="sharp">#</span>
             <span className="nav-text">{gettext('Libraries')}</span>
           </Link>
         </li>
+        )}
         <li className="nav-item">
           <Link to={siteRoot + 'share-admin-folders/'} className={`nav-link ellipsis ${this.getActiveClass('share-admin-folders')}`} title={gettext('Folders')} onClick={() => this.tabItemClick('share-admin-folders')}>
             <span aria-hidden="true" className="sharp">#</span>
             <span className="nav-text">{gettext('Folders')}</span>
           </Link>
         </li>
-        <li className="nav-item">
-          <Link to={siteRoot + 'share-admin-share-links/'} className={`nav-link ellipsis ${this.getActiveClass('share-admin-share-links') || this.getActiveClass('share-admin-upload-links')}`} title={gettext('Links')} onClick={() => this.tabItemClick('share-admin-share-links')}>
-            <span aria-hidden="true" className="sharp">#</span>
-            <span className="nav-text">{gettext('Links')}</span>
-          </Link>
-        </li>
+        {linksNavItem}
       </ul>
     );
   }
@@ -131,12 +149,14 @@ class MainSideNav extends React.Component {
         <div className="side-nav-con">
           <h3 className="sf-heading">{gettext('Files')}</h3>
           <ul className="nav nav-pills flex-column nav-container">
+            {canAddRepo && (
             <li className="nav-item">
               <Link to={ siteRoot + 'my-libs/' } className={`nav-link ellipsis ${this.getActiveClass('my-libs') || this.getActiveClass('deleted') }`} title={gettext('My Libraries')} onClick={() => this.tabItemClick('my-libs')}>
                 <span className="sf2-icon-user" aria-hidden="true"></span>
                 <span className="nav-text">{gettext('My Libraries')}</span>
               </Link>
             </li>
+            )}
             <li className="nav-item">
               <Link to={siteRoot + 'shared-libs/'} className={`nav-link ellipsis ${this.getActiveClass('shared-libs')}`} title={gettext('Shared with me')} onClick={() => this.tabItemClick('shared-libs')}>
                 <span className="sf2-icon-share" aria-hidden="true"></span>

frontend/src/components/toolbar/dir-operation-toolbar.js

@@ -13,6 +13,7 @@ const propTypes = {
   permission: PropTypes.string, //just for view file， and premission is file permission
   path: PropTypes.string.isRequired,
   repoID: PropTypes.string.isRequired,
+  showShareBtn: PropTypes.bool.isRequired,
   onAddFile: PropTypes.func.isRequired,
   onAddFolder: PropTypes.func.isRequired,
   onUploadFile: PropTypes.func.isRequired,
@@ -192,7 +193,9 @@ class DirOperationToolbar extends React.Component {
               <button className="btn btn-secondary operation-item" title={gettext('New')} onClick={this.onCreateClick}>{gettext('New')}</button>
             </Fragment>
           )}
+          {this.props.showShareBtn &&
           <button className="btn btn-secondary operation-item" title={gettext('Share')} onClick={this.onShareClick}>{gettext('Share')}</button>
+          }
         </div>
         {this.state.isUploadMenuShow && (
           <ul className="menu dropdown-menu" style={this.state.operationMenuStyle}>