haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-14 05:05:58 +00:00
Code Issues Releases Wiki Activity

change dialog style

Browse Source
This commit is contained in:
Michael An 2025-02-26 10:10:19 +08:00
parent 67dd7e5eed
commit 47f016e6e9
5 changed files with 14 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/dialog/group-invite-members-dialog.js
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Button, Modal, ModalBody } from 'reactstrap'; import { Button, Modal, ModalBody, Label } from 'reactstrap';
import SeahubModalHeader from '@/components/common/seahub-modal-header'; import SeahubModalHeader from '@/components/common/seahub-modal-header';
import copy from 'copy-to-clipboard'; import copy from 'copy-to-clipboard';
import toaster from '../toast'; import toaster from '../toast';
@ -12,7 +12,7 @@ import '../../css/group-invite-members-dialog.css';
const propTypes = { const propTypes = {
groupID: PropTypes.string.isRequired, groupID: PropTypes.string.isRequired,
toggleGroupInviteDialog: PropTypes.func.isRequired, toggleInviteMembersDialog: PropTypes.func.isRequired,
}; };
class GroupInviteMembersDialog extends React.Component { class GroupInviteMembersDialog extends React.Component {
@ -69,7 +69,7 @@ class GroupInviteMembersDialog extends React.Component {
}; };
toggle = () => { toggle = () => {
this.props.toggleGroupInviteDialog(); this.props.toggleInviteMembersDialog();
}; };
render() { render() {
@ -81,9 +81,7 @@ class GroupInviteMembersDialog extends React.Component {
<ModalBody> <ModalBody>
{link ? {link ?
<> <>
<div> <Label>{gettext('Group invitation link')}</Label>
<strong>{gettext('Group invitation link')}</strong>
</div>
<div className="invite-link-item"> <div className="invite-link-item">
<div className="form-item text-truncate">{link.link}</div> <div className="form-item text-truncate">{link.link}</div>
<div className="invite-link-copy"> <div className="invite-link-copy">

12
frontend/src/css/group-invite-members-dialog.css
View File

@ -1,17 +1,12 @@
.group-invite-members th,
.group-invite-members td {
vertical-align: middle;
text-align: left;
}
.group-invite-members .no-link-tip { .group-invite-members .no-link-tip {
line-height: 24px; line-height: 24px;
color: #999; color: #666;
font-size: 14px;
} }
.invite-link-item { .invite-link-item {
display: flex; display: flex;
margin: 1rem 0 2.5rem; margin-bottom: 2.5rem;
} }
.invite-link-item .form-item { .invite-link-item .form-item {
@ -36,5 +31,4 @@
.invite-link-item .delete-link-btn { .invite-link-item .delete-link-btn {
color: #999; color: #999;
width: 40px;
} }

7
frontend/src/pages/groups/group-view.js
View File

@ -374,7 +374,6 @@ class GroupView extends React.Component {
getOpList = () => { getOpList = () => {
const { currentGroup, isDepartmentGroup, isStaff, isOwner } = this.state; const { currentGroup, isDepartmentGroup, isStaff, isOwner } = this.state;
// const isGroup = this.state.currentGroup.owner !== 'system admin';
const opList = []; const opList = [];
if ((!isDepartmentGroup && canAddRepo) || if ((!isDepartmentGroup && canAddRepo) ||
(isDepartmentGroup && isStaff)) { (isDepartmentGroup && isStaff)) {
@ -401,7 +400,7 @@ class GroupView extends React.Component {
} }
if (isOwner && this.state.currentGroup.owner !== 'system admin' && !isMultiTenancy) { if (isOwner && this.state.currentGroup.owner !== 'system admin' && !isMultiTenancy) {
opList.push({ 'text': gettext('Invite Members'), 'onClick': this.toggleInviteMembersDialog }); opList.push({ 'text': gettext('Invite members'), 'onClick': this.toggleInviteMembersDialog });
} }
} }
@ -606,8 +605,8 @@ class GroupView extends React.Component {
{this.state.showInviteMembersDialog && {this.state.showInviteMembersDialog &&
<GroupInviteMembersDialog <GroupInviteMembersDialog
groupID={this.props.groupID} groupID={this.props.groupID}
onGroupChanged={this.props.onGroupChanged} toggleInviteMembersDialog={this.toggleInviteMembersDialog}
toggleGroupInviteDialog={this.toggleInviteMembersDialog}/> />
} }
</Fragment> </Fragment>
); );

6
frontend/src/utils/seafile-api.js
View File

@ -304,18 +304,18 @@ class SeafileAPI {
} }
deleteGroupInviteLinks(groupID, token) { deleteGroupInviteLinks(groupID, token) {
const url = this.server + '/api/v2.1/groups/' + groupID + '/invite-links/' + token + '/'; const url = `${this.server}/api/v2.1/groups/${groupID}/invite-links/${token}/`;
return this.req.delete(url); return this.req.delete(url);
} }
addGroupInviteLinks(groupID) { addGroupInviteLinks(groupID) {
const url = this.server + '/api/v2.1/groups/' + groupID + '/invite-links/'; const url = `${this.server}/api/v2.1/groups/${groupID}/invite-links/`;
let formData = new FormData(); let formData = new FormData();
return this._sendPostRequest(url, formData); return this._sendPostRequest(url, formData);
} }
getGroupInviteLinks(groupID) { getGroupInviteLinks(groupID) {
const url = this.server + '/api/v2.1/groups/' + groupID + '/invite-links/'; const url = `${this.server}/api/v2.1/groups/${groupID}/invite-links/`;
return this.req.get(url); return this.req.get(url);
} }