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

add new repo in my-libraries-view and group-view (#6974)

Browse Source
This commit is contained in:
Michael An
2024-10-31 10:31:46 +08:00
committed by GitHub
parent 52a6e2e7e3
commit 7842eb978f
5 changed files with 103 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/pages/my-libs/mylib-repo-list-view.js
View File

@@ -8,6 +8,7 @@ import { LIST_MODE } from '../../components/dir-view-mode/constants';
import ContextMenu from '../../components/context-menu/context-menu';
import { Utils } from '../../utils/utils';
import { hideMenu, handleContextClick } from '../../components/context-menu/actions';
import NewLibrary from './new-library';
const propTypes = {
sortBy: PropTypes.string.isRequired,
@@ -116,22 +117,41 @@ class MylibRepoListView extends React.Component {
const sortIcon = this.props.sortOrder === 'asc' ? <span className="sf3-font sf3-font-down rotate-180 d-inline-block"></span> : <span className="sf3-font sf3-font-down"></span>;
return currentViewMode == LIST_MODE ? (
<table className={inAllLibs ? 'table-thead-hidden' : ''}>
<thead>
<tr>
<th width="4%"></th>
<th width="3%"><span className="sr-only">{gettext('Library Type')}</span></th>
<th width={showStorageBackend ? '36%' : '35%'}><a className="d-block table-sort-op" href="#" onClick={this.sortByName}>{gettext('Name')} {this.props.sortBy === 'name' && sortIcon}</a></th>
<th width="10%"><span className="sr-only">{gettext('Actions')}</span></th>
<th width={showStorageBackend ? '15%' : '14%'}><a className="d-block table-sort-op" href="#" onClick={this.sortBySize}>{gettext('Size')} {this.props.sortBy === 'size' && sortIcon}</a></th>
{showStorageBackend ? <th width="17%">{gettext('Storage Backend')}</th> : null}
<th width={showStorageBackend ? '15%' : '34%'}><a className="d-block table-sort-op" href="#" onClick={this.sortByTime}>{gettext('Last Update')} {this.props.sortBy === 'time' && sortIcon}</a></th>
</tr>
</thead>
<tbody>
{this.renderRepoListView()}
</tbody>
</table>
<>
<table className={inAllLibs ? 'table-thead-hidden' : ''}>
<thead>
<tr>
<th width="4%"></th>
<th width="3%">
<span className="sr-only">{gettext('Library Type')}</span>
</th>
<th width={showStorageBackend ? '36%' : '35%'}>
<a className="d-block table-sort-op" href="#" onClick={this.sortByName}>
{gettext('Name')} {this.props.sortBy === 'name' && sortIcon}
</a>
</th>
<th width="10%">
<span className="sr-only">{gettext('Actions')}</span>
</th>
<th width={showStorageBackend ? '15%' : '14%'}>
<a className="d-block table-sort-op" href="#" onClick={this.sortBySize}>
{gettext('Size')} {this.props.sortBy === 'size' && sortIcon}
</a>
</th>
{showStorageBackend ? <th width="17%">{gettext('Storage Backend')}</th> : null}
<th width={showStorageBackend ? '15%' : '34%'}>
<a className="d-block table-sort-op" href="#" onClick={this.sortByTime}>
{gettext('Last Update')} {this.props.sortBy === 'time' && sortIcon}
</a>
</th>
</tr>
</thead>
<tbody>
{this.renderRepoListView()}
</tbody>
</table>
{!inAllLibs && <NewLibrary onClick={this.props.toggleCreateRepoDialog} />}
</>
) : (
<div className="d-flex justify-content-between flex-wrap">
{this.renderRepoListView()}