haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-10 03:11:07 +00:00
Code Issues Releases Wiki Activity

Feature/improve gallery interactivity (#6701)

Browse Source 
* zip download images in gallery

* delete images in gallery

* clean up code

* update gallery context menu

* fix bug - select failed when gallery have several groups

* change function name

---------

Co-authored-by: Michael An <2331806369@qq.com>
This commit is contained in:
Aries
2024-09-21 16:41:21 +08:00
committed by GitHub
parent 1ea86d95b3
commit adf6591e59
8 changed files with 408 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/dialog/image-dialog.js
View File

@@ -42,8 +42,8 @@ class ImageDialog extends React.Component {
};
render() {
const imageItems = this.props.imageItems;
const imageIndex = this.props.imageIndex;
const { imageItems, imageIndex, closeImagePopup, moveToPrevImage, moveToNextImage, onDeleteImage } = this.props;
const imageItemsLength = imageItems.length;
const name = imageItems[imageIndex].name;
const imageTitle = `${name} (${imageIndex + 1}/${imageItemsLength})`;
@@ -61,9 +61,9 @@ class ImageDialog extends React.Component {
mainSrc={mainSrc}
nextSrc={nextSrc}
prevSrc={prevSrc}
onCloseRequest={this.props.closeImagePopup}
onMovePrevRequest={this.props.moveToPrevImage}
onMoveNextRequest={this.props.moveToNextImage}
onCloseRequest={closeImagePopup}
onMovePrevRequest={moveToPrevImage}
onMoveNextRequest={moveToNextImage}
imagePadding={70}
imageLoadErrorMessage={gettext('The image could not be loaded.')}
prevLabel={gettext('Previous (Left arrow key)')}
@@ -72,8 +72,8 @@ class ImageDialog extends React.Component {
zoomInLabel={gettext('Zoom in')}
zoomOutLabel={gettext('Zoom out')}
enableRotate={true}
onClickDownload={() => this.downloadImage(imageItems[imageIndex].downloadURL)}
onClickDelete={this.props.onDeleteImage ? () => this.props.onDeleteImage(imageItems[imageIndex].name) : null}
onClickDownload={() => this.downloadImage(imageItems[imageIndex].url)}
onClickDelete={onDeleteImage ? () => onDeleteImage(imageItems[imageIndex].name) : null}
onViewOriginal={this.onViewOriginal}
viewOriginalImageLabel={gettext('View original image')}
onRotateImage={this.onRotateImage}