-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug(refs T32855): Fix multiselect #1393
Conversation
:value="selectedGroups" | ||
@input="selectGroups"> | ||
<template v-slot:option="{ option }"> | ||
<span>{{ option.title }}</span> | ||
<template v-slot:option="{ props }"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do we really need to pass in the whole props
object here? See question in other PR.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes, because otherwise we can't access the remove
function. Or do you have an idea about that?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
no, not at the first glance.
client/js/components/statement/assessmentTable/AssignEntityModal.vue
Outdated
Show resolved
Hide resolved
client/js/components/statement/statement/SelectStatementCluster.vue
Outdated
Show resolved
Hide resolved
:value="currentUserOrga" | ||
:searchable="true" | ||
:id="userId + ':organisationId'" | ||
:close-on-select="true" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Where is closeOnSelect
used?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It is used in the vue multiselect. I added a prop in DpMultiselect (default true). 24fc29a
…al.vue Co-authored-by: hwiem <40487668+hwiem@users.noreply.github.com>
…r.vue Co-authored-by: hwiem <40487668+hwiem@users.noreply.github.com>
Default for searchable is true.
Default for closeOnSelect is true.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm (superficial code review).
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm (superficial code review).
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm, code review only
Ticket: https://yaits.demos-deutschland.de/T32855
DpMultiselect was changed from a functional component to a template-component, because functional components won't work in vue3.
We also need to adjust the slot props here, because we now have an additional child that passes on the props.
How to review/test
Check some multiselects (eg. Verfahren -> Grundeinstellungen -> Datenerfassende Organisation).
Linked PRs (optional)
demos-europe/demosplan-ui#237