From 503afa3ceec7b1fe9ef8cb029c8a54e3eca762d0 Mon Sep 17 00:00:00 2001
From: piapassecker <nat-chan@gmx.net>
Date: Mon, 20 Nov 2023 19:49:06 +0100
Subject: [PATCH] Layout change

---
 web/pages/dogs/dog.html.php | 150 +++++++++++++++++++++++-------------
 1 file changed, 95 insertions(+), 55 deletions(-)

diff --git a/web/pages/dogs/dog.html.php b/web/pages/dogs/dog.html.php
index cb75d22..cd79146 100644
--- a/web/pages/dogs/dog.html.php
+++ b/web/pages/dogs/dog.html.php
@@ -1,72 +1,115 @@
 <!-- FILEPATH: /home/chris/git/dogstats/web/pages/dogs/dog.html -->
 
 <div class="container">
-    <div class="row">
-        <div class="col-3">
-            <div class="card">
-                <img src="<?= $dogdata['photo']?:'https://pictshare.net/1ch3e5.png' ?>/300x200/forcesize" class="card-img-top" alt="<?= escape($dogdata['name']); ?>'s profile Picture">
-                <div class="card-body">
-                    <h5 class="card-title">
-                        <?= escape($dogdata['name']); ?>
-                    </h5>
-                    <p class="card-text">
-                    <ul>
-                        <li>Alter:
-                            <?= date_diff(date_create($dogdata['birthday']), date_create('now'))->y ?>
-                        </li>
+    <div class="">
+        <div class="row">
+            
+            <div id="dog-data" class="col-sm-6 offset-sm-3 position-relative rounded-2 shadow mb-3 mb-md-5">
+                    <img src="<?= $dogdata['photo']?:'https://pictshare.net/1ch3e5.png' ?>/120x160/forcesize" width="120" height="160" class="rounded-5 rounded-top-0 dog-image shadow" alt="<?= escape($dogdata['name']); ?>'s profile Picture">
 
-                        <?php if($dogdata['breed']): ?>
-                        <li>Rasse:
-                            <?= escape($dogdata['breed']); ?>
-                        </li>
-                        <?php endif; ?>
-                        <?php if($dogdata['kennel_name']): ?>
-                        <li>Zuchtname:
-                            <?= escape($dogdata['kennel_name']); ?>
-                        </li>
-                        <?php endif; ?>
-                        <?php if($dogdata['size']): ?>
-                        <li>Größe:
-                            <?= escape($dogdata['size']); ?> cm
-                        </li>
-                        <?php endif; ?>
-                        <?php if($dogdata['agility_size']): ?>
-                        <li>Agility Größe:
-                            <?= escape($dogdata['agility_size']); ?>
-                        </li>
-                        <?php endif; ?>
-                    </ul>
+                <h5 class="mb-3">
+                    <?= escape($dogdata['name']); ?>
+                </h5>
+                <div class="table-responsive">
+                    <table class="table">
+                        <tbody>
+                            <tr>
+                                <td>Alter:</td>
+                                <td><?= date_diff(date_create($dogdata['birthday']), date_create('now'))->y ?></td>
+                            </tr>
 
-                    <?php if($ismydog===true): ?>
-                    <div class="d-flex justify-content-end">
-                        <button type="button" class="btn btn-secondary" hx-get="/dogs/edit/<?= $dogid; ?>" hx-target="#main">
-                            <i class="fas fa-edit"></i>
-                        </button>
-                    </div>
-                    <?php endif; ?>
+                            <?php if($dogdata['breed']): ?>
+                                <tr>
+                                    <td>Rasse:</td>
+                                    <td><?= escape($dogdata['breed']); ?></td>
+                                </tr>
+                            <?php endif; ?>
+
+                            <?php if($dogdata['kennel_name']): ?>
+                                <tr>
+                                    <td>Zuchtname:</td>
+                                    <td><?= escape($dogdata['kennel_name']); ?></td>
+                                </tr>
+                            <?php endif; ?>
+
+                            <?php if($dogdata['size']): ?>
+                                <tr>
+                                    <td>Größe:</td>
+                                    <td><?= escape($dogdata['size']); ?> cm</td>
+                                </tr>
+                            <?php endif; ?>
+                                
+                            <?php if($dogdata['agility_size']): ?>
+                                <tr>
+                                    <td>Agility Größe:</td>
+                                    <td><?= escape($dogdata['agility_size']); ?></td>
+                                </tr>
+                            <?php endif; ?>
+                            
+                        </tbody>
+                    </table>
                 </div>
+                <?php if($ismydog===true): ?>
+                <div class="d-flex justify-content-end">
+                    <button type="button" class="btn btn-secondary" hx-get="/dogs/edit/<?= $dogid; ?>" hx-target="#main">
+                        <i class="fas fa-edit"></i>
+                    </button>
+                </div>
+                <?php endif; ?>
             </div>
         </div>
-        <div class="col-9" id="sitemain">
+        </div>
+        <div class="container" id="sitemain">
             <!-- table of all runs of this dog-->
-            <div class="card p-2">
-                <h4>Alle Ergebnisse</h4>
-                <div class="table-responsive">
+            <h4>Alle Ergebnisse</h4>
+
+            <div class="accordion" id="accordion-dog-runs">
+                <div class="accordion-item">
+                    <h2 class="accordion-header">
+                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                            2023
+                        </button>
+                    </h2>
+                    <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordion-dog-runs">
+                        <div class="accordion-body">
+                            Runs 2023
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>Turnier</th>
+                                        <th>Lauf</th>
+                                        <th>Platz</th>
+                                        <th>Dis</th>
+                                        <th>VW</th>
+                                        <th>F</th>
+                                        <th>ZF</th>
+                                        <th>Zeit</th>
+                                        <th>GF</th>
+                                        <th>m/Sek</th>
+                                        <th>Bew.</th>
+                                    </tr>
+                                </thead>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="table-responsive">
                     <table class="table">
                         <thead>
                             <tr>
                                 <th>Turnier</th>
                                 <th>Lauf</th>
                                 <th>Platz</th>
-                                <th>Disqualifiziert</th>
-                                <th>Verweigerungen</th>
-                                <th>Fehler</th>
-                                <th>Zeitfehler</th>
+                                <th>Dis</th>
+                                <th>VW</th>
+                                <th>F</th>
+                                <th>ZF</th>
                                 <th>Zeit</th>
-                                <th>Gesamtfehler</th>
+                                <th>GF</th>
                                 <th>m/Sek</th>
-                                <th>Bewertung</th>
-                                <th>Teilnehmer</th>
+                                <th>Bew.</th>
                             </tr>
                         </thead>
                         <tbody>
@@ -126,9 +169,6 @@
                                     <td>
                                         <?= escape($result['ranking']); ?>
                                     </td>
-                                    <td><a href="/dogs/overview/<?= $result['dog'] ?>">
-                                            <?= escape( escape($dogdata['name']) ); ?>
-                                        </a></td>
                                 </tr>
                                 <?php endforeach; ?>
                             <?php else: ?>