kurse.vue must use api

alex

2025-06-04 8caa83849a6e58990beb9f43ec09b6b5e96630fd

kurse.vue must use api

 vue/src/lib/api.js

@@ -20,6 +20,11 @@

/////// KURS ////////////////////////////////////////////////////////////////

export async function getKurse () {
   let resKurs = await fetch(`${apiBase}/kurs?token=${apiToken.value}`)
   return await resKurs.json()
}

export async function getKurs (kursId) {
   let resKurs = await fetch(`${apiBase}/kurs/${kursId}?token=${apiToken.value}`)
   return await resKurs.json()

 vue/src/pages/Kurse.vue

@@ -3,7 +3,7 @@
import {onMounted, reactive, ref} from "vue"
import {useRoute} from "vue-router"
import Pagination from "../components/Pagination.vue"
import {routerBase} from "@/lib/api"
import {getKurse, routerBase} from "@/lib/api"

const route = useRoute()
const kurse = ref([])
@@ -14,15 +14,9 @@
/////////////////////////////////////////////////////////////////////////

async function init (offset = 0) {
   const res = await fetch(`/api/kurs?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
   const data = await res.json()
   const data = await getKurse()
   console.log(data)
   if (res.status === 200) {
      kurse.value = data
   }
   else {
      error.value = `ERROR: ${res.status}`
   }
   kurse.value = data
}

function go (offset) {
@@ -38,7 +32,7 @@

      <h1>
         ILIAS Kurse
<!--         <small>{{users.offset}} - {{users.offset+users.data.length}} von {{users.total}}</small>-->
         <!--         <small>{{users.offset}} - {{users.offset+users.data.length}} von {{users.total}}</small>-->
      </h1>
      <p v-if="error">{{ error }}</p>

@@ -58,19 +52,19 @@
               <tr v-for="kurs in kurse">
                  <td>
                     <RouterLink :to="`${routerBase}/ui/kurs/${kurs.ref_id}`">
                        {{kurs.ref_id}}
                        {{ kurs.ref_id }}
                     </RouterLink>
                  </td>
                  <td>{{kurs.obj_id}}</td>
                  <td>{{kurs.title}}</td>
                  <td>{{kurs.description}}</td>
                  <td>{{kurs.type}}</td>
                  <td>{{ kurs.obj_id }}</td>
                  <td>{{ kurs.title }}</td>
                  <td>{{ kurs.description }}</td>
                  <td>{{ kurs.type }}</td>
               </tr>
            </tbody>
         </table>
      </div>

<!--      <pre>{{ kurse }}</pre>-->
      <!--      <pre>{{ kurse }}</pre>-->

   </div>