From 1dbe4e00b156697367a1b1c98b7d4a02ab66d744 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Tue, 25 Jan 2022 10:23:31 +0100
Subject: [PATCH] refactor
---
src/components/Article.vue | 10 ++++++----
1 file changed, 6 insertions(+), 4 deletions(-)
diff --git a/src/components/Article.vue b/src/components/Article.vue
index 53f8b7d3..ccd6d988 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -1,10 +1,10 @@
<template>
<article class='v-sheet v-card rounded-xl' v-bind:class="{'collapsable': collapsable, 'collapsed': collapsed}" v-if="article">
- <div v-if ="invalid"><v-icon left>warning</v-icon> {{$t('error.article', {no: article.article_id, dict: $t('dicts.'+this.dictionary)})}}</div>
- <Header v-if="!invalid" :title_id="title_id" :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id" @toggle-collapse = "toggle_collapse"/>
+ <div v-if="!invalid">
+ <Header :title_id="title_id" :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id" @toggle-collapse = "toggle_collapse"/>
<InflectionButton :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id"/>
- <div class="article_content" :class="$vuetify.breakpoint.name" v-if="!collapsed && !invalid">
+ <div class="article_content" :class="$vuetify.breakpoint.name" v-if="!collapsed">
<section v-if="article.body.pronunciation && article.body.pronunciation.length" class="pronunciation">
<h3>{{$t('article.headings.pronunciation', content_locale)}}</h3>
<ul>
@@ -30,7 +30,9 @@
</ul>
</section>
</div>
- <ArticleFooter v-if="!collapsed && !invalid" :article="article"/>
+ <ArticleFooter v-if="!collapsed" :article="article"/>
+ </div>
+ <div v-else><v-icon left>warning</v-icon> {{$t('error.article', {no: article.article_id, dict: $t('dicts.'+this.dictionary)})}}</div>
</article>
</template>
--
GitLab