soaska/my-sd
soaska/my-sd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

changed the document to gradioApp()

Browse Source
This commit is contained in:
Danil Boldyrev 2023-05-28 20:32:21 +03:00
parent f48bce5f68
commit 4d7b63f489
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
javascript/zoom.js
View File

@ -71,7 +71,7 @@ onUiLoaded(async() => {
fixCanvas(); fixCanvas();
targetElement.style.transform = `scale(${zoomLevel}) translate(${panX}px, ${panY}px)`; targetElement.style.transform = `scale(${zoomLevel}) translate(${panX}px, ${panY}px)`;
const canvas = document.querySelector( const canvas = gradioApp().querySelector(
`${elemId} canvas[key="interface"]` `${elemId} canvas[key="interface"]`
); );
@ -116,10 +116,10 @@ onUiLoaded(async() => {
percentage = 5 percentage = 5
) { ) {
const input = const input =
document.querySelector( gradioApp().querySelector(
`${elemId} input[aria-label='Brush radius']` `${elemId} input[aria-label='Brush radius']`
) || ) ||
document.querySelector( gradioApp().querySelector(
`${elemId} button[aria-label="Use brush"]` `${elemId} button[aria-label="Use brush"]`
); );
@ -139,7 +139,7 @@ onUiLoaded(async() => {
} }
// Reset zoom when uploading a new image // Reset zoom when uploading a new image
const fileInput = document.querySelector( const fileInput = gradioApp().querySelector(
`${elemId} input[type="file"][accept="image/*"].svelte-116rqfv` `${elemId} input[type="file"][accept="image/*"].svelte-116rqfv`
); );
fileInput.addEventListener("click", resetZoom); fileInput.addEventListener("click", resetZoom);
@ -242,7 +242,7 @@ onUiLoaded(async() => {
// Fullscreen mode // Fullscreen mode
function fitToScreen() { function fitToScreen() {
const canvas = document.querySelector( const canvas = gradioApp().querySelector(
`${elemId} canvas[key="interface"]` `${elemId} canvas[key="interface"]`
); );
@ -419,7 +419,7 @@ onUiLoaded(async() => {
} }
} }
document.addEventListener("mousemove", handleMoveByKey); gradioApp().addEventListener("mousemove", handleMoveByKey);
} }
applyZoomAndPan(elements.sketch, elementIDs.sketch); applyZoomAndPan(elements.sketch, elementIDs.sketch);