From ec2bd5fad58b3ed2e03044a90083c34d118674e5 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 13:02:47 +0000
Subject: [PATCH] cleanup

---
 vue/src/pages/UserDetail.vue |    2 +-
 vue/src/pages/KursDetail.vue |   33 +++++++++++++++++++++++++++++----
 vue/src/pages/Users.vue      |    2 +-
 vue/src/assets/styles.styl   |    6 ++++++
 4 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/vue/src/assets/styles.styl b/vue/src/assets/styles.styl
index 458f8ac..c1e91bc 100644
--- a/vue/src/assets/styles.styl
+++ b/vue/src/assets/styles.styl
@@ -6,6 +6,7 @@
    padding 1em
    border 1px solid #aaa
    border-radius .33em
+   box-shadow 1px 1px 3px #333 inset, 1px 1px 100px #ddd inset
    display grid;
    grid-template-columns 10rem 20rem 10rem 20rem
    gap .5em
@@ -16,3 +17,8 @@
 
 .w100p
    width 100%;
+
+.ml-05
+   margin-left .5em
+.ml-1
+   margin-left 1em
diff --git a/vue/src/pages/KursDetail.vue b/vue/src/pages/KursDetail.vue
index efa5115..26b349a 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>
@@ -60,7 +60,10 @@
       <!--      <pre>{{kurs}}</pre>-->
 
 
-      <h2>KursItems</h2>
+      <h2>
+         KursItems
+         <small>({{ kursItems?.length }})</small>
+      </h2>
       <table>
          <thead>
             <th>parent_id</th>
@@ -80,9 +83,31 @@
             </tr>
          </tbody>
       </table>
-      <pre>{{ kursItems }}</pre>
+      <!--      <pre>{{ kursItems }}</pre>-->
 
-      <h2>KursTn</h2>
+
+      <h2>
+         KursTn
+         <small>({{ kursTn?.length }})</small>
+      </h2>
+      <div style="column-count: 3">
+         <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>
       <pre>{{ kursTn }}</pre>
 
       <!--      <pre>{{ user }}</pre>-->
diff --git a/vue/src/pages/UserDetail.vue b/vue/src/pages/UserDetail.vue
index a9e5a77..86631bd 100644
--- a/vue/src/pages/UserDetail.vue
+++ b/vue/src/pages/UserDetail.vue
@@ -31,7 +31,7 @@
    <div>
       <h1>
          User {{ userId }}
-         <small>{{ user?.firstname }} {{ user?.lastname }}</small>
+         <small class="ml-05">{{ user?.firstname }} {{ user?.lastname }}</small>
       </h1>
       <p v-if="error">{{ error }}</p>
 <!--      <pre>{{ user }}</pre>-->
diff --git a/vue/src/pages/Users.vue b/vue/src/pages/Users.vue
index 30b3b7c..6aa0a8a 100644
--- a/vue/src/pages/Users.vue
+++ b/vue/src/pages/Users.vue
@@ -85,7 +85,7 @@
          </table>
       </div>
 
-      <pre>{{ users }}</pre>
+<!--      <pre>{{ users }}</pre>-->
    </div>
 
 </template>

--
Gitblit v1.8.0