haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-17 15:53:28 +00:00
Code Issues Releases Wiki Activity

change code format (#7297)

Browse Source
This commit is contained in:
Michael An
2025-01-02 18:24:56 +08:00
committed by GitHub
parent d263e1018f
commit af8dd37f97
2 changed files with 47 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/components/dialog/repo-office-suite-dialog.js
View File

@@ -1,6 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Button, Modal, ModalHeader, ModalBody, ModalFooter, TabContent, TabPane } from 'reactstrap';
import { Button, Modal, ModalBody, ModalFooter, TabContent, TabPane } from 'reactstrap';
import SeahubModalHeader from '../common/seahub-modal-header';
import makeAnimated from 'react-select/animated';
import { userAPI } from '../../utils/user-api';
import { gettext, isPro } from '../../utils/constants';
@@ -14,7 +15,6 @@ const propTypes = {
toggleDialog: PropTypes.func.isRequired,
submit: PropTypes.func.isRequired,
repoID: PropTypes.string.isRequired,
};
class OfficeSuiteDialog extends React.Component {
@@ -63,26 +63,25 @@ class OfficeSuiteDialog extends React.Component {
renderOfficeSuiteContent = () => {
return (
<React.Fragment>
<div className="repo-office-suite-dialog-main">
<TabContent>
{isPro &&
<TabPane role="tabpanel" id="office-suite-panel">
<SeahubSelect
isClearable
maxMenuHeight={200}
hideSelectedOptions={true}
components={makeAnimated()}
placeholder={gettext('Select a office suite')}
options={this.options}
onChange={this.handleSelectChange}
value={this.state.selectedOption}
className="repo-select-office-suite"
/>
</TabPane>}
</TabContent>
</div>
</React.Fragment>
<div className="repo-office-suite-dialog-main">
<TabContent>
{isPro &&
<TabPane role="tabpanel" id="office-suite-panel">
<SeahubSelect
isClearable
maxMenuHeight={200}
hideSelectedOptions={true}
components={makeAnimated()}
placeholder={gettext('Select a office suite')}
options={this.options}
onChange={this.handleSelectChange}
value={this.state.selectedOption}
className="repo-select-office-suite"
/>
</TabPane>
}
</TabContent>
</div>
);
};
@@ -92,9 +91,9 @@ class OfficeSuiteDialog extends React.Component {
title = title.replace('{library_name}', '<span class="op-target text-truncate mx-1">' + Utils.HTMLescape(repoName) + '</span>');
return (
<Modal isOpen={true} toggle={this.props.toggleDialog} className="repo-office-suite-dialog">
<ModalHeader toggle={this.props.toggleDialog}>
<SeahubModalHeader toggle={this.props.toggleDialog}>
<span dangerouslySetInnerHTML={{ __html: title }} className="d-flex mw-100"></span>
</ModalHeader>
</SeahubModalHeader>
<ModalBody className="repo-office-suite-dialog-content" role="tablist">
{this.renderOfficeSuiteContent()}
</ModalBody>

51
frontend/src/css/repo-office-suite-dialog.css
View File

@@ -1,30 +1,27 @@
.repo-office-suite-dialog .repo-office-suite-dialog-content {
padding: 0;
min-height: 5.5rem;
min-width: 10rem;
display: flex;
padding: 0;
min-height: 5.5rem;
min-width: 10rem;
display: flex;
flex-direction: column;
}
@media (min-width: 268px) {
.repo-office-suite-dialog .repo-office-suite-dialog-content {
flex-direction: column;
}
@media (min-width: 268px) {
.repo-office-suite-dialog .repo-office-suite-dialog-content {
flex-direction: column;
}
}
.repo-office-suite-dialog-content .repo-office-suite-dialog-main {
display: flex;
flex-basis: 48%;
padding: 1rem;
}
.repo-office-suite-dialog-content .repo-office-suite-dialog-main .tab-content {
flex: 1;
}
.repo-office-suite-dialog-content .repo-office-suite-dialog-main .repo-select-office-suite {
padding: 8px 0;
}
}
.repo-office-suite-dialog-content .repo-office-suite-dialog-main {
display: flex;
flex-basis: 48%;
padding: 1rem;
}
.repo-office-suite-dialog-content .repo-office-suite-dialog-main .tab-content {
flex: 1;
}
.repo-office-suite-dialog-content .repo-office-suite-dialog-main .repo-select-office-suite {
padding: 8px 0;
}