Function magnifyingGlassControl

scripts/reading.js:2851–2931

(mode, event = false, lensData = false)

var magnifyingGlassControlST = false, prevMagnifyingGlassControlRect = false;

function magnifyingGlassControl(mode, event = false, lensData = false)
{
	let x = 0, y = 0;

	if(event)
	{
		const originalEvent = event.originalEvent || event;

		x = originalEvent.touches ? originalEvent.touches[0].pageX : (event.pageX || !event.clientX ? event.pageX : event.clientX);
		y = originalEvent.touches ? originalEvent.touches[0].pageY : (event.pageY || !event.clientY ? event.pageY : event.clientY);
	}

	let contentRight = template._contentRight();

	if(mode == 1)
	{
		if(mode !== magnifyingGlassPosition.mode)
			clearTimeout(magnifyingGlassControlST);

		let ratio = lensData?.ratio ? lensData.ratio : config.readingMagnifyingGlassRatio;
		let zoom = lensData?.zoom ? lensData.zoom : config.readingMagnifyingGlassZoom;
		let lensWidth = lensData?.size ? lensData.size : config.readingMagnifyingGlassSize;
		let lensHeight = Math.round(lensWidth * ratio);

		let lensHeightM = Math.round(lensHeight / 2);
		let lensWidthM = Math.round(lensWidth / 2);

		let top = (y - lensHeightM);
		let left = (x - (lensWidth / 2));

		let rect = showComicSkip !== false && prevMagnifyingGlassControlRect ? prevMagnifyingGlassControlRect : contentRight.querySelector('.reading-body').getBoundingClientRect();
		prevMagnifyingGlassControlRect = rect;

		let topLens = y - rect.top - (lensHeightM / zoom);
		let leftLens = x - rect.left - lensWidthM;

		dom.this(contentRight).find('.reading-lens').css({
			display: 'block',
			contentVisibility: 'visible',
			transform: 'translate('+left+'px, '+top+'px)',
			width: lensWidth+'px',
			height: lensHeight+'px',
			borderRadius: ((lensData && typeof lensData.radius != 'undefined') ? lensData.radius : config.readingMagnifyingGlassRadius)+'px'
		}).removeClass('d', 'h').addClass('a');

		dom.this(contentRight).find('.reading-lens > div').css({
			transform: 'scale('+zoom+') translate(' + (-(leftLens)) + 'px, ' + (-(topLens)) + 'px)',
			transformOrigin: '',
			transition: '',
		});

		magnifyingGlassView = true;

		magnifyingGlassPosition = {
			x: x,
			y: y,
			mode: mode,
		};