REST Service for POPCORN - ILIAS
alex
2025-06-05 bb72362fceb61b26ecdd2d34885d4ae662cd7fe9
vue/src/pages/UserDetail.vue
@@ -2,8 +2,9 @@
import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
import {getUser, getUserTeilnahmen, iliasBase} from "../lib/api"
import {getUser, getUserTeilnahmen, iliasBase, routerBase} from "@/lib/api"
import LinkExtern from "../components/LinkExtern.vue"
import dayjs from "dayjs"
const route = useRoute()
const userId = route.params.userId
@@ -21,6 +22,7 @@
   console.log(data)
   user.value = data
   console.log(3333)
   const tn = await getUserTeilnahmen(userId)
   console.log(tn)
   teilnahmen.value = tn
@@ -76,39 +78,37 @@
      </div>
      <!--      <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>-->
      <h2>Teilnahmen</h2>
      <table>
         <thead>
            <tr>
               <th>obj_id</th>
               <th>ref_id</th>
               <th>usr_id</th>
               <th>title</th>
               <th>passed</th>
               <th>status</th>
               <th>status_changed</th>
            </tr>
         </thead>
         <tbody>
            <tr v-for="tn in teilnahmen">
               <td>{{tn.obj_id}}</td>
               <td>
                  <RouterLink :to="`${routerBase}/ui/kurs/${tn.ref_id}`">
                     {{tn.ref_id}}
                  </RouterLink>
               </td>
               <td>{{tn.usr_id}}</td>
               <td>{{tn.title}}</td>
               <td>{{tn.passed}}</td>
               <td>{{tn.status}}</td>
               <td>{{dayjs(tn.status_changed).format("DD.MM.YYYY HH:mm:ss")}}</td>
            </tr>
         </tbody>
      </table>
      <!--         </tbody>-->
      <!--      </table>-->
<!--      <pre>{{teilnahmen}}</pre>-->
   </div>