studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

add dynamic data-count attribute

Browse source
This commit is contained in:
isUnknown 2024-10-16 18:02:18 +02:00
parent e0f781106f
commit 1b15a47d71
1 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/project/client-brief/add-images-modal/ImagesResources.vue
View file

@ -1,16 +1,23 @@
<template> <template>
<div class="auto-grid | counter" role="grid" multiselectable="true" style="--min: 15rem; --gap: 0.5rem"> <div
class="auto-grid | counter"
role="grid"
multiselectable="true"
style="--min: 15rem; --gap: 0.5rem"
>
<figure <figure
v-for="image in tab.images" v-for="image in tab.images"
class="image" class="image"
role="gridcell" role="gridcell"
:aria-selected="isSelected(image)" :aria-selected="isSelected(image)"
:data-count="
tab.selectedImages.includes(image)
? tab.selectedImages.indexOf(image) + 1
: undefined
"
@click="ArrayUtils.toggle(tab.selectedImages, image)"
> >
<img <img :src="image.url" :alt="image.alt" />
:src="image.url"
alt=""
@click="ArrayUtils.toggle(tab.selectedImages, image)"
/>
</figure> </figure>
</div> </div>
</template> </template>