From ece8775cf07f8f7e278ec973105e4c74f87db2fe Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 13:12:52 +0000
Subject: [PATCH] style update

---
 vue/src/pages/KursDetail.vue |   71 +++++++++++++----------------------
 1 files changed, 27 insertions(+), 44 deletions(-)

diff --git a/vue/src/pages/KursDetail.vue b/vue/src/pages/KursDetail.vue
index efa5115..1393176 100644
--- a/vue/src/pages/KursDetail.vue
+++ b/vue/src/pages/KursDetail.vue
@@ -36,7 +36,7 @@
    <div>
       <h1>
          Kurs
-         <small>{{ kursId }}</small>
+         <small>{{ kurs?.title }}</small>
          <!--         <small>{{ user?.firstname }} {{ user?.lastname }}</small>-->
       </h1>
       <p v-if="error">{{ error }}</p>
@@ -57,10 +57,11 @@
          <div style="grid-column: span 3">{{ kurs.description }}</div>
 
       </div>
-      <!--      <pre>{{kurs}}</pre>-->
 
-
-      <h2>KursItems</h2>
+      <h2>
+         KursItems
+         <small>({{ kursItems?.length }})</small>
+      </h2>
       <table>
          <thead>
             <th>parent_id</th>
@@ -80,47 +81,29 @@
             </tr>
          </tbody>
       </table>
-      <pre>{{ kursItems }}</pre>
 
-      <h2>KursTn</h2>
-      <pre>{{ kursTn }}</pre>
-
-      <!--      <pre>{{ user }}</pre>-->
-
-
-      <!--      <table v-if="user">-->
-      <!--         <tbody>-->
-      <!--            <tr>-->
-      <!--               <td>user_id</td>-->
-      <!--               <td>{{user.usr_id}}</td>-->
-      <!--               <td>login</td>-->
-      <!--               <td>{{user.login}}</td>-->
-      <!--            </tr>-->
-      <!--            <tr>-->
-      <!--               <td>firstname</td>-->
-      <!--               <td>{{user.firstname}}</td>-->
-      <!--               <td>lastname</td>-->
-      <!--               <td>{{user.lastname}}</td>-->
-      <!--            </tr>-->
-      <!--            <tr>-->
-      <!--               <td>usr_id</td>-->
-      <!--               <td>{{user.usr_id}}</td>-->
-      <!--            </tr>-->
-      <!--            <tr>-->
-      <!--               <td>usr_id</td>-->
-      <!--               <td>{{user.usr_id}}</td>-->
-      <!--            </tr>-->
-      <!--            <tr>-->
-      <!--               <td>usr_id</td>-->
-      <!--               <td>{{user.usr_id}}</td>-->
-      <!--            </tr>-->
-      <!--            <tr>-->
-      <!--               <td>usr_id</td>-->
-      <!--               <td>{{user.usr_id}}</td>-->
-      <!--            </tr>-->
-
-      <!--         </tbody>-->
-      <!--      </table>-->
+      <h2>
+         KursTn
+         <small>({{ kursTn?.length }})</small>
+      </h2>
+      <div :style="{columns: kursTn?.length > 16 ? 3 : 1}">
+         <table>
+            <thead>
+               <th>usr_id</th>
+               <th>login</th>
+               <th>firstname</th>
+               <th>lastname</th>
+            </thead>
+            <tbody>
+               <tr v-for="tn in kursTn">
+                  <td>{{ tn.usr_id }}</td>
+                  <td>{{ tn.login }}</td>
+                  <td>{{ tn.firstname }}</td>
+                  <td>{{ tn.lastname }}</td>
+               </tr>
+            </tbody>
+         </table>
+      </div>
 
    </div>
 

--
Gitblit v1.8.0