From cedfd136bf19bcb01d2d93a77629f50177df599a Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 10:03:12 +0000
Subject: [PATCH] adding page UserDetail.vue
---
vue/src/components/Header.vue | 20 ++++++++++++++++++--
vue/src/App.vue | 2 --
vue/src/pages/Users.vue | 8 ++++----
vue/src/assets/styles.styl | 6 +++++-
4 files changed, 27 insertions(+), 9 deletions(-)
diff --git a/vue/src/App.vue b/vue/src/App.vue
index a16fa2a..3c2ec7e 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -27,12 +27,10 @@
}
header
- background-color #777;
position fixed;
top 0
left 0
right 0
- padding .5em;
main
margin 0 auto
diff --git a/vue/src/assets/styles.styl b/vue/src/assets/styles.styl
index 617f974..458f8ac 100644
--- a/vue/src/assets/styles.styl
+++ b/vue/src/assets/styles.styl
@@ -10,5 +10,9 @@
grid-template-columns 10rem 20rem 10rem 20rem
gap .5em
&>span
- font-variant all-small-caps
+ font-variant small-caps
color #555
+
+
+.w100p
+ width 100%;
diff --git a/vue/src/components/Header.vue b/vue/src/components/Header.vue
index e9c0eaa..5c54041 100644
--- a/vue/src/components/Header.vue
+++ b/vue/src/components/Header.vue
@@ -5,11 +5,27 @@
<template>
<div class="header">
- header
+ <div>Globus-ILIAS-REST</div>
+ <div>|</div>
+ <RouterLink :to="`/ui/users`">Users</RouterLink>
+ <RouterLink :to="`/ui/course`">Courses</RouterLink>
</div>
</template>
-<style scoped>
+<style scoped lang="stylus">
+
+.header
+ color #ccc
+ background-color #555
+ padding .33em .66em
+ display flex;
+ gap 1em
+
+ a
+ color #ddd
+ text-decoration none;
+ &:hover
+ color #eee
</style>
diff --git a/vue/src/pages/Users.vue b/vue/src/pages/Users.vue
index 0fae2d8..bab2301 100644
--- a/vue/src/pages/Users.vue
+++ b/vue/src/pages/Users.vue
@@ -45,11 +45,11 @@
<p>{{ userId }}</p>
<p v-if="error">{{ error }}</p>
- <div class="user">
+ <div class="users">
- <table class="">
+ <table class="w100p">
<thead>
<tr>
<th>usr_id</th>
@@ -57,7 +57,7 @@
<th>firstname</th>
<th>lastname</th>
<th>gender</th>
- <th>email</th>
+<!-- <th>email</th>-->
<th>institution</th>
<th>department</th>
</tr>
@@ -73,7 +73,7 @@
<td>{{user.firstname}}</td>
<td>{{user.lastname}}</td>
<td>{{user.gender}}</td>
- <td>{{user.email}}</td>
+<!-- <td>{{ user.email}}</td>-->
<td>{{user.institution}}</td>
<td>{{user.department}}</td>
</tr>
--
Gitblit v1.8.0