Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
S
Stable Diffusion Webui
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Locked Files
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Security & Compliance
Security & Compliance
Dependency List
License Compliance
Packages
Packages
List
Container Registry
Analytics
Analytics
CI / CD
Code Review
Insights
Issues
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
novelai-storage
Stable Diffusion Webui
Commits
6163b38a
Commit
6163b38a
authored
Jun 05, 2023
by
Aarni Koskela
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Zoom and Pan: use for instead of forEach
parent
afbb0b5f
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
7 additions
and
10 deletions
+7
-10
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
+7
-10
No files found.
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
View file @
6163b38a
...
...
@@ -150,17 +150,15 @@ onUiLoaded(async() => {
const
elemData
=
{};
// Apply functionality to the range inputs. Restore redmask and correct for long images.
const
rangeInputs
=
elements
.
rangeGroup
?
elements
.
rangeGroup
.
querySelectorAll
(
"
input
"
)
:
const
rangeInputs
=
elements
.
rangeGroup
?
Array
.
from
(
elements
.
rangeGroup
.
querySelectorAll
(
"
input
"
)
)
:
[
gradioApp
().
querySelector
(
"
#img2img_width input[type='range']
"
),
gradioApp
().
querySelector
(
"
#img2img_height input[type='range']
"
)
];
rangeInputs
.
forEach
(
input
=>
{
if
(
input
)
{
input
.
addEventListener
(
"
input
"
,
()
=>
restoreImgRedMask
(
elements
));
}
});
for
(
const
input
of
rangeInputs
)
{
input
?.
addEventListener
(
"
input
"
,
()
=>
restoreImgRedMask
(
elements
));
}
function
applyZoomAndPan
(
elemId
)
{
const
targetElement
=
gradioApp
().
querySelector
(
elemId
);
...
...
@@ -215,12 +213,11 @@ onUiLoaded(async() => {
action
:
"
Move canvas
"
}
];
hotkeys
.
forEach
(
function
(
hotkey
)
{
for
(
const
hotkey
of
hotkeys
)
{
const
p
=
document
.
createElement
(
"
p
"
);
p
.
innerHTML
=
"
<b>
"
+
hotkey
.
key
+
"
</b>
"
+
"
-
"
+
hotkey
.
action
;
p
.
innerHTML
=
`<b>
${
hotkey
.
key
}
</b> -
${
hotkey
.
action
}
`
;
tooltipContent
.
appendChild
(
p
);
}
);
}
// Add information and content elements to the tooltip element
tooltip
.
appendChild
(
info
);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment