From 0cad159a0fcaeaa2e1d6ad866ad1a1c086962a87 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Tue, 19 Sep 2023 17:00:00 +0200
Subject: [PATCH] can display enumerate on list article doi
---
components/content/ArticleDoi.vue | 13 ++++++++-----
components/content/ListSystems.vue | 3 ++-
2 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/components/content/ArticleDoi.vue b/components/content/ArticleDoi.vue
index 0ddc52a5..efcf2c39 100644
--- a/components/content/ArticleDoi.vue
+++ b/components/content/ArticleDoi.vue
@@ -1,18 +1,21 @@
<script setup lang="ts">
import { useDisplay } from 'vuetify'
-const props = defineProps<{
+export interface Props {
index: number
doi: string
divider: boolean
+ enumerate: boolean
title?: string
abstract?: string
-}>();
+}
+const props = withDefaults(defineProps<Props>(), {
+ enumerate: true,
+})
const { article } = useFetchArticle(props.doi)
const { mobile } = useDisplay()
const show = ref(false)
-console.log(article)
const articleTitle = computed(() => { return props?.title ?? article.value?.title ?? props.doi })
const articleAbstract = computed(() => { return props.abstract ?? article.value?.abstract })
@@ -20,7 +23,7 @@ const articleAbstract = computed(() => { return props.abstract ?? article.value?
</script>
<template>
<v-list-item :href="article?.href" :target="article?.target" density="compact" class="px-0">
- <template #prepend v-if="!mobile">
+ <template #prepend v-if="!mobile && enumerate">
<v-avatar color="primary" size="small" density="compact" variant="tonal">
{{ props.index }}
</v-avatar>
@@ -34,7 +37,7 @@ const articleAbstract = computed(() => { return props.abstract ?? article.value?
<v-card-item density="compact" :class="mobile ? 'px-0' : null">
<v-card-title><span class="text-subtitle-1 font-weight-bold">{{ articleTitle
}}</span></v-card-title>
- <v-card-subtitle> {{ article?.subtitle ?? "no subtitle" }}</v-card-subtitle>
+ <v-card-subtitle> {{ article?.subtitle ?? "no authors" }}</v-card-subtitle>
<v-card-subtitle> {{ article?.containerTitle ?? "no containerTitle" }} ({{ article?.year
}})</v-card-subtitle>
</v-card-item>
diff --git a/components/content/ListSystems.vue b/components/content/ListSystems.vue
index a43e928f..cd2ff4b5 100644
--- a/components/content/ListSystems.vue
+++ b/components/content/ListSystems.vue
@@ -38,7 +38,8 @@ function filterOnlyCapsText(value, query, item) {
</template>
<template #[`item.article`]="{ item }">
<ArticleDoi v-if="item.columns?.article" :doi="item.columns.article.doi"
- :title="item.columns.article?.title" :abstract="item.columns.article?.abstract" :divider="false" />
+ :title="item.columns.article?.title" :abstract="item.columns.article?.abstract" :divider="false"
+ :enumerate="false" />
</template>
</v-data-table>
</v-card>
--
GitLab