- add AvatarController.ts

- adapted menu.ts, NavBar.vue, NavBarItem.vue for highlighting active nav item
- NavBarItemLabel.vue for app menu highlighting
- adapted routes.ts
- adapted app.edge for new favicon
- adapted LayoutAuthenticated.vue (:showAsideMenu="false") for showing AsideMenu optional
- new material icons: BriefcaseCheck.vue, SwapHorizontal.vue, AccountGroup.vue, Lock.vue
- started with FirstRunWizard

resources/js/Pages/Admin/Role/Create.vue

@@ -28,7 +28,7 @@ const form = useForm({
 });
 
 const submit = async () => {
-    await form.post(stardust.route('role.store'), form);
+    await form.post(stardust.route('settings.role.store'), form);
 };
 </script>
 
@@ -38,7 +38,7 @@ const submit = async () => {
         <SectionMain>
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="Add role" main>
                 <BaseButton
-                    :route-name="stardust.route('role.index')"
+                    :route-name="stardust.route('settings.role.index')"
                     :icon="mdiArrowLeftBoldOutline"
                     label="Back"
                     color="white"

resources/js/Pages/Admin/Role/Edit.vue

@@ -37,7 +37,7 @@ const form = useForm({
 
 const submit = async () => {
     // await Inertia.post(stardust.route('user.store'), form);
-    await form.put(stardust.route('role.update', [props.role.id]), form);
+    await form.put(stardust.route('settings.role.update', [props.role.id]), form);
 };
 </script>
 
@@ -47,7 +47,7 @@ const submit = async () => {
         <SectionMain>
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="Update role" main>
                 <BaseButton
-                    :route-name="stardust.route('role.index')"
+                    :route-name="stardust.route('settings.role.index')"
                     :icon="mdiArrowLeftBoldOutline"
                     label="Back"
                     color="white"

resources/js/Pages/Admin/Role/Index.vue

@@ -47,7 +47,7 @@ const formDelete = useForm({});
 // function destroy(id) {
 // const destroy = async (id) => {
 // 	if (confirm('Are you sure you want to delete?')) {
-// 		await formDelete.delete(stardust.route('role.destroy', [id]));
+// 		await formDelete.delete(stardust.route('settings.role.destroy', [id]));
 // 	}
 // };
 
@@ -59,7 +59,7 @@ const destroy = (id, e) => {
 
 const onConfirm = async (id) => {
     // let id = 6;
-    await formDelete.delete(stardust.route('role.destroy', [id]));
+    await formDelete.delete(stardust.route('settings.role.destroy', [id]));
     deleteId.value = null;
 };
 
@@ -90,7 +90,7 @@ const onCancel = (id) => {
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="Roles" main>
                 <BaseButton
                     v-if="can.create"
-                    :route-name="stardust.route('role.create')"
+                    :route-name="stardust.route('settings.role.create')"
                     :icon="mdiPlus"
                     label="Add"
                     color="info"
@@ -139,7 +139,7 @@ const onCancel = (id) => {
                         <tr v-for="role in roles" :key="role.id">
                             <td data-label="Name">
                                 <Link
-                                    :href="stardust.route('role.show', [role.id])"
+                                    :href="stardust.route('settings.role.show', [role.id])"
                                     class="no-underline hover:underline text-cyan-600 dark:text-cyan-400"
                                 >
                                     {{ role.name }}
@@ -152,7 +152,7 @@ const onCancel = (id) => {
                                 <BaseButtons type="justify-start lg:justify-end" no-wrap>
                                     <BaseButton
                                         v-if="can.edit"
-                                        :route-name="stardust.route('role.edit', [role.id])"
+                                        :route-name="stardust.route('settings.role.edit', [role.id])"
                                         color="info"
                                         :icon="mdiSquareEditOutline"
                                         small

resources/js/Pages/Admin/Role/Show.vue

@@ -30,7 +30,7 @@ const props = defineProps({
         <SectionMain>
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="View role" main>
                 <BaseButton
-                    :route-name="stardust.route('role.index')"
+                    :route-name="stardust.route('settings.role.index')"
                     :icon="mdiArrowLeftBoldOutline"
                     label="Back"
                     color="white"

resources/js/Pages/Admin/User/Create.vue

@@ -34,7 +34,7 @@ const form = useForm({
 });
 
 const submit = async () => {
-    await router.post(stardust.route('user.store'), form);
+    await router.post(stardust.route('settings.user.store'), form);
 };
 </script>
 
@@ -44,7 +44,7 @@ const submit = async () => {
         <SectionMain>
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="Add user" main>
                 <BaseButton
-                    :route-name="stardust.route('user.index')"
+                    :route-name="stardust.route('settings.user.index')"
                     :icon="mdiArrowLeftBoldOutline"
                     label="Back"
                     color="modern"
@@ -52,7 +52,7 @@ const submit = async () => {
                     small
                 />
             </SectionTitleLineWithButton>
-            <!-- @submit.prevent="form.post(stardust.route('user.store'))" -->
+            <!-- @submit.prevent="form.post(stardust.route('settings.user.store'))" -->
             <CardBox form @submit.prevent="submit()">
                 <FormField label="Login" :class="{ 'text-red-400': errors.login }">
                     <FormControl v-model="form.login" type="text" placeholder="Enter Login" :errors="errors.login">

resources/js/Pages/Admin/User/Edit.vue

@@ -44,7 +44,7 @@ const form = useForm({
 
 const submit = async () => {
     // await Inertia.post(stardust.route('user.store'), form);
-    await router.put(stardust.route('user.update', [props.user.id]), form);
+    await router.put(stardust.route('settings.user.update', [props.user.id]), form);
 };
 </script>
 
@@ -54,7 +54,7 @@ const submit = async () => {
         <SectionMain>
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="Update user" main>
                 <BaseButton
-                    :route-name="stardust.route('user.index')"
+                    :route-name="stardust.route('settings.user.index')"
                     :icon="mdiArrowLeftBoldOutline"
                     label="Back"
                     color="white"

resources/js/Pages/Admin/User/Index.vue

@@ -66,7 +66,7 @@ const destroy = async (id) => {
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="Tethys Users" main>
                 <BaseButton
                     v-if="can.create"
-                    :route-name="stardust.route('user.create')"
+                    :route-name="stardust.route('settings.user.create')"
                     :icon="mdiPlus"
                     label="Add"
                     color="modern"
@@ -80,7 +80,7 @@ const destroy = async (id) => {
             </NotificationBar>
             <!-- <NotificationBar color="success" :icon="mdiAlertBoxOutline">{{ users.meta }}</NotificationBar> -->
             <CardBox class="mb-6" has-table>
-                <form @submit.prevent="form.get(stardust.route('user.index'))">
+                <form @submit.prevent="form.get(stardust.route('settings.user.index'))">
                     <div class="py-2 flex">
                         <div class="flex pl-4">
                             <input
@@ -113,7 +113,7 @@ const destroy = async (id) => {
                         <tr v-for="user in users.data" :key="user.id">
                             <td data-label="Login">
                                 <Link
-                                    v-bind:href="stardust.route('user.show', [user.id])"
+                                    v-bind:href="stardust.route('settings.user.show', [user.id])"
                                     class="no-underline hover:underline text-cyan-600 dark:text-cyan-400"
                                 >
                                     {{ user.login }}
@@ -127,7 +127,7 @@ const destroy = async (id) => {
                                 <BaseButtons type="justify-start lg:justify-end" no-wrap>
                                     <BaseButton
                                         v-if="can.edit"
-                                        :route-name="stardust.route('user.edit', [user.id])"
+                                        :route-name="stardust.route('settings.user.edit', [user.id])"
                                         color="info"
                                         :icon="mdiSquareEditOutline"
                                         small

resources/js/Pages/Admin/User/Show.vue

@@ -30,7 +30,7 @@ defineProps({
         <SectionMain>
             <SectionTitleLineWithButton :icon="mdiAccountKey" title="View user" main>
                 <BaseButton
-                    :route-name="stardust.route('user.index')"
+                    :route-name="stardust.route('settings.user.index')"
                     :icon="mdiArrowLeftBoldOutline"
                     label="Back"
                     color="white"

resources/js/Pages/Dashboard.vue

@@ -57,7 +57,7 @@ const datasets = computed(() => mainService.datasets);
 </script>
 
 <template>
-    <LayoutAuthenticated>
+    <LayoutAuthenticated :showAsideMenu="false">
         <Head title="Dashboard" />
 
         <!-- <section class="p-6" v-bind:class="containerMaxW"> -->

resources/js/Pages/Editor/Dataset/Index.vue

@@ -76,7 +76,7 @@ const getRowClass = (dataset) => {
 
             <!-- table -->
             <CardBox class="mb-6" has-table>
-                <div v-if="props.datasets && props.datasets.length > 0">
+                <div v-if="props.datasets.data.length > 0">
                     <table class="pure-table">
                         <thead>
                             <tr>

resources/js/Pages/Map.vue

@@ -2,7 +2,7 @@
 import { Head } from '@inertiajs/vue3';
 import { ref, Ref } from 'vue';
 import { mdiChartTimelineVariant } from '@mdi/js';
-import LayoutGuest from '@/Layouts/LayoutGuest.vue';
+import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
 import SectionMain from '@/Components/SectionMain.vue';
 import BaseButton from '@/Components/BaseButton.vue';
 import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
@@ -47,7 +47,7 @@ const mapOptions: MapOptions = {
 </script>
 
 <template>
-    <LayoutGuest>
+    <LayoutAuthenticated :showAsideMenu="false">
         <Head title="Map" />
 
         <!-- <section class="p-6" v-bind:class="containerMaxW"> -->
@@ -99,5 +99,5 @@ const mapOptions: MapOptions = {
             </div>
         </SectionMain>
         <!-- </section> -->
-    </LayoutGuest>
+    </LayoutAuthenticated>
 </template>

resources/js/Pages/Submitter/Dataset/Index.vue

@@ -101,7 +101,7 @@ const getRowClass = (dataset) => {
                     <tbody class="bg-white divide-y divide-gray-200">
                         <tr v-for="dataset in props.datasets.data" :key="dataset.id" :class="getRowClass(dataset)">
                             <td data-label="Login" class="py-4 whitespace-nowrap text-gray-700 dark:text-white">
-                                <!-- <Link v-bind:href="stardust.route('user.show', [user.id])"
+                                <!-- <Link v-bind:href="stardust.route('settings.user.show', [user.id])"
                                     class="no-underline hover:underline text-cyan-600 dark:text-cyan-400">
                                 {{ user.login }}
                                 </Link> -->