From 82361b71354ce0033f344f7231635efaa10b7edc Mon Sep 17 00:00:00 2001
From: R40fendt <r40test311@gmail.com>
Date: Sat, 18 Oct 2025 18:19:24 +0200
Subject: [PATCH] =?UTF-8?q?=C3=9Cbersicht=20Modal=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                              |  3 ++-
 src/components/bulitipp/Uebersicht.vue | 36 +++++++++++++++++++++-----
 src/views/Bulitipp.vue                 |  2 +-
 3 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 25daa89..c1e4a05 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,8 @@ TODO:
 
 - Addhit
 - Galerie (Bilder müssen noch auf NAS)
-- BuLi-Tipp (Rangliste, Paarungsergebnisse und Übersicht) Tippen funktioniert, Min und Max beim Spieltag Input auch
+- BuLi-Tipp (Übersicht, Paarungsergebnisse Ladescreen) Tippen funktioniert, Min und Max beim Spieltag Input auch, Modals funktionieren alle bis auf Übersicht
+- BuLi-Tipp User Active Spalte
 - Startseite (Events testen, type=fotos?)
 - Footer, Texte?
 - Event Fotos
diff --git a/src/components/bulitipp/Uebersicht.vue b/src/components/bulitipp/Uebersicht.vue
index ce11b9c..b0b932a 100644
--- a/src/components/bulitipp/Uebersicht.vue
+++ b/src/components/bulitipp/Uebersicht.vue
@@ -1,28 +1,52 @@
-<script lang="js">
+<script lang="ts">
+import Modal from "../Modal.vue"
 export default {
     props: {
         users: {
             type: Array,
             required: true
-        }
+        },
+				spieltag: {
+						type: Number,
+						required: false
+				}
     },
+		data(){
+				return {
+						currentuser: null,
+						modalOpen: false
+				}
+		},
+		components: {
+				Modal
+		}
 }
 </script>
 <template>
-    <section class="uebersicht scroll-x">
+		<section class="uebersicht scroll-x">	
     <table>
         <tbody>
       <tr>
-        <td v-for="user in users">{{ user.kuerzel }}</td>
+        <td v-for="user in users" @click="currentuser=user; modalOpen=true">{{ user.kuerzel }}</td>
       </tr>
       <tr>
-          <td v-for="user in users" :style="{color: user.hatgetippt()?'green':'red'}">{{ user.points }}</td>
+          <td v-for="user in users" :style="{color: user.hatgetippt()?'green':'red'}" @click="currentuser=user; modalOpen=true">{{ user.points }}</td>
       </tr>
       </tbody>
     </table>
   </section>
+		<Modal v-if="modalOpen" @closemodal="modalOpen=false">
+				<div v-if="spieltag!=undefined">
+						{{ currentuser }}
+						
+						<h1>Detailansicht für {{ currentuser.username }}, {{ spieltag }}. Spieltag</h1>
+				</div>
+				<div v-else>
+						<h1>Lade...</h1>
+				</div>
+		</Modal>
 </template>
 <style scoped>
 
 @import "../../assets/css/bulitipp2.css";
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Bulitipp.vue b/src/views/Bulitipp.vue
index 95f8d1e..e2bf934 100644
--- a/src/views/Bulitipp.vue
+++ b/src/views/Bulitipp.vue
@@ -239,7 +239,7 @@ export default {
   </Modal>
 
   
-  <Uebersicht :users="users" />
+  <Uebersicht :users="users" :spieltag="maxspieltag" />
 
   <!-- Rangliste -->