scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-11-17 22:42:22 +08:00
Code Issues Projects Releases Packages Wiki Activity

Trigger label click to checkbox label [SCI-9917] (#6860)

Browse source
This commit is contained in:
wandji 2024-01-03 13:12:05 +01:00 • committed by GitHub
parent f892467d67
commit 9ac5e80aaf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/vue/shared/checklist_select.vue
View file

@ -46,9 +46,11 @@
<div v-if="options.length" class="flex flex-col gap-[1px]">
<div v-for="option in options"
:key="option.id"
class="px-3 py-2 rounded hover:bg-sn-super-light-grey cursor-pointer flex gap-1 justify-start items-center"
class="checklist px-3 py-2 rounded hover:bg-sn-super-light-grey cursor-pointer
flex gap-1 justify-start items-center"
:class="option.id === this.lastSelectedOption ? 'bg-sn-super-light-blue' : ''"
@change="toggleOption"
@click="triggerLabelClick($event, option.id)"
>
<div class="sci-checkbox-container">
<input v-model="selectedValues" :value="option.id" :id="option.id" type="checkbox" class="sci-checkbox project-card-selector">
@ -170,6 +172,12 @@
this.$emit('close');
this.$refs.optionsContainer.$el.scrollTop = 0;
},
triggerLabelClick(event, optionId) {
if ($(event.target).hasClass('sci-checkbox')) return;
if ($(event.target).hasClass('sci-checkbox-label')) return;
$(event.target).closest('.checklist').find(`#${optionId}`).trigger('click');
},
onScroll() {
const scrollObj = this.$refs.optionsContainer.ps;