haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 02:48:51 +00:00
Code Issues Releases Wiki Activity

optimize code (#5831)

Browse Source 
* optimize code

* optimize code
This commit is contained in:
杨顺强
2023-12-16 11:37:32 +08:00
committed by GitHub
parent 7ce3d83cc1
commit 5c3b048065
3 changed files with 54 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
frontend/src/components/share-link-panel/index.css
View File

@@ -1,67 +0,0 @@
.sdoc-share-link-tab-table table,
.sdoc-share-link-tab-table thead,
.sdoc-share-link-tab-table tbody {
display: block;
}
.sdoc-share-link-tab-table thead,
.sdoc-share-link-tab-table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.sdoc-share-link-tab-table thead {
width: calc(100% - 1em)
}
.sdoc-share-link-tab-table thead {
width: calc(100% - 1em)
}
.sdoc-share-link-tab-table table,
.sdoc-share-link-tab-table thead,
.sdoc-share-link-tab-table tbody {
display: block;
}
.sdoc-share-link-tab-table thead,
.sdoc-share-link-tab-table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.sdoc-share-link-tab-table th:nth-child(1),
.sdoc-share-link-tab-table td:nth-child(1) {
width: 5%;
}
.sdoc-share-link-tab-table th:nth-child(2),
.sdoc-share-link-tab-table td:nth-child(2) {
width: 26%;
}
.sdoc-share-link-tab-table th:nth-child(3),
.sdoc-share-link-tab-table td:nth-child(3) {
width: 30%;
}
.sdoc-share-link-tab-table th:nth-child(4),
.sdoc-share-link-tab-table td:nth-child(4) {
width: 25%;
}
.sdoc-share-link-tab-table th:nth-child(5),
.sdoc-share-link-tab-table td:nth-child(5) {
width: 14%;
}
.sdoc-share-link-tab-table thead {
width: calc(100% - 1em)
}
.sdoc-share-link-tab-table tbody {
height: 450px;
overflow: auto;
}

71
frontend/src/components/share-link-panel/link-list.js
View File

@@ -5,8 +5,6 @@ import EmptyTip from '../empty-tip';
import LinkItem from './link-item';
import CommonOperationConfirmationDialog from '../../components/dialog/common-operation-confirmation-dialog';
import './index.css';
const propTypes = {
shareLinks: PropTypes.array.isRequired,
permissionOptions: PropTypes.array.isRequired,
@@ -76,33 +74,48 @@ class LinkList extends React.Component {
<p className="text-secondary">{gettext('No share links')}</p>
</EmptyTip>
) : (
<table className="table-hover sdoc-share-link-tab-table">
<thead>
<tr>
<th width="5%" className="text-center">
<input type="checkbox" checked={isAllLinksSelected} className="vam" onChange={this.toggleSelectAllLinks} />
</th>
<th width="26%">{gettext('Link')}</th>
<th width="30%">{gettext('Permission')}</th>
<th width="25%">{gettext('Expiration')}</th>
<th width="14%"></th>
</tr>
</thead>
<tbody>
{shareLinks.map((item, index) => {
return (
<LinkItem
key={index}
item={item}
permissionOptions={permissionOptions}
showLinkDetails={this.props.showLinkDetails}
toggleSelectLink={this.props.toggleSelectLink}
deleteLink={this.props.deleteLink}
/>
);
})}
</tbody>
</table>
<div className='share-list-container share-link'>
<table className="table-place-header">
<thead>
<tr>
<th width="5%" className="text-center">
<input type="checkbox" checked={isAllLinksSelected} className="vam" onChange={this.toggleSelectAllLinks} />
</th>
<th width="26%">{gettext('Link')}</th>
<th width="30%">{gettext('Permission')}</th>
<th width="25%">{gettext('Expiration')}</th>
<th width="14%"></th>
</tr>
</thead>
</table>
<div className='table-real-container'>
<table className="table-real-content table-thead-hidden">
<thead>
<tr>
<th width="5%" className="text-center"></th>
<th width="26%">{gettext('Link')}</th>
<th width="30%">{gettext('Permission')}</th>
<th width="25%">{gettext('Expiration')}</th>
<th width="14%"></th>
</tr>
</thead>
<tbody>
{shareLinks.map((item, index) => {
return (
<LinkItem
key={index}
item={item}
permissionOptions={permissionOptions}
showLinkDetails={this.props.showLinkDetails}
toggleSelectLink={this.props.toggleSelectLink}
deleteLink={this.props.deleteLink}
/>
);
})}
</tbody>
</table>
</div>
</div>
)}
{this.state.isDeleteShareLinksDialogOpen && (
<CommonOperationConfirmationDialog