haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-10 03:11:07 +00:00
Code Issues Releases Wiki Activity

['Files'] redesigned the side nav & the main content (#6044)

Browse Source
This commit is contained in:
llj
2024-04-26 21:51:50 +08:00
committed by GitHub
parent f7f40231aa
commit 3581712e1a
18 changed files with 145 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/pages/libraries/index.js
View File

@@ -225,10 +225,28 @@ class Libraries extends Component {
<h3 className="sf-heading m-0">{gettext('Files')}</h3>
</div>
<div className="cur-view-content">
<table aria-hidden={true} className="my-3">
<thead>
<tr>
<th width="4%"></th>
<th width="3%"><span className="sr-only">{gettext('Library Type')}</span></th>
<th width="35%">{gettext('Name')}</th>
<th width="10%"><span className="sr-only">{gettext('Actions')}</span></th>
<th width="14%">{gettext('Size')}</th>
<th width="17%">{gettext('Last Update')}</th>
<th width="17%">{gettext('Owner')}</th>
</tr>
</thead>
</table>
{canAddRepo && (
<div className="pb-4">
<div className="pb-3">
<div className="d-flex justify-content-between mt-3 p-1 border-bottom">
<h4 className="sf-heading m-0">{gettext('My Libraries')}</h4>
<h4 className="sf-heading m-0">
<span className="sf3-font-mine sf3-font nav-icon" aria-hidden="true"></span>
{gettext('My Libraries')}
</h4>
{(!Utils.isDesktop() && this.state.repoList.length > 0) && <span className="sf3-font sf3-font-sort action-icon" onClick={this.toggleSortOptionsDialog}></span>}
</div>
{this.state.isLoading ? <Loading /> : (
@@ -244,26 +262,23 @@ class Libraries extends Component {
onMonitorRepo={this.onMonitorRepo}
onRepoClick={this.onRepoClick}
sortRepoList={this.sortRepoList}
theadHidden={true}
inAllLibs={true}
/>
)))}
</div>
)}
<div className="pb-4">
<div className="pb-3">
<SharedLibs inAllLibs={true} />
</div>
{canViewOrg && (
<div className="pb-4">
<div className="pb-3">
<SharedWithAll inAllLibs={true} />
</div>
)}
<div className="pb-4">
<div className="d-flex justify-content-between mt-3 p-1 border-bottom">
<h4 className="sf-heading m-0">{gettext('Shared with groups')}</h4>
</div>
<div className="group-list-panel">
{this.state.isGroupsLoading? <Loading /> : (
this.state.groupsErrorMsg ? <p className="error text-center mt-8">{this.state.groupsErrorMsg}</p> : (
this.state.groupList.length === 0 ? groupsEmptyTip : (