use api everywhere

alex

2025-06-04 8408128ca1ae7e6418803e23834e5fd7e45740cd

 vue/src/pages/UserDetail.vue

@@ -2,6 +2,8 @@

import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
import {getUser, iliasBase} from "../lib/api"
import LinkExtern from "../components/LinkExtern.vue"

const route = useRoute()
const userId = route.params.userId
@@ -13,15 +15,9 @@
/////////////////////////////////////////////////////////////////////////

async function init () {
   const res = await fetch(`/api/user/userid/${userId}?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
   const data = await res.json()
   const data = await getUser(userId)
   console.log(data)
   if (res.status === 200) {
      user.value = data
   }
   else {
      error.value = `ERROR: ${res.status}`
   }
   user.value = data
}

</script>
@@ -31,14 +27,18 @@
   <div>
      <h1>
         User {{ userId }}
         <small>{{ user?.firstname }} {{ user?.lastname }}</small>
         <small class="ml-05">{{ user?.firstname }} {{ user?.lastname }}</small>
      </h1>
      <p v-if="error">{{ error }}</p>
<!--      <pre>{{ user }}</pre>-->
      <!--      <pre>{{ user }}</pre>-->

      <div class="user" v-if="user">
         <span>usr_id</span>
         <div>{{ user.usr_id }}</div>
         <div>
            <a :href="`${iliasBase}/ilias.php?obj_id=${user.usr_id}&ref_id=7&admin_mode=settings&cmd=view&cmdClass=ilobjusergui&baseClass=ilAdministrationGUI`" target="_blank">
               {{ user.usr_id }} <LinkExtern />
            </a>
         </div>

         <span>login</span>
         <div>{{ user.login }}</div>