| | |
| | | |
| | | 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 |
| | |
| | | const dataKursTn = await getKursTn(kursId) |
| | | console.log(dataKursTn) |
| | | kursTn.value = dataKursTn |
| | | |
| | | } |
| | | |
| | | const aaa = import.meta.env.VITE_TST |
| | | |
| | | </script> |
| | | |
| | |
| | | <div> |
| | | <h1> |
| | | Kurs |
| | | <small>{{ kursId }}</small> |
| | | <!-- <small>{{ user?.firstname }} {{ user?.lastname }}</small>--> |
| | | <small>{{ kurs?.title }}</small> |
| | | </h1> |
| | | <p v-if="error">{{ error }}</p> |
| | | |
| | |
| | | <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> |
| | |
| | | <div style="grid-column: span 3">{{ kurs.description }}</div> |
| | | |
| | | </div> |
| | | <!-- <pre>{{kurs}}</pre>--> |
| | | |
| | | |
| | | <h2>KursItems</h2> |
| | | <h2> |
| | | KursItems |
| | | <small>({{ kursItems?.length }})</small> |
| | | </h2> |
| | | <table> |
| | | <thead> |
| | | <th>parent_id</th> |
| | | <th>ref_id</th> |
| | | <th>obj_id</th> |
| | | <th>title</th> |
| | | <th>type</th> |
| | | <tr> |
| | | <th>parent_id</th> |
| | | <th>ref_id</th> |
| | | <th>obj_id</th> |
| | | <th>title</th> |
| | | <th>type</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <!-- 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</h2> |
| | | <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>--> |
| | | <h2> |
| | | KursTn |
| | | <small>({{ kursTn?.length }})</small> |
| | | </h2> |
| | | <div :style="{columns: kursTn?.length > 16 ? 3 : 1}"> |
| | | <table> |
| | | <thead> |
| | | <tr> |
| | | <th>usr_id</th> |
| | | <th>login</th> |
| | | <th>firstname</th> |
| | | <th>lastname</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="tn in kursTn"> |
| | | <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> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | |
| | | </div> |
| | | |