Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
TAM
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Iterations
Wiki
Requirements
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Releases
Package registry
Container registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
GitLab community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
EIP
Labrador
TAM
Merge requests
!403
Try to fix listeners in select boxes in Applications filters
Code
Review changes
Check out branch
Open in Workspace
Download
Patches
Plain diff
Expand sidebar
Merged
Try to fix listeners in select boxes in Applications filters
fix-applications
into
development
Overview
0
Commits
1
Pipelines
7
Changes
1
Merged
Try to fix listeners in select boxes in Applications filters
Marina Mădăraş
requested to merge
fix-applications
into
development
8 months ago
Overview
0
Commits
1
Pipelines
7
Changes
1
0
0
Merge request reports
Compare
development
version 2
122990bb
8 months ago
version 1
331ae110
8 months ago
development (base)
and
latest version
latest version
03fa58d6
1 commit,
8 months ago
version 2
122990bb
1 commit,
8 months ago
version 1
331ae110
1 commit,
8 months ago
1 file
+
39
−
32
Inline
Compare changes
Side-by-side
Inline
Show whitespace changes
Show one file at a time
src/main/resources/templates/application/all.html
+
39
−
32
View file @ 03fa58d6
Edit in single-file editor
Open in Web IDE
Show full file
@@ -83,7 +83,12 @@
</div>
<div
class=
"flex vertical gap-1"
>
<label
for=
"statuses"
th:text=
"#{jobOffer.status}"
></label>
<select
data-select
id=
"statuses"
name=
"statuses"
multiple
>
<select
class=
"select status"
data-select
id=
"statuses"
name=
"statuses"
multiple
>
<option
th:each=
"status : ${T(nl.tudelft.tam.enums.Status).values()}"
th:selected=
"${param.statuses != null && param.statuses.length > 0 && param.statuses.contains(status.name())}"
@@ -141,40 +146,42 @@
window
.
location
.
href
=
url
.
href
;
});
const
statuses
=
document
.
getElementById
(
"
statuses
"
);
const
oldStatuses
=
[...
statuses
.
querySelectorAll
(
"
option[selected]
"
)].
map
(
opt
=>
opt
.
value
);
statuses
.
addEventListener
(
"
close
"
,
function
()
{
const
selected
=
[...
statuses
.
querySelectorAll
(
"
option[selected]
"
)].
map
(
opt
=>
opt
.
value
);
let
equal
=
true
;
if
(
selected
.
length
===
oldStatuses
.
length
)
{
for
(
let
i
=
0
;
i
<
selected
.
length
;
i
++
)
{
if
(
selected
[
i
]
!==
oldStatuses
[
i
])
{
equal
=
false
;
}
}
}
if
(
!
equal
)
{
return
;
}
const
statuses
=
document
.
getElementsByClassName
(
"
status
"
);
let
url
=
new
URL
(
window
.
location
);
let
params
=
new
URLSearchParams
(
url
.
search
);
params
.
delete
(
"
statuses
"
);
let
oldStatuses
=
[...
statuses
]
.
flatMap
(
status
=>
[...
status
.
querySelectorAll
(
"
option[selected]
"
)])
.
map
(
opt
=>
opt
.
value
);
url
.
search
=
[...
params
.
entries
()]
.
map
(([
key
,
value
])
=>
`
${
key
}
=
${
encodeURIComponent
(
value
)}
`
)
.
concat
(
selected
.
map
(
status
=>
`statuses=
${
encodeURIComponent
(
status
)}
`
)
)
.
join
(
"
&
"
);
let
hasChanged
=
false
;
window
.
location
.
href
=
url
.
href
;
[...
statuses
].
forEach
(
stat
=>
{
stat
.
addEventListener
(
"
change
"
,
function
()
{
hasChanged
=
true
;
});
stat
.
addEventListener
(
"
close
"
,
function
()
{
if
(
!
hasChanged
)
{
return
;
}
const
selected
=
[...
statuses
]
.
flatMap
(
status
=>
[...
status
.
querySelectorAll
(
"
option[selected]
"
)])
.
map
(
opt
=>
opt
.
value
);
let
equal
=
true
;
if
(
selected
.
length
===
oldStatuses
.
length
)
{
for
(
let
i
=
0
;
i
<
selected
.
length
;
i
++
)
{
if
(
selected
[
i
]
!==
oldStatuses
[
i
])
{
equal
=
false
;
}
}
}
if
(
!
equal
)
{
return
;
}
let
url
=
new
URL
(
window
.
location
);
url
.
searchParams
.
delete
(
"
statuses
"
);
selected
.
forEach
(
status
=>
url
.
searchParams
.
append
(
"
statuses
"
,
status
));
window
.
location
.
href
=
url
.
href
;
});
});
});
</script>
Loading