REST Service for POPCORN - ILIAS
alex
2025-06-03 39c750d6c090be68003c4631f427ed13d8e282da
vue/src/pages/KursDetail.vue
@@ -2,7 +2,8 @@
import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
import {getKurs, getKursItems, getKursTn} from "../lib/api.js"
import {getKurs, getKursItems, getKursTn, iliasBase} from "../lib/api.js"
import LinkExtern from "../components/LinkExtern.vue"
const route = useRoute()
const kursId = route.params.kursId
@@ -45,7 +46,11 @@
      <div class="user" v-if="kurs">
         <span>ref_id</span>
         <div>{{ kurs.ref_id }}</div>
         <div>
            <a :href="`${iliasBase}/goto.php?target=${kurs.type}_${kurs.ref_id}`" target="_blank">
               {{ kurs.ref_id }} <LinkExtern />
            </a>
         </div>
         <span>obj_id</span>
         <div>{{ kurs.obj_id }}</div>
@@ -57,8 +62,6 @@
         <div style="grid-column: span 3">{{ kurs.description }}</div>
      </div>
      <!--      <pre>{{kurs}}</pre>-->
      <h2>
         KursItems
@@ -76,21 +79,23 @@
            <!-- TODO verlinken auf Ziel in ILAS | goto.php?target=crs_ID -->
            <tr v-for="item in kursItems">
               <td>{{ item.parent_id }}</td>
               <td>{{ item.ref_id }}</td>
               <td>
                  <a :href="`${iliasBase}/goto.php?target=${item.type}_${item.ref_id}`" target="_blank">
                     {{ item.ref_id }} <LinkExtern />
                  </a>
               </td>
               <td>{{ item.obj_id }}</td>
               <td>{{ item.title }}</td>
               <td>{{ item.type }}</td>
            </tr>
         </tbody>
      </table>
      <!--      <pre>{{ kursItems }}</pre>-->
      <h2>
         KursTn
         <small>({{ kursTn?.length }})</small>
      </h2>
      <div style="column-count: 3">
      <div :style="{columns: kursTn?.length > 16 ? 3 : 1}">
         <table>
            <thead>
               <th>usr_id</th>
@@ -100,7 +105,9 @@
            </thead>
            <tbody>
               <tr v-for="tn in kursTn">
                  <td>{{ tn.usr_id }}</td>
                  <td>
                     <RouterLink :to="`/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
                  </td>
                  <td>{{ tn.login }}</td>
                  <td>{{ tn.firstname }}</td>
                  <td>{{ tn.lastname }}</td>
@@ -108,44 +115,6 @@
            </tbody>
         </table>
      </div>
      <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>-->
   </div>