OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Make download into a button 

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-02-24 16:28:12 +01:00
parent a6bb203a4b
commit b068a4c055
No known key found for this signature in database
GPG Key ID: 9760693FDD98A790
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/views/elements/ImageView.js
View File

@ -169,6 +169,15 @@ export default class ImageView extends React.Component {
});
}
onDownloadClick = (ev) => {
ev.preventDefault();
ev.stopPropagation();
const a = document.createElement("a");
a.href = this.props.src;
a.download = this.props.name;
a.click();
}
onPanelClick = (ev) => {
this.props.onFinished();
}
@ -281,13 +290,11 @@ export default class ImageView extends React.Component {
title={_t("Zoom in")}
onClick={ this.onZoomInClick }>
</AccessibleTooltipButton>
<a
<AccessibleTooltipButton
className="mx_ImageView_button mx_ImageView_button_download"
href={ this.props.src }
download={ this.props.name }
title={_t("Download")}
target="_blank" rel="noopener">
</a>
onClick={ this.onDownloadClick }>
</AccessibleTooltipButton>
<AccessibleTooltipButton
className="mx_ImageView_button mx_ImageView_button_close"
title={_t("Close")}