scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-20 06:35:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix displaying of checklistitems for repository snapshots [SCI-11074]

Browse source
This commit is contained in:
Andrej 2024-09-19 15:39:52 +02:00
parent 926a9ee6d4
commit fa3d96dbb3
1 changed files with 3 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
View file

@ -16,14 +16,14 @@
>
</select-dropdown>
</div>
<div v-else-if="computedArrOfItemObjects && computedArrOfItemObjects.length > 0"
<div v-else-if="colVal && colVal.length > 0"
class="text-sn-dark-grey font-inter text-sm font-normal leading-5 w-[370px] overflow-x-auto flex flex-wrap gap-1">
<span v-for="(checklistItem, index) in computedArrOfItemObjects"
<span v-for="(checklistItem, index) in colVal"
:key="index"
:id="`checklist-item-${index}`"
class="flex w-fit break-words">
{{
index + 1 === computedArrOfItemObjects.length
index + 1 === colVal.length
? checklistItem?.label
: `${checklistItem?.label} |`
}}
@ -66,18 +66,6 @@ export default {
this.selectedChecklistItemsIds = this.colVal.map((item) => String(item.value));
}
},
computed: {
computedArrOfItemObjects() {
const arrOfItemObjects = this.selectedChecklistItemsIds.map((id) => {
const matchingItem = this.availableChecklistItems.find((item) => item[0] === id);
return {
id: matchingItem ? matchingItem[0] : null,
label: matchingItem ? matchingItem[1] : null
};
});
return arrOfItemObjects;
}
},
methods: {
fetchChecklistItems() {
this.isLoading = true;