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

change wiki UI (#8078)

Browse Source
This commit is contained in:
Michael An
2025-07-25 17:43:47 +08:00
committed by GitHub
parent 29b1820066
commit 2480cc834f
2 changed files with 26 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/dialog/rename-wiki-dialog.js
View File

@@ -67,7 +67,7 @@ class RenameWikiDialog extends React.Component {
render() {
return (
<Modal isOpen={true} toggle={this.toggle}>
<Modal isOpen={true} toggle={this.toggle} autoFocus={false}>
<SeahubModalHeader toggle={this.toggle}>{gettext('Rename Wiki')}</SeahubModalHeader>
<ModalBody>
<p>{gettext('New Wiki name')}</p>
@@ -79,6 +79,7 @@ class RenameWikiDialog extends React.Component {
id="new-wiki-name"
value={this.state.newName}
onChange={this.handleChange}
autoFocus={true}
/>
{this.state.errMessage && <Alert color="danger" className="mt-2">{this.state.errMessage}</Alert>}
</ModalBody>

60
frontend/src/pages/wiki2/wiki-nav/pages/page-dropdownmenu.js
View File

@@ -114,6 +114,15 @@ export default class PageDropdownMenu extends Component {
window.open(wikiLink);
};
renderItem = (onClick, icon, text) => {
return (
<DropdownItem onClick={onClick}>
<i className={`sf3-font sf3-font-${icon}`} aria-hidden="true" />
<span className="item-text">{text}</span>
</DropdownItem>
);
};
render() {
const { canDeletePage = true } = this.props;
return (
@@ -125,44 +134,23 @@ export default class PageDropdownMenu extends Component {
<DropdownToggle className="page-operation-dropdown-toggle" tag="span" data-toggle="dropdown"></DropdownToggle>
<DropdownMenu
className="page-operation-dropdown-menu dtable-dropdown-menu large position-fixed"
flip={false}
modifiers={[{ name: 'preventOverflow', options: { boundary: document.body } }]}
flip={true}
direction="down"
style={{ maxHeight: '80vh', overflowY: 'auto' }}
modifiers={[
{ name: 'preventOverflow', options: { boundary: 'window', padding: 8 } },
{ name: 'flip', enabled: true, options: { fallbackPlacements: ['top'] } }
]}
>
<DropdownItem onClick={this.handleCopyLink}>
<i className="sf3-font sf3-font-link" aria-hidden="true" />
<span className="item-text">{gettext('Copy link')}</span>
</DropdownItem>
<DropdownItem onClick={this.onRename}>
<i className="sf3-font sf3-font-rename" aria-hidden="true" />
<span className="item-text">{gettext('Modify name')}</span>
</DropdownItem>
<DropdownItem onClick={this.addPageAbove}>
<i className="sf3-font sf3-font-enlarge" aria-hidden="true" />
<span className="item-text">{gettext('Add page above')}</span>
</DropdownItem>
<DropdownItem onClick={this.addPageBelow}>
<i className="sf3-font sf3-font-enlarge" aria-hidden="true" />
<span className="item-text">{gettext('Add page below')}</span>
</DropdownItem>
<DropdownItem onClick={this.duplicatePage}>
<i className="sf3-font sf3-font-copy1" aria-hidden="true" />
<span className="item-text">{gettext('Duplicate page')}</span>
</DropdownItem>
{canDeletePage && (
<DropdownItem onClick={this.onDeletePage}>
<i className="sf3-font sf3-font-delete1" aria-hidden="true" />
<span className="item-text">{gettext('Delete page')}</span>
</DropdownItem>
)}
<DropdownItem onClick={this.importPage}>
<i className="sf3-font sf3-font-import-sdoc" aria-hidden="true" />
<span className="item-text">{gettext('Import page')}</span>
</DropdownItem>
{this.renderItem(this.handleCopyLink, 'link', gettext('Copy link'))}
{this.renderItem(this.onRename, 'rename', gettext('Modify name'))}
{this.renderItem(this.addPageAbove, 'enlarge', gettext('Add page above'))}
{this.renderItem(this.addPageBelow, 'enlarge', gettext('Add page below'))}
{this.renderItem(this.duplicatePage, 'copy1', gettext('Duplicate page'))}
{canDeletePage && this.renderItem(this.onDeletePage, 'delete1', gettext('Delete page'))}
{this.renderItem(this.importPage, 'import-sdoc', gettext('Import page'))}
<hr className='divider' />
<DropdownItem onClick={this.handleOpenInNewTab}>
<i className='sf3-font sf3-font-open-in-new-tab' aria-hidden="true" />
<span className="item-text">{gettext('Open in new tab')}</span>
</DropdownItem>
{this.renderItem(this.handleOpenInNewTab, 'open-in-new-tab', gettext('Open in new tab'))}
</DropdownMenu>
</Dropdown>
);