REST Service for POPCORN - ILIAS
alex
2025-06-30 bd6b930043d6bca90b6a3be7a4a18c9da713555d
vue/src/pages/KursDetail.vue
@@ -2,8 +2,9 @@
import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
import {getKurs, getKursItems, getKursTn, iliasBase} from "../lib/api.js"
import {getKurs, getKursItems, getKursTn, iliasBase, routerBase} from "../lib/api.js"
import LinkExtern from "../components/LinkExtern.vue"
import dayjs from "dayjs"
const route = useRoute()
const kursId = route.params.kursId
@@ -29,7 +30,6 @@
   console.log(dataKursTn)
   kursTn.value = dataKursTn
   console.log(222222222222,import.meta.env.VITE_TST)
}
const aaa = import.meta.env.VITE_TST
@@ -39,11 +39,9 @@
<template>
   <div>
      <pre>---{{aaa}}</pre>
      <h1>
         Kurs
         <small>{{ kurs?.title }}</small>
         <!--         <small>{{ user?.firstname }} {{ user?.lastname }}</small>-->
      </h1>
      <p v-if="error">{{ error }}</p>
@@ -104,7 +102,7 @@
         KursTn
         <small>({{ kursTn?.length }})</small>
      </h2>
      <div :style="{columns: kursTn?.length > 16 ? 3 : 1}">
      <div :style="{columns: kursTn?.length > 16 ? 1 : 1}">
         <table>
            <thead>
               <tr>
@@ -112,16 +110,22 @@
                  <th>login</th>
                  <th>firstname</th>
                  <th>lastname</th>
                  <th>passed</th>
                  <th>status</th>
                  <th>status_changed</th>
               </tr>
            </thead>
            <tbody>
               <tr v-for="tn in kursTn">
                  <td>
                     <RouterLink :to="`/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
                     <RouterLink :to="`${routerBase}/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
                  </td>
                  <td>{{ tn.login }}</td>
                  <td>{{ tn.firstname }}</td>
                  <td>{{ tn.lastname }}</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>