From 11cb3fef38eee2ce35d8f7970dfc9b8f357e55d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Sat, 4 Nov 2023 16:12:45 +0000
Subject: [PATCH] UserView layout improvement

---
 ui/src/components/UserView.vue | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/UserView.vue b/ui/src/components/UserView.vue
index 4ca9138..3b99d47 100644
--- a/ui/src/components/UserView.vue
+++ b/ui/src/components/UserView.vue
@@ -1,11 +1,19 @@
 <template>
-  <Calendar :doors="doors" />
-  <hr />
-  <div class="content" v-html="store.site_config.content" />
-  <div class="content has-text-primary" v-if="store.next_door_target !== null">
-    Zeit bis zum nächsten Türchen:
-    <CountDown :until="store.next_door_target" />
-  </div>
+  <template v-if="store.user_doors.length > 0">
+    <Calendar :doors="doors" />
+    <hr />
+    <div class="content" v-html="store.site_config.content" />
+    <div class="content has-text-primary">
+      <template v-if="store.next_door_target === null">
+        Alle {{ store.user_doors.length }} Türchen offen!
+      </template>
+      <template v-else>
+        {{ store.user_doors.length }} Türchen offen. Zeit bis zum nächsten
+        Türchen:
+        <CountDown :until="store.next_door_target" />
+      </template>
+    </div>
+  </template>
 </template>
 
 <script lang="ts">