Remodel for Mobile

pages/mobile/index.vue

@@ -1,13 +1,33 @@
 <script setup>
 
-import DisplayPresentProfiles from "~/components/noAutoLoad/displayPresentProfiles.vue";
 
 definePageMeta({
   layout: 'mobile'
 })
 
-//const profileStore = useProfileStore()
+const auth = useAuthStore()
 
+const pinnedLinks = computed(() => {
+  return (auth.profile?.pinned_on_navigation || [])
+      .map((pin) => {
+        if (pin.type === "external") {
+          return {
+            label: pin.label,
+            to: pin.link,
+            icon: pin.icon,
+            external: true,
+          }
+        } else if (pin.type === "standardEntity") {
+          return {
+            label: pin.label,
+            to: `/standardEntity/${pin.datatype}/show/${pin.id}`,
+            icon: pin.icon,
+            external: false,
+          }
+        }
+      })
+      .filter(Boolean)
+})
 </script>
 
 <template>
@@ -42,6 +62,7 @@ definePageMeta({
       >
         <display-projects-in-phases/>
       </UDashboardCard>
+      <display-pinnend-links :links="pinnedLinks"/>
 
     </UPageGrid>
   </UDashboardPanelContent>

pages/mobile/menu.vue

@@ -13,30 +13,19 @@ const auth = useAuthStore()
     <UDivider class="mb-3">Weiteres</UDivider>
     <UButton
         class="w-full my-1"
-        to="/times"
+        to="/staff/time"
         icon="i-heroicons-clock"
     >
       Zeiten
     </UButton>
-    <UButton
+<!--    <UButton
         class="w-full my-1"
         to="/standardEntity/absencerequests"
         icon="i-heroicons-document-text"
     >
       Abwesenheiten
-    </UButton>
-
-    <UButton
-        class="w-full my-1"
-        to="/workingtimes"
-        icon="i-heroicons-clock"
-    >
-      Anwesenheiten
-    </UButton>
-<!--    <UButton
-        class="w-full my-1">
-      Kalender
     </UButton>-->
+
     <UButton
         class="w-full my-1"
       to="/standardEntity/customers"