add main panel topbar

frontend/src/pages/org-admin/org-department-item.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { Link } from '@reach/router';
 import { seafileAPI } from '../../utils/seafile-api';
@@ -11,6 +11,7 @@ import DeleteMemberDialog from '../../components/dialog/org-delete-member-dialog
 import AddRepoDialog from '../../components/dialog/org-add-repo-dialog';
 import DeleteRepoDialog from '../../components/dialog/org-delete-repo-dialog';
 import RoleEditor from '../../components/select-editor/role-editor';
+import MainPanelTopbar from './main-panel-topbar';
 import '../../css/org-department-item.css';
 
 class OrgDepartmentItem extends React.Component {
@@ -96,6 +97,14 @@ class OrgDepartmentItem extends React.Component {
     const { members, repos } = this.state;
     const groupID = this.props.groupID;
     return (
+      <Fragment>
+        <MainPanelTopbar
+          currentTab={this.props.currentTab}
+          groupID={groupID}
+          toggleAddDepartDialog={this.props.toggleAddDepartDialog}
+          toggleAddMemberDialog={this.props.toggleAddMemberDialog}
+          toggleAddRepoDialog={this.props.toggleAddRepoDialog}
+        />
         <div className="main-panel-center flex-row h-100">
           <div className="cur-view-container o-auto">
             <div className="cur-view-path">
@@ -233,6 +242,7 @@ class OrgDepartmentItem extends React.Component {
             )}
           </React.Fragment>
         </div>
+      </Fragment>
     );
   }
 }

frontend/src/pages/org-admin/org-departments-list.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import moment from 'moment';
 import { Link } from '@reach/router';
@@ -9,6 +9,7 @@ import ModalPortal from '../../components/modal-portal';
 import AddDepartDialog from '../../components/dialog/org-add-department-dialog';
 import DeleteDepartDialog from '../../components/dialog/org-delete-department-dialog';
 import SetGroupQuotaDialog from '../../components/dialog/org-set-group-quota-dialog';
+import MainPanelTopbar from './main-panel-topbar';
 import '../../css/org-department-item.css';
 
 moment.locale(lang);
@@ -73,6 +74,16 @@ class OrgDepartmentsList extends React.Component {
     let header = isSub ? gettext('Sub-departments') : gettext('Departments');
     let noGroup = isSub ? gettext('No sub-departments') : gettext('No departments');
     return (
+      <Fragment>
+        {!isSub &&
+          <MainPanelTopbar
+            currentTab={this.props.currentTab}
+            groupID={this.props.groupID}
+            toggleAddDepartDialog={this.props.toggleAddDepartDialog}
+            toggleAddMemberDialog={this.props.toggleAddMemberDialog}
+            toggleAddRepoDialog={this.props.toggleAddRepoDialog}
+          />
+        }
         <div className="main-panel-center flex-row h-100">
           <div className="cur-view-container o-auto">
             <div className="cur-view-path">
@@ -140,6 +151,7 @@ class OrgDepartmentsList extends React.Component {
             </React.Fragment>
           </div>
         </div>
+      </Fragment>
     );
   }
 }

frontend/src/pages/org-admin/org-groups.js

@@ -1,9 +1,8 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
-
 import OrgGroupInfo from '../../models/org-group';
 import Toast from '../../components/toast';
-
+import MainPanelTopbar from './main-panel-topbar';
 import { seafileAPI } from '../../utils/seafile-api';
 import { siteRoot, gettext, orgID } from '../../utils/constants';
 
@@ -73,6 +72,8 @@ class OrgGroups extends Component {
   render() {
     let groups = this.state.orgGroups;
     return (
+      <Fragment>
+        <MainPanelTopbar currentTab={this.props.currentTab}/>
         <div className="main-panel-center flex-row">
           <div className="cur-view-container">
             <div className="cur-view-path">
@@ -110,6 +111,7 @@ class OrgGroups extends Component {
             </div>
           </div>
         </div>
+      </Fragment>
     );
   }
 }

frontend/src/pages/org-admin/org-info.js

@@ -1,7 +1,8 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
 import { seafileAPI } from '../../utils/seafile-api';
 import { gettext, orgMemberQuotaEnabled} from '../../utils/constants';
 import { Utils } from '../../utils/utils';
+import MainPanelTopbar from './main-panel-topbar';
 
 class OrgInfo extends Component {
 
@@ -30,6 +31,8 @@ class OrgInfo extends Component {
 
   render() {
     return (
+      <Fragment>
+        <MainPanelTopbar currentTab={this.props.currentTab}/>
         <div className="main-panel-center flex-row">
           <div className="cur-view-container">
             <div className="cur-view-path">
@@ -49,6 +52,7 @@ class OrgInfo extends Component {
             </div>
           </div>
         </div>
+      </Fragment>
     );
   }
 }

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

@@ -1,7 +1,7 @@
 import React, { Fragment, Component } from 'react';
 import PropTypes from 'prop-types';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
-
+import MainPanelTopbar from './main-panel-topbar';
 import OrgAdminRepo from '../../models/org-admin-repo';
 import toaster from '../../components/toast';
 import TransferDialog from '../../components/dialog/transfer-dialog';
@@ -87,6 +87,8 @@ class OrgLibraries extends Component {
   render() {
     let repos = this.state.orgRepos;
     return (
+      <Fragment>
+        <MainPanelTopbar currentTab={this.props.currentTab}/>
         <div className="main-panel-center flex-row">
           <div className="cur-view-container">
             <div className="cur-view-path">
@@ -127,6 +129,7 @@ class OrgLibraries extends Component {
             </div>
           </div>
         </div>
+      </Fragment>
     );
   }
 }

frontend/src/pages/org-admin/org-links.js

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import moment from 'moment';
 import { seafileAPI } from '../../utils/seafile-api';
 import { siteRoot, gettext } from '../../utils/constants';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import MainPanelTopbar from './main-panel-topbar';
 
 class OrgLinks extends React.Component {
 
@@ -62,6 +63,8 @@ class OrgLinks extends React.Component {
   render() {
     const linkList = this.state.linkList;
     return (
+      <Fragment>
+        <MainPanelTopbar currentTab={this.props.currentTab}/>
         <div className="main-panel-center flex-row">
           <div className="cur-view-container">
             <div className="cur-view-path">
@@ -102,6 +105,7 @@ class OrgLinks extends React.Component {
             </div>
           </div>
         </div>
+      </Fragment>
     );
   }
 }

frontend/src/pages/org-admin/org-logs.js

@@ -1,6 +1,7 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
 import { Link } from '@reach/router';
 import { siteRoot, gettext } from '../../utils/constants';
+import MainPanelTopbar from './main-panel-topbar';
 
 class OrgLogs extends Component {
 
@@ -14,6 +15,8 @@ class OrgLogs extends Component {
 
   render() {
     return (
+      <Fragment>
+        <MainPanelTopbar currentTab={this.props.currentTab}/>
         <div className="main-panel-center flex-row">
           <div className="cur-view-container">
             <div className="cur-view-path org-user-nav">
@@ -32,6 +35,7 @@ class OrgLogs extends Component {
             {this.props.children}
           </div>
         </div>
+      </Fragment>
     );
   }
 }

frontend/src/pages/org-admin/org-users.js

@@ -1,6 +1,7 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
 import { Link } from '@reach/router';
 import { siteRoot, gettext } from '../../utils/constants';
+import MainPanelTopbar from './main-panel-topbar';
 
 class OrgUsers extends Component {
 
@@ -14,6 +15,13 @@ class OrgUsers extends Component {
 
   render() {
     return (
+      <Fragment>
+        <MainPanelTopbar
+          currentTab={this.props.currentTab}
+          toggleAddOrgUser={this.props.toggleAddOrgUser}
+          toggleInviteUserDialog={this.props.toggleInviteUserDialog}
+          toggleAddOrgAdmin={this.props.toggleAddOrgAdmin}
+        />
         <div className="main-panel-center flex-row">
           <div className="cur-view-container">
             <div className="cur-view-path org-user-nav">
@@ -29,6 +37,7 @@ class OrgUsers extends Component {
             {this.props.children}
           </div>
         </div>
+      </Fragment>
     );
   }
 }