From 69a4a47b546e6a7cdbcc73c3dc2ebbbb454e9317 Mon Sep 17 00:00:00 2001
From: Chris <christian@haschek.at>
Date: Fri, 27 Oct 2023 12:39:11 +0200
Subject: [PATCH] members and admins now showing

---
 web/css/dogstats.css             | 58 ++++++++++++++++++++++++++++++--
 web/pages/tournaments/event.html | 18 ++++++++--
 2 files changed, 70 insertions(+), 6 deletions(-)

diff --git a/web/css/dogstats.css b/web/css/dogstats.css
index da31db9..973a377 100644
--- a/web/css/dogstats.css
+++ b/web/css/dogstats.css
@@ -1,3 +1,55 @@
-main > .container {
-    padding: 60px 15px 0;
-  }
\ No newline at end of file
+main>.container {
+  padding: 60px 15px 0;
+}
+
+
+.tooltipp {
+  position: relative;
+  /* making the .tooltipp span a container for the tooltipp text */
+  border-bottom: 1px dashed #000;
+  /* little indicater to indicate it's hoverable */
+}
+
+.tooltipp:before {
+  content: attr(data-text);
+  /* here's the magic */
+  position: absolute;
+
+  /* vertically center */
+  top: 50%;
+  transform: translateY(-50%);
+
+  /* move to right */
+  left: 100%;
+  margin-left: 15px;
+  /* and add a small left margin */
+
+  /* basic styles */
+  width: 200px;
+  padding: 10px;
+  border-radius: 10px;
+  background: #000;
+  color: #fff;
+  text-align: center;
+
+  display: none;
+  /* hide by default */
+
+  opacity: 0;
+  transition: .3s opacity;
+}
+
+.tooltipp:hover:before {
+  display: block;
+  opacity: 1;
+}
+
+
+.tooltipp:after {
+  opacity: 0;
+  transition: .3s;
+}
+
+.tooltipp:hover:after {
+  opacity: 1;
+}
\ No newline at end of file
diff --git a/web/pages/tournaments/event.html b/web/pages/tournaments/event.html
index 7a1202f..fedb4a0 100644
--- a/web/pages/tournaments/event.html
+++ b/web/pages/tournaments/event.html
@@ -41,13 +41,25 @@
             </div>    
             
             <div class="card p-2">
+                <?php if($admins && count($admins)>0): ?> <h6>Admins</h6> <?php endif; ?>
                 <?php foreach($admins as $admin) : ?>
-                    <img src="https://pictshare.net/identicon/<?= $admin['email']?>" height="50" width="50" class="rounded-circle" alt="<?= escape($admin['name']); ?>" data-bs-toggle="tooltip" data-bs-placement="top" title="<?= escape($admin['firstname'].' '.$admin['lastname']); ?>">
+                    <img src="https://pictshare.net/identicon/<?= $admin['email']?>" height="50" width="50" class="rounded-circle" alt="<?= escape($admin['name']); ?>" title="<?= escape($admin['firstname'].' '.$admin['lastname']); ?>">
+                <?php endforeach; ?>
+                
+                <?php if($members && count($members)>0): ?> <hr/> <h6>Mitglieder</h6> <?php endif; ?>
+                <?php foreach($members as $member) : ?>
+                    <img src="https://pictshare.net/identicon/<?= $member['email']?>" height="50" width="50" class="rounded-circle" alt="<?= escape($member['name']); ?>" title="<?= escape($member['firstname'].' '.$member['lastname']); ?>">
                 <?php endforeach; ?>
             </div>
         </div>
-        <div class="col-8" id="sitemain">
-            <pre><?= escape($tdata['text']); ?></pre>
+        <div class="col-6" id="sitemain">
+            <div class="card p-2">
+                <h4>Beschreibungstext</h4>
+                <p class="card-text">
+                    <pre><?= escape($tdata['text']); ?></pre>
+                </p>
+                
+            </div>
         </div>
         
     </div>