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
16ab1742
Commit
16ab1742
authored
Nov 05, 2023
by
AUTOMATIC1111
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
eslint
parent
046c7b05
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
11 additions
and
9 deletions
+11
-9
javascript/inputAccordion.js
javascript/inputAccordion.js
+11
-9
No files found.
javascript/inputAccordion.js
View file @
16ab1742
...
@@ -4,20 +4,22 @@ function inputAccordionChecked(id, checked) {
...
@@ -4,20 +4,22 @@ function inputAccordionChecked(id, checked) {
accordion
.
onVisibleCheckboxChange
();
accordion
.
onVisibleCheckboxChange
();
}
}
function
setupAccordion
(
accordion
){
function
setupAccordion
(
accordion
)
{
var
labelWrap
=
accordion
.
querySelector
(
'
.label-wrap
'
);
var
labelWrap
=
accordion
.
querySelector
(
'
.label-wrap
'
);
var
gradioCheckbox
=
gradioApp
().
querySelector
(
'
#
'
+
accordion
.
id
+
"
-checkbox input
"
);
var
gradioCheckbox
=
gradioApp
().
querySelector
(
'
#
'
+
accordion
.
id
+
"
-checkbox input
"
);
var
extra
=
gradioApp
().
querySelector
(
'
#
'
+
accordion
.
id
+
"
-extra
"
);
var
extra
=
gradioApp
().
querySelector
(
'
#
'
+
accordion
.
id
+
"
-extra
"
);
var
span
=
labelWrap
.
querySelector
(
'
span
'
);
var
span
=
labelWrap
.
querySelector
(
'
span
'
);
var
linked
=
true
;
var
linked
=
true
;
var
isOpen
=
function
(){
return
labelWrap
.
classList
.
contains
(
'
open
'
);
}
var
isOpen
=
function
()
{
return
labelWrap
.
classList
.
contains
(
'
open
'
);
};
var
observerAccordionOpen
=
new
MutationObserver
(
function
(
mutations
)
{
var
observerAccordionOpen
=
new
MutationObserver
(
function
(
mutations
)
{
mutations
.
forEach
(
function
(
mutationRecord
)
{
mutations
.
forEach
(
function
(
mutationRecord
)
{
accordion
.
classList
.
toggle
(
'
input-accordion-open
'
,
isOpen
());
accordion
.
classList
.
toggle
(
'
input-accordion-open
'
,
isOpen
());
if
(
linked
)
{
if
(
linked
)
{
accordion
.
visibleCheckbox
.
checked
=
isOpen
();
accordion
.
visibleCheckbox
.
checked
=
isOpen
();
accordion
.
onVisibleCheckboxChange
();
accordion
.
onVisibleCheckboxChange
();
}
}
...
@@ -29,22 +31,22 @@ function setupAccordion(accordion){
...
@@ -29,22 +31,22 @@ function setupAccordion(accordion){
labelWrap
.
insertBefore
(
extra
,
labelWrap
.
lastElementChild
);
labelWrap
.
insertBefore
(
extra
,
labelWrap
.
lastElementChild
);
}
}
accordion
.
onChecked
=
function
(
checked
){
accordion
.
onChecked
=
function
(
checked
)
{
if
(
isOpen
()
!=
checked
)
{
if
(
isOpen
()
!=
checked
)
{
labelWrap
.
click
();
labelWrap
.
click
();
}
}
}
}
;
var
visibleCheckbox
=
document
.
createElement
(
'
INPUT
'
);
var
visibleCheckbox
=
document
.
createElement
(
'
INPUT
'
);
visibleCheckbox
.
type
=
'
checkbox
'
;
visibleCheckbox
.
type
=
'
checkbox
'
;
visibleCheckbox
.
checked
=
isOpen
();
visibleCheckbox
.
checked
=
isOpen
();
visibleCheckbox
.
id
=
accordion
.
id
+
"
-visible-checkbox
"
;
visibleCheckbox
.
id
=
accordion
.
id
+
"
-visible-checkbox
"
;
visibleCheckbox
.
className
=
gradioCheckbox
.
className
+
"
input-accordion-checkbox
"
;
visibleCheckbox
.
className
=
gradioCheckbox
.
className
+
"
input-accordion-checkbox
"
;
span
.
insertBefore
(
visibleCheckbox
,
span
.
firstChild
);
span
.
insertBefore
(
visibleCheckbox
,
span
.
firstChild
);
accordion
.
visibleCheckbox
=
visibleCheckbox
;
accordion
.
visibleCheckbox
=
visibleCheckbox
;
accordion
.
onVisibleCheckboxChange
=
function
(){
accordion
.
onVisibleCheckboxChange
=
function
()
{
if
(
linked
&&
isOpen
()
!=
visibleCheckbox
.
checked
)
{
if
(
linked
&&
isOpen
()
!=
visibleCheckbox
.
checked
)
{
labelWrap
.
click
();
labelWrap
.
click
();
}
}
...
@@ -52,7 +54,7 @@ function setupAccordion(accordion){
...
@@ -52,7 +54,7 @@ function setupAccordion(accordion){
updateInput
(
gradioCheckbox
);
updateInput
(
gradioCheckbox
);
};
};
visibleCheckbox
.
addEventListener
(
'
click
'
,
function
(
event
){
visibleCheckbox
.
addEventListener
(
'
click
'
,
function
(
event
)
{
linked
=
false
;
linked
=
false
;
event
.
stopPropagation
();
event
.
stopPropagation
();
});
});
...
...
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