GS-2375

alex

2025-10-23 d13e2360b6dad80da567348c1013353a2fc2297e

 vue/src/pages/KursDetail.vue

@@ -9,7 +9,7 @@
   getKursTn,
   getKursTnByRole,
   iliasBase,
   popcornBase,
  popcornBase, routerBase,
} from "../lib/api.js"
import LinkExtern from "../components/LinkExtern.vue"
import dayjs from "dayjs"
@@ -65,6 +65,7 @@
<template>

   <div>
<!--    <pre>{{ kurs }}</pre>-->
      <h1>
         Kurs
         <small>{{ kurs?.title }}</small>
@@ -73,6 +74,7 @@


      <div class="kurs" v-if="kurs">


         <div>
            <span>ref_id</span>
@@ -96,21 +98,31 @@
           </div>
         </div>

         <div class="text-right" style="grid-column: span 1; justify-content: flex-end">
      <div class="text-right">
        <div style="display:block; text-align:right;">
            <a :href="`${popcornBase}/anmeldungen?query=iliasId:${kurs.ref_id}&terminFilter=alle`" target="_blank">
               Search in 🍿
            </a>
         </div>
      </div>


         <div style="grid-column: span 2">
      <div style="grid-column: span 3">
            <span style="">title</span>
            <div style="">{{ kurs.title }}</div>
         </div>

         <div style="grid-column: span 2;">
            <span>description</span>
            <div style="grid-column: span 3">{{ kurs.description }}</div>
<!--      <div>-->
<!--        <span>description</span>-->
<!--        <div style="grid-column: span 3">{{ kurs.description }}</div>-->
<!--      </div>-->

      <div>
        <span>Learning Progress</span>
        <div>
          <RouterLink :to="`${routerBase}/ui/kurs/${kurs?.ref_id}/lp`">
            LP {{ kurs?.ref_id }}
          </RouterLink>
        </div>
         </div>

      </div>
@@ -157,15 +169,28 @@
   border 1px solid #aaa
   border-radius .33em
   box-shadow 1px 1px 3px #333 inset, 1px 1px 100px #ddd inset
  display flex
  flex-direction column
   display grid;
   grid-template-columns 1fr 1fr 1fr 1fr
   gap 1em

   span
      font-variant small-caps
    font-size 85%
      color #555

   &>*
      display flex
      gap 1em
    flex 1 0 auto
    justify-content start
    //border 4px solid orange
    align-items baseline
    gap .66em

    & > *
      display flex
      flex-direction row
      gap .33em

</style>