PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

ZOOM shouldn't be a part of the class

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-02-25 11:19:50 +01:00
parent d0dea91e92
commit fa239e506d
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/views/elements/ImageView.js
View file

@ -33,6 +33,9 @@ import SettingsStore from "../../../settings/SettingsStore";
import {formatFullDate} from "../../../DateUtils";
import dis from '../../../dispatcher/dispatcher';
const MIN_ZOOM = 100;
const MAX_ZOOM = 300;
export default class ImageView extends React.Component {
static propTypes = {
src: PropTypes.string.isRequired, // the source of the image being displayed
@ -68,8 +71,6 @@ export default class ImageView extends React.Component {
initY = 0;
lastX = 0;
lastY = 0;
minZoom = 100;
maxZoom = 300;
componentDidMount() {
// We have to use addEventListener() because the listener
@ -94,16 +95,16 @@ export default class ImageView extends React.Component {
ev.preventDefault();
const newZoom =this.state.zoom - ev.deltaY;
if (newZoom <= this.minZoom) {
if (newZoom <= MIN_ZOOM) {
this.setState({
zoom: this.minZoom,
zoom: MIN_ZOOM,
translationX: 0,
translationY: 0,
});
return;
}
if (newZoom >= this.maxZoom) {
this.setState({zoom: this.maxZoom});
if (newZoom >= MAX_ZOOM) {
this.setState({zoom: MAX_ZOOM});
return;
}
@ -146,8 +147,8 @@ export default class ImageView extends React.Component {
};
onZoomInClick = (ev) => {
if (this.state.zoom >= this.maxZoom) {
this.setState({zoom: this.maxZoom});
if (this.state.zoom >= MAX_ZOOM) {
this.setState({zoom: MAX_ZOOM});
return;
}
@ -157,9 +158,9 @@ export default class ImageView extends React.Component {
};
onZoomOutClick = (ev) => {
if (this.state.zoom <= this.minZoom) {
if (this.state.zoom <= MIN_ZOOM) {
this.setState({
zoom: this.minZoom,
zoom: MIN_ZOOM,
translationX: 0,
translationY: 0,
});