scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-03-05 20:23:16 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #7402 from wandji20/wb-SCI-10553

Browse source 
Fix Card selector issues [SCI-10553]
This commit is contained in:
aignatov-bio 2024-04-02 10:47:06 +02:00 committed by GitHub
commit b80aa87c17
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/javascript/vue/experiments/card.vue
View file

@ -6,6 +6,7 @@
<input <input
type="checkbox" type="checkbox"
class="sci-checkbox" class="sci-checkbox"
:checked="cardSelected"
@change="itemSelected" @change="itemSelected"
/> />
<label :for="params.id" class="sci-checkbox-label"></label> <label :for="params.id" class="sci-checkbox-label"></label>

2
app/javascript/vue/projects/card.vue
View file

@ -7,6 +7,7 @@
<input <input
type="checkbox" type="checkbox"
class="sci-checkbox" class="sci-checkbox"
:checked="cardSelected"
@change="itemSelected" @change="itemSelected"
/> />
<label :for="params.id" class="sci-checkbox-label"></label> <label :for="params.id" class="sci-checkbox-label"></label>
@ -49,6 +50,7 @@
<input <input
type="checkbox" type="checkbox"
class="sci-checkbox" class="sci-checkbox"
:checked="cardSelected"
@change="itemSelected" @change="itemSelected"
/> />
<label :for="params.id" class="sci-checkbox-label"></label> <label :for="params.id" class="sci-checkbox-label"></label>

11
app/javascript/vue/shared/datatable/mixins/card_selector.js
View file

@ -1,11 +1,18 @@
export default { export default {
computed: {
cardSelected() {
const item = this.dtComponent.selectedRows.find((i) => (i.code === this.params.code));
return !!item;
}
},
methods: { methods: {
itemSelected() { itemSelected() {
const item = this.dtComponent.selectedRows.find((i) => (i.id === this.params.id)); const item = this.dtComponent.selectedRows.find((i) => (i.code === this.params.code));
if (item) { if (item) {
this.dtComponent.selectedRows = this.dtComponent.selectedRows this.dtComponent.selectedRows = this.dtComponent.selectedRows
.filter((i) => (i.id !== this.params.id)); .filter((i) => (i.code !== this.params.code));
} else { } else {
this.dtComponent.selectedRows.push(this.params); this.dtComponent.selectedRows.push(this.params);
} }