Corrected the code according to Code style (f48bce5f) · Commits · github_fork / Stable Diffusion Webui

javascript/zoom.js

+383 −377

Original line number	Diff line number	Diff line
		@@ -19,7 +19,7 @@ onUiLoaded(async () => {
		resetZoom: "KeyR",
		fitToScreen: "KeyS",
		moveKey: "KeyF",
		overlap: "KeyO",
		overlap: "KeyO"
		};

		let isMoving = false;
		@@ -29,12 +29,12 @@ onUiLoaded(async () => {
		sketch: "#img2img_sketch",
		inpaint: "#img2maskimg",
		inpaintSketch: "#inpaint_sketch",
		img2imgTabs: "#mode_img2img .tab-nav",
		img2imgTabs: "#mode_img2img .tab-nav"
		};

		async function getElements() {
		const elements = await Promise.all(
		Object.values(elementIDs).map((id) => document.querySelector(id))
		Object.values(elementIDs).map(id => document.querySelector(id))
		);
		return Object.fromEntries(
		Object.keys(elementIDs).map((key, index) => [key, elements[index]])
		@@ -116,13 +116,18 @@ onUiLoaded(async () => {
		percentage = 5
		) {
		const input =
		document.querySelector(`${elemId} input[aria-label='Brush radius']`) \|\|
		document.querySelector(`${elemId} button[aria-label="Use brush"]`);
		document.querySelector(
		`${elemId} input[aria-label='Brush radius']`
		) \|\|
		document.querySelector(
		`${elemId} button[aria-label="Use brush"]`
		);

		if (input) {
		input.click();
		if (!withoutValue) {
		const maxValue = parseFloat(input.getAttribute("max")) \|\| 100;
		const maxValue =
		parseFloat(input.getAttribute("max")) \|\| 100;
		const changeAmount = maxValue * (percentage / 100);
		const newValue =
		parseFloat(input.value) +
		@@ -134,7 +139,7 @@ onUiLoaded(async () => {
		}

		// Reset zoom when uploading a new image
		fileInput = document.querySelector(
		const fileInput = document.querySelector(
		`${elemId} input[type="file"][accept="image/*"].svelte-116rqfv`
		);
		fileInput.addEventListener("click", resetZoom);
		@@ -211,7 +216,8 @@ onUiLoaded(async () => {
		const originYValue = parseFloat(originY);

		const offsetX =
		(screenWidth - elementWidth * scale) / 2 - originXValue * (1 - scale);
		(screenWidth - elementWidth * scale) / 2 -
		originXValue * (1 - scale);
		const offsetY =
		(screenHeight - elementHeight * scale) / 2.5 -
		originYValue * (1 - scale);
		@@ -305,7 +311,7 @@ onUiLoaded(async () => {
		const hotkeyActions = {
		[hotkeysConfig.resetZoom]: resetZoom,
		[hotkeysConfig.overlap]: toggleOverlap,
		[hotkeysConfig.fitToScreen]: fitToScreen,
		[hotkeysConfig.fitToScreen]: fitToScreen
		// [hotkeysConfig.moveKey] : moveCanvas,
		};

		@@ -354,7 +360,7 @@ onUiLoaded(async () => {
		}
		});

		targetElement.addEventListener("wheel", (e) => {
		targetElement.addEventListener("wheel", e => {
		// change zoom level
		const operation = e.deltaY > 0 ? "-" : "+";
		changeZoomLevel(operation, e);

Admin message