diff --git a/src/components/lists/CollectionsList.vue b/src/components/lists/CollectionsList.vue
index 6217358..162d384 100644
--- a/src/components/lists/CollectionsList.vue
+++ b/src/components/lists/CollectionsList.vue
@@ -3,7 +3,7 @@
class="collection-list-item"
v-for="collection of collections"
:key="collection.id"
- @click="goToCollectionPage(collection)">
+ @click="!isInSelectionMode ? goToCollectionPage(collection) : ''">
@@ -24,6 +24,11 @@
{{ $t('total_of_published_items', [collection.total_items.publish]) }}
+
+
@@ -33,24 +38,28 @@ import {
IonImg,
IonThumbnail,
IonLabel,
- IonIcon
+ IonIcon,
+ IonRadio
} from '@ionic/vue';
import { useRouter } from "vue-router";
import { lockClosedOutline, readerOutline, trashOutline } from 'ionicons/icons';
-import { computed } from 'vue';
+import { computed, defineComponent } from 'vue';
-export default {
+export default defineComponent({
props: [
- "collections"
+ "collections",
+ "isSelectionMode"
],
components: {
IonItem,
IonImg,
IonThumbnail,
IonLabel,
- IonIcon
+ IonIcon,
+ IonRadio
},
- setup() {
+ setup(props) {
+ const isInSelectionMode = computed(() => props.isSelectionMode);
const thumbnailPlaceholder = computed (() => require('../../assets/placeholder_square_small.png'))
const router = useRouter();
const goToCollectionPage = (collection: any) => {
@@ -67,10 +76,11 @@ export default {
lockClosedOutline,
readerOutline,
trashOutline,
- goToCollectionPage
+ goToCollectionPage,
+ isInSelectionMode
}
},
-}
+})