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
68cda4f2
Commit
68cda4f2
authored
Jun 05, 2023
by
Aarni Koskela
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Zoom and Pan: use elementIDs from closure scope
parent
8fd20bd4
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
18 additions
and
18 deletions
+18
-18
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
+18
-18
No files found.
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
View file @
68cda4f2
onUiLoaded
(
async
()
=>
{
const
elementIDs
=
{
img2imgTabs
:
"
#mode_img2img .tab-nav
"
,
inpaint
:
"
#img2maskimg
"
,
inpaintSketch
:
"
#inpaint_sketch
"
,
rangeGroup
:
"
#img2img_column_size
"
,
sketch
:
"
#img2img_sketch
"
,
};
const
tabNameToElementId
=
{
"
Inpaint sketch
"
:
elementIDs
.
inpaintSketch
,
"
Inpaint
"
:
elementIDs
.
inpaint
,
"
Sketch
"
:
elementIDs
.
sketch
,
};
// Helper functions
// Get active tab
function
getActiveTab
(
elements
,
all
=
false
)
{
...
...
@@ -14,14 +27,9 @@ onUiLoaded(async() => {
}
// Get tab ID
function
getTabId
(
elements
,
elementIDs
)
{
function
getTabId
(
elements
)
{
const
activeTab
=
getActiveTab
(
elements
);
const
tabIdLookup
=
{
"
Sketch
"
:
elementIDs
.
sketch
,
"
Inpaint sketch
"
:
elementIDs
.
inpaintSketch
,
"
Inpaint
"
:
elementIDs
.
inpaint
};
return
tabIdLookup
[
activeTab
.
innerText
];
return
tabNameToElementId
[
activeTab
.
innerText
];
}
// Wait until opts loaded
...
...
@@ -80,8 +88,8 @@ onUiLoaded(async() => {
* to avoid breaking the canvas. Additionally, the function adjusts the mask to work correctly on
* very long images.
*/
function
restoreImgRedMask
(
elements
,
elementIDs
)
{
const
mainTabId
=
getTabId
(
elements
,
elementIDs
);
function
restoreImgRedMask
(
elements
)
{
const
mainTabId
=
getTabId
(
elements
);
if
(
!
mainTabId
)
return
;
...
...
@@ -135,14 +143,6 @@ onUiLoaded(async() => {
let
mouseX
,
mouseY
;
let
activeElement
;
const
elementIDs
=
{
sketch
:
"
#img2img_sketch
"
,
inpaint
:
"
#img2maskimg
"
,
inpaintSketch
:
"
#inpaint_sketch
"
,
img2imgTabs
:
"
#mode_img2img .tab-nav
"
,
rangeGroup
:
"
#img2img_column_size
"
};
async
function
getElements
()
{
const
elements
=
await
Promise
.
all
(
Object
.
values
(
elementIDs
).
map
(
id
=>
gradioApp
().
querySelector
(
id
))
...
...
@@ -164,7 +164,7 @@ onUiLoaded(async() => {
rangeInputs
.
forEach
(
input
=>
{
if
(
input
)
{
input
.
addEventListener
(
"
input
"
,
()
=>
restoreImgRedMask
(
elements
,
elementIDs
));
input
.
addEventListener
(
"
input
"
,
()
=>
restoreImgRedMask
(
elements
));
}
});
...
...
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