haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 14:50:29 +00:00
Code Issues Releases Wiki Activity

style: format code

Browse Source
This commit is contained in:
liuhongbo
2024-07-04 14:57:55 +08:00
parent c661fee439
commit 2b60bf50ec
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/pages/wiki2/editor-component/page-header.jsx
View File

@@ -42,7 +42,7 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
}, [currentPageConfig, onUpdatePage]); }, [currentPageConfig, onUpdatePage]);
const changeControllerDisplayed = useCallback((isShowController) => { const changeControllerDisplayed = useCallback((isShowController) => {
if(isShowCoverPanel) return; if (isShowCoverPanel) return;
setIsShowController(isShowController); setIsShowController(isShowController);
}, [isShowCoverPanel]); }, [isShowCoverPanel]);
@@ -125,7 +125,7 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
const handleAddCover = useCallback(() => { const handleAddCover = useCallback(() => {
const coverName = WIKI_COVER_LIST[Math.floor(Math.random() * WIKI_COVER_LIST.length)]; const coverName = WIKI_COVER_LIST[Math.floor(Math.random() * WIKI_COVER_LIST.length)];
const coverImgUrl = `${coverName}`; const coverImgUrl = `${coverName}`;
onUpdatePage(currentPageConfig.id, { name: currentPageConfig.name, coverImgUrl }); onUpdatePage(currentPageConfig.id, { name: currentPageConfig.name, cover_img_url: coverImgUrl });
}, [currentPageConfig.id, currentPageConfig.name, onUpdatePage]); }, [currentPageConfig.id, currentPageConfig.name, onUpdatePage]);
const showCoverController = useCallback(() => { const showCoverController = useCallback(() => {
@@ -133,18 +133,18 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
}, []); }, []);
const hideCoverController = useCallback((e) => { const hideCoverController = useCallback((e) => {
if(isShowCoverPanel) return; if (isShowCoverPanel) return;
setIsShowCoverController(false); setIsShowCoverController(false);
}, [isShowCoverPanel]); }, [isShowCoverPanel]);
const handleSetCoverImage = (coverName) => { const handleSetCoverImage = (coverName) => {
const coverImgUrl = `${coverName}`; const coverImgUrl = `${coverName}`;
onUpdatePage(currentPageConfig.id, { name: currentPageConfig.name, coverImgUrl }); onUpdatePage(currentPageConfig.id, { name: currentPageConfig.name, cover_img_url: coverImgUrl });
handleCoverPanelDisplayedChange(false); handleCoverPanelDisplayedChange(false);
}; };
const handleCoverRemove = () => { const handleCoverRemove = () => {
onUpdatePage(currentPageConfig.id, { name: currentPageConfig.name, coverImgUrl: '' }); onUpdatePage(currentPageConfig.id, { name: currentPageConfig.name, cover_img_url: '' });
handleCoverPanelDisplayedChange(false); handleCoverPanelDisplayedChange(false);
}; };
@@ -156,13 +156,13 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
onMouseLeave={changeControllerDisplayed.bind(null, false)} onMouseLeave={changeControllerDisplayed.bind(null, false)}
> >
{currentPageConfig.coverImgUrl && ( {currentPageConfig.cover_img_url && (
<div <div
className='wiki-cover' className='wiki-cover'
onMouseMove={showCoverController} onMouseMove={showCoverController}
onMouseLeave={hideCoverController} onMouseLeave={hideCoverController}
> >
<img className='wiki-cover-img' alt={gettext('Cover')} src={getCoverImgUrl(currentPageConfig.coverImgUrl)} /> <img className='wiki-cover-img' alt={gettext('Cover')} src={getCoverImgUrl(currentPageConfig.cover_img_url)} />
{isShowCoverController && ( {isShowCoverController && (
<div className='wiki-cover-controller'> <div className='wiki-cover-controller'>
<div onClick={handleCoverPanelDisplayedChange.bind(true)} className='wiki-cover-controller-btn' id='wiki-change-cover-btn'>{gettext('Change cover')}</div> <div onClick={handleCoverPanelDisplayedChange.bind(true)} className='wiki-cover-controller-btn' id='wiki-change-cover-btn'>{gettext('Change cover')}</div>
@@ -171,7 +171,7 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
target="wiki-change-cover-btn" target="wiki-change-cover-btn"
toggle={() => void 0} toggle={() => void 0}
placement="bottom" placement="bottom"
isOpen={!!(isShowCoverPanel && currentPageConfig.coverImgUrl)} isOpen={!!(isShowCoverPanel && currentPageConfig.cover_img_url)}
innerClassName='wiki-cover-panel' innerClassName='wiki-cover-panel'
hideArrow={true} hideArrow={true}
popperClassName='wiki-cover-popover' popperClassName='wiki-cover-popover'
@@ -184,7 +184,7 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
<PopoverBody className='wiki-cover-panel-body'> <PopoverBody className='wiki-cover-panel-body'>
{ {
WIKI_COVER_LIST.map(imgName => ( WIKI_COVER_LIST.map(imgName => (
<img key={imgName} onClick={handleSetCoverImage.bind(null,imgName)} className='wiki-cover-gallery-img' alt={gettext('Cover')} src={getCoverImgUrl(`${imgName}`)} /> <img key={imgName} onClick={handleSetCoverImage.bind(null, imgName)} className='wiki-cover-gallery-img' alt={gettext('Cover')} src={getCoverImgUrl(`${imgName}`)} />
)) ))
} }
</PopoverBody> </PopoverBody>
@@ -199,8 +199,8 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
<div <div
className='wiki-editor-header' className='wiki-editor-header'
> >
<div className={classnames('wiki-icon-container', { gap: currentPageConfig.icon && !currentPageConfig.coverImgUrl })}> <div className={classnames('wiki-icon-container', { gap: currentPageConfig.icon && !currentPageConfig.cover_img_url })}>
<div className={classnames('wiki-icon-wrapper', { show: currentPageConfig.icon })} id='wiki-icon-wrapper' onClick={handleIconPanelDisplayedChange.bind(null,!isShowIconPanel)}> <div className={classnames('wiki-icon-wrapper', { show: currentPageConfig.icon })} id='wiki-icon-wrapper' onClick={handleIconPanelDisplayedChange.bind(null, !isShowIconPanel)}>
<span>{currentPageConfig.icon}</span> <span>{currentPageConfig.icon}</span>
</div> </div>
</div> </div>
@@ -221,7 +221,7 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
<PopoverBody className='wiki-icon-panel-body'> <PopoverBody className='wiki-icon-panel-body'>
<Picker <Picker
data={data} data={data}
onEmojiSelect={(emoji) => handleSetIcon(emoji.native, handleIconPanelDisplayedChange.bind(null,false))} onEmojiSelect={(emoji) => handleSetIcon(emoji.native, handleIconPanelDisplayedChange.bind(null, false))}
previewPosition="none" previewPosition="none"
skinTonePosition="none" skinTonePosition="none"
locale={window.seafile.lang.slice(0, 2)} locale={window.seafile.lang.slice(0, 2)}
@@ -238,7 +238,7 @@ const PageHeader = ({ currentPageConfig, onUpdatePage }) => {
<span className='text'>{gettext('Add icon')}</span> <span className='text'>{gettext('Add icon')}</span>
</div> </div>
)} )}
{!currentPageConfig.coverImgUrl && ( {!currentPageConfig.cover_img_url && (
<div onClick={handleAddCover} className='wiki-page-controller-item'> <div onClick={handleAddCover} className='wiki-page-controller-item'>
<i className='sf3-font sf3-font-image'></i> <i className='sf3-font sf3-font-image'></i>
<span className='text'>{gettext('Add cover')}</span> <span className='text'>{gettext('Add cover')}</span>

2
frontend/src/pages/wiki2/models/page.js
View File

@@ -5,7 +5,7 @@ class Page {
this.path = object.path; this.path = object.path;
this.icon = object.icon; this.icon = object.icon;
this.docUuid = object.docUuid; this.docUuid = object.docUuid;
this.coverImgUrl = object.coverImgUrl; this.cover_img_url = object.cover_img_url;
this.children = Array.isArray(object.children) ? object.children.map(item => new Page(item)) : []; this.children = Array.isArray(object.children) ? object.children.map(item => new Page(item)) : [];
} }
} }