- added LicenseController.ts and MimetypeController for enabling mime_types and licences

- add new authors and contributors only by unique email addresses
- allow multiple file upload
- added validation rule for validating length of uploaded files
- modified Dockerfile for starting "bin/server.js" instead of *server.js"
- npm updates

resources/js/Components/FileUpload.vue

@@ -47,7 +47,7 @@
                         </p>
                         <!-- <p class="text-xs text-gray-500 dark:text-gray-400">SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->
                     </div>
-                    <input id="dropzone-file" type="file" class="hidden" @change="onChangeFile" />
+                    <input id="dropzone-file" type="file" class="hidden" @change="onChangeFile"  multiple="true"/>
                 </label>
             </header>
 

resources/js/Components/Map/draw.component.vue

@@ -259,7 +259,7 @@ export default class DrawControlComponent extends Vue {
     position: absolute;
     left: 10px;
     top: 100px;
-    z-index: 39;
+    z-index: 999;
 }
 
 .btn-group-vertical button {

resources/js/Components/Map/map.component.vue

@@ -257,7 +257,7 @@ export default class MapComponent extends Vue {
     background: none;
 }
 
-.leaflet-pane {
+/* .leaflet-pane  {
     z-index: 30;
-}
+} */
 </style>

resources/js/Components/Map/zoom.component.vue

@@ -100,7 +100,7 @@ export default class ZoomControlComponent extends Vue {
     position: absolute;
     left: 10px;
     top: 10px;
-    z-index: 39;
+    z-index: 999;
 }
 
 .btn-group-vertical button {

resources/js/Components/TablePersons.vue

@@ -22,6 +22,10 @@ const props = defineProps({
         type: Array<Person>,
         default: () => [],
     },
+    relation: {
+        type: String,
+        required: true,
+    },
     contributortypes: {
         type: Object,
         default: () => ({}),
@@ -82,7 +86,7 @@ const pagesList = computed(() => {
     return pagesList;
 });
 
-const removeAuthor = (key) => {
+const removeAuthor = (key: number) => {
     items.value.splice(key, 1);
 };
 
@@ -131,8 +135,10 @@ const removeAuthor = (key) => {
                 <!-- <th v-if="checkable" /> -->
                 <th />
                 <th scope="col">Sort</th>
-                <th class="hidden lg:table-cell"></th>
-                <th>Name</th>
+                <th scope="col">Id</th>
+                <!-- <th class="hidden lg:table-cell"></th> -->
+                <th>First Name</th>
+                <th>Last Name</th>
                 <th>Email</th>
                 <th scope="col" v-if="Object.keys(contributortypes).length">
                     <span>Type</span>
@@ -153,15 +159,56 @@ const removeAuthor = (key) => {
                         <BaseIcon :path="mdiDragVariant" />
                     </td>
                     <td scope="row">{{ index + 1 }}</td>
+                    <td data-label="Id">{{ element.id }}</td>
                     <!-- <TableCheckboxCell v-if="checkable" @checked="checked($event, client)" /> -->
-                    <td class="border-b-0 lg:w-6 before:hidden hidden lg:table-cell">
+                    <!-- <td v-if="element.name" class="border-b-0 lg:w-6 before:hidden hidden lg:table-cell">
                         <UserAvatar :username="element.name" class="w-24 h-24 mx-auto lg:w-6 lg:h-6" />
+                    </td> -->
+                    <td data-label="First Name">
+                        <!-- {{ element.first_name }} -->
+                        <FormControl
+                            required
+                            v-model="element.first_name"
+                            type="text"  :is-read-only="element.status==true"                 
+                            placeholder="[FIRST NAME]"
+                        >
+                        <div
+                                class="text-red-400 text-sm"
+                                v-if="errors && Array.isArray(errors[`${relation}.${index}.first_name`])"
+                            >
+                                {{ errors[`${relation}.${index}.first_name`].join(', ') }}
+                            </div>
+                        </FormControl>
                     </td>
-                    <td data-label="Name">
-                        {{ element.name }}
+                    <td data-label="Last Name">                       
+                        <FormControl
+                            required
+                            v-model="element.last_name"
+                            type="text"  :is-read-only="element.status==true"                 
+                            placeholder="[LAST NAME]"
+                        >
+                        <div
+                                class="text-red-400 text-sm"
+                                v-if="errors && Array.isArray(errors[`${relation}.${index}.last_name`])"
+                            >
+                                {{ errors[`${relation}.${index}.last_name`].join(', ') }}
+                            </div>
+                        </FormControl>
                     </td>
-                    <td data-label="Email">
-                        {{ element.email }}
+                    <td data-label="Email">                      
+                        <FormControl
+                            required
+                            v-model="element.email"
+                            type="text"  :is-read-only="element.status==true"                 
+                            placeholder="[EMAIL]"
+                        >
+                        <div
+                                class="text-red-400 text-sm"
+                                v-if="errors && Array.isArray(errors[`${relation}.${index}.email`])"
+                            >
+                                {{ errors[`${relation}.${index}.email`].join(', ') }}
+                            </div>
+                        </FormControl>
                     </td>
                     <td v-if="Object.keys(contributortypes).length">
                         <!-- <select type="text" v-model="element.pivot.contributor_type">
@@ -173,14 +220,14 @@ const removeAuthor = (key) => {
                             required
                             v-model="element.pivot_contributor_type"
                             type="select"
-                            :options="contributortypes"
+                            :options="contributortypes" 
                             placeholder="[relation type]"
                         >
                             <div
                                 class="text-red-400 text-sm"
-                                v-if="errors && Array.isArray(errors[`contributors.${index}.pivot_contributor_type`])"
+                                v-if="errors && Array.isArray(errors[`${relation}.${index}.pivot_contributor_type`])"
                             >
-                                {{ errors[`contributors.${index}.pivot_contributor_type`].join(', ') }}
+                                {{ errors[`${relation}.${index}.pivot_contributor_type`].join(', ') }}
                             </div>
                         </FormControl>
                     </td>

resources/js/Dataset.ts

@@ -130,13 +130,14 @@ export interface Description {
 }
 
 export interface Person {
-    id: number;
-    name: string;
+    id?: number;
+    name?: string;
     email: string;
     name_type: string;
     identifier_orcid: string;
-    datasetCount: string;
-    created_at: string;
+    datasetCount?: string;
+    created_at?: string;
+    status: boolean;
 }
 
 interface IErrorMessage {

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

@@ -0,0 +1,116 @@
+<script lang="ts" setup>
+import { Head, usePage } from '@inertiajs/vue3';
+import { mdiAccountKey, mdiSquareEditOutline, mdiAlertBoxOutline } from '@mdi/js';
+import { computed, ComputedRef } from 'vue';
+import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
+import SectionMain from '@/Components/SectionMain.vue';
+import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
+import BaseButton from '@/Components/BaseButton.vue';
+import CardBox from '@/Components/CardBox.vue';
+import BaseButtons from '@/Components/BaseButtons.vue';
+import NotificationBar from '@/Components/NotificationBar.vue';
+// import Pagination from '@/Components/Admin/Pagination.vue';
+// import Sort from '@/Components/Admin/Sort.vue';
+import { stardust } from '@eidellev/adonis-stardust/client';
+// import CardBoxModal from '@/Components/CardBoxModal.vue';
+
+// const isModalDangerActive = ref(false);
+// const deleteId = ref();
+
+defineProps({
+    licenses: {
+        type: Object,
+        default: () => ({}),
+    },
+    // filters: {
+    //     type: Object,
+    //     default: () => ({}),
+    // },
+    can: {
+        type: Object,
+        default: () => ({}),
+    },
+});
+
+const flash: ComputedRef<any> = computed(() => {
+    // let test = usePage();
+    // console.log(test);
+    return usePage().props.flash;
+});
+
+
+</script>
+
+<template>
+
+    <LayoutAuthenticated>
+
+        <Head title="Licenses" />
+        <SectionMain>
+            <SectionTitleLineWithButton :icon="mdiAccountKey" title="Licenses" main>
+                <!-- <BaseButton
+                    v-if="can.create"
+                    :route-name="stardust.route('settings.role.create')"
+                    :icon="mdiPlus"
+                    label="Add"
+                    color="info"
+                    rounded-full
+                    small
+                /> -->
+            </SectionTitleLineWithButton>
+            <NotificationBar v-if="flash.message" color="success" :icon="mdiAlertBoxOutline">
+                {{ flash.message }}
+            </NotificationBar>
+            <CardBox class="mb-6" has-table>
+            </CardBox>
+            <CardBox class="mb-6" has-form-data>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>
+                                <!-- <Sort label="Name" attribute="name" /> -->
+                                Name
+                            </th>
+                            <th>
+                                <!-- <Sort label="Sort Order" attribute="sort_order" /> -->
+                                Sort Order
+                            </th>
+                            <th v-if="can.edit">Actions</th>
+
+                        </tr>
+                    </thead>
+
+                    <tbody>
+                        <tr v-for="license in licenses" :key="license.id">
+                            <td data-label="Name">
+                                <!-- <Link
+                                    :href="stardust.route('settings.role.show', [role.id])"
+                                    class="no-underline hover:underline text-cyan-600 dark:text-cyan-400"
+                                >
+                                    {{ license.name }}
+                                </Link> -->
+                                {{ license.name }}
+                            </td>
+                            <td data-label="Description">
+                                {{ license.sort_order }}
+                            </td>
+
+                            <td v-if="can.edit" class="before:hidden lg:w-1 whitespace-nowrap">
+                                <BaseButtons type="justify-start lg:justify-end" no-wrap>
+                                    <BaseButton v-if="license.active"
+                                        :route-name="stardust.route('settings.license.down', [license.id])"
+                                        color="warning" :icon="mdiSquareEditOutline" label="deactivate" small />
+                                    <BaseButton v-else :route-name="stardust.route('settings.license.up', [license.id])"
+                                        color="success" :icon="mdiSquareEditOutline" label="activate" small />
+                                </BaseButtons>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+                <!-- <div class="py-4">
+					<Pagination v-bind:data="roles.meta" />
+				</div> -->
+            </CardBox>
+        </SectionMain>
+    </LayoutAuthenticated>
+</template>

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

@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import { Head, usePage } from '@inertiajs/vue3';
+import { mdiAccountKey, mdiSquareEditOutline, mdiAlertBoxOutline } from '@mdi/js';
+import { computed, ComputedRef } from 'vue';
+import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
+import SectionMain from '@/Components/SectionMain.vue';
+import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
+import BaseButton from '@/Components/BaseButton.vue';
+import CardBox from '@/Components/CardBox.vue';
+import BaseButtons from '@/Components/BaseButtons.vue';
+import NotificationBar from '@/Components/NotificationBar.vue';
+// import Pagination from '@/Components/Admin/Pagination.vue';
+// import Sort from '@/Components/Admin/Sort.vue';
+import { stardust } from '@eidellev/adonis-stardust/client';
+// import CardBoxModal from '@/Components/CardBoxModal.vue';
+
+// const isModalDangerActive = ref(false);
+// const deleteId = ref();
+
+defineProps({
+    mimetypes: {
+        type: Object,
+        default: () => ({}),
+    },
+    // filters: {
+    //     type: Object,
+    //     default: () => ({}),
+    // },
+    can: {
+        type: Object,
+        default: () => ({}),
+    },
+});
+
+const flash: ComputedRef<any> = computed(() => {
+    // let test = usePage();
+    // console.log(test);
+    return usePage().props.flash;
+});
+
+
+</script>
+
+<template>
+
+    <LayoutAuthenticated>
+
+        <Head title="Mime Types" />
+        <SectionMain>
+            <SectionTitleLineWithButton :icon="mdiAccountKey" title="Mime Types" main>
+                <!-- <BaseButton
+                    v-if="can.create"
+                    :route-name="stardust.route('settings.role.create')"
+                    :icon="mdiPlus"
+                    label="Add"
+                    color="info"
+                    rounded-full
+                    small
+                /> -->
+            </SectionTitleLineWithButton>
+            <NotificationBar v-if="flash.message" color="success" :icon="mdiAlertBoxOutline">
+                {{ flash.message }}
+            </NotificationBar>
+            <CardBox class="mb-6" has-table>
+            </CardBox>
+            <CardBox class="mb-6" has-form-data>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>
+                                <!-- <Sort label="Name" attribute="name" /> -->
+                                Name
+                            </th>
+                            <th>
+                                <!-- <Sort label="Sort Order" attribute="sort_order" /> -->
+                                Status
+                            </th>
+                            <th v-if="can.edit">Actions</th>
+
+                        </tr>
+                    </thead>
+
+                    <tbody>
+                        <tr v-for="mimetype in mimetypes" :key="mimetype.id">
+                            <td data-label="Name">
+                                <!-- <Link
+                                    :href="stardust.route('settings.role.show', [role.id])"
+                                    class="no-underline hover:underline text-cyan-600 dark:text-cyan-400"
+                                >
+                                    {{ license.name }}
+                                </Link> -->
+                                {{ mimetype.name }}
+                            </td>
+                            <td data-label="Status">
+                                <template v-if="mimetype.enabled">Active</template>
+                                <template v-else>Inactive</template>
+                            </td>
+
+                            <td v-if="can.edit" class="before:hidden lg:w-1 whitespace-nowrap">
+                                <BaseButtons type="justify-start lg:justify-end" no-wrap>
+                                    <BaseButton v-if="mimetype.enabled"
+                                        :route-name="stardust.route('settings.mimetype.down', [mimetype.id])"
+                                        color="warning" :icon="mdiSquareEditOutline" label="disable" small />
+                                    <BaseButton v-else
+                                        :route-name="stardust.route('settings.mimetype.up', [mimetype.id])" color="success"
+                                        :icon="mdiSquareEditOutline" label="enable" small />
+                                </BaseButtons>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+                <!-- <div class="py-4">
+					<Pagination v-bind:data="roles.meta" />
+				</div> -->
+            </CardBox>
+        </SectionMain>
+    </LayoutAuthenticated>
+</template>

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

@@ -373,6 +373,11 @@ const submit = async () => {
         });
 };
 
+const addNewAuthor = () => {
+    let newAuthor = { status: false, first_name: '', last_name: '', email: '', academic_title: '', identifier_orcid: '', name_type: 'Personal' };
+    form.authors.push(newAuthor);
+};
+
 const addTitle = () => {
     let newTitle: Title = { value: '', language: '', type: '' };
     //this.dataset.files.push(uploadedFiles[i]);
@@ -463,10 +468,11 @@ Removes a selected keyword
         Mit dem Setzen des Hakens bestätige ich hiermit
         <ul class="list-decimal">
             <li>
-                die Data Policy von Tethys RDR sowie die Terms & Conditions von Tethys gelesen und verstanden zu haben (<a
-                    href="/docs/HandbuchTethys.pdf" target="_blank">siehe hier</a>)
+                die Data Policy von Tethys RDR sowie die Terms & Conditions von Tethys gelesen und verstanden zu haben
+                (<a href="/docs/HandbuchTethys.pdf" target="_blank">siehe hier</a>)
             </li>
-            <li>das Einverständnis aller Co-Autoren über die bevorstehende Datenpublikation schriftlich eingeholt zu haben
+            <li>das Einverständnis aller Co-Autoren über die bevorstehende Datenpublikation schriftlich eingeholt zu
+                haben
             </li>
             <li>sowohl mit der Data Policy als auch mit den Terms & Conditions einverstanden zu sein</li>
         </ul>
@@ -516,9 +522,8 @@ Removes a selected keyword
                         <div class="flex flex-col md:flex-row">
                             <FormField label="Language *" help="required: select dataset main language"
                                 :class="{ 'text-red-400': errors.language }" class="w-full mx-2 flex-1">
-                                <FormControl required v-model="language" :type="'select'"
-                                    placeholder="[Enter Language]" :errors="form.errors.language"
-                                    :options="{ de: 'de', en: 'en' }">
+                                <FormControl required v-model="language" :type="'select'" placeholder="[Enter Language]"
+                                    :errors="form.errors.language" :options="{ de: 'de', en: 'en' }">
                                     <div class="text-red-400 text-sm" v-if="form.errors.language">
                                         {{ form.errors.language.join(', ') }}
                                     </div>
@@ -528,7 +533,8 @@ Removes a selected keyword
 
                         <FormField label="Licenses" wrap-body :class="{ 'text-red-400': form.errors.licenses }"
                             class="mt-8 w-full mx-2 flex-1">
-                            <FormCheckRadioGroup v-model="form.licenses" name="roles" is-column :options="props.licenses" />
+                            <FormCheckRadioGroup v-model="form.licenses" name="roles" is-column
+                                :options="props.licenses" />
                         </FormField>
 
                         <!-- <label for="rights">
@@ -557,8 +563,8 @@ Removes a selected keyword
                         <div class="flex flex-col md:flex-row">
                             <FormField label="Dataset Type *" help="required: dataset type"
                                 :class="{ 'text-red-400': form.errors.type }" class="w-full mx-2 flex-1">
-                                <FormControl required v-model="form.type" :type="'select'" placeholder="-- select type --"
-                                    :errors="errors.type" :options="doctypes">
+                                <FormControl required v-model="form.type" :type="'select'"
+                                    placeholder="-- select type --" :errors="errors.type" :options="doctypes">
                                     <div class="text-red-400 text-sm"
                                         v-if="form.errors.type && Array.isArray(form.errors.type)">
                                         {{ form.errors.type.join(', ') }}
@@ -568,7 +574,8 @@ Removes a selected keyword
                             <!-- <div class="w-full mx-2 flex-1 svelte-1l8159u"></div> -->
                             <!-- Creating Corporation -->
                             <FormField label="Creating Corporation *"
-                                :class="{ 'text-red-400': form.errors.creating_corporation }" class="w-full mx-2 flex-1">
+                                :class="{ 'text-red-400': form.errors.creating_corporation }"
+                                class="w-full mx-2 flex-1">
                                 <FormControl required v-model="form.creating_corporation" type="text"
                                     placeholder="[enter creating corporation]" :is-read-only="true">
                                     <div class="text-red-400 text-sm"
@@ -586,7 +593,8 @@ Removes a selected keyword
                             <!-- <div  class="py-6 border-t border-gray-100 dark:border-slate-800"> -->
                             <div class="flex flex-col md:flex-row">
                                 <FormField label="Main Title *" help="required: main title"
-                                    :class="{ 'text-red-400': form.errors['titles.0.value'] }" class="w-full mx-2 flex-1">
+                                    :class="{ 'text-red-400': form.errors['titles.0.value'] }"
+                                    class="w-full mx-2 flex-1">
                                     <FormControl required v-model="form.titles[0].value" type="text"
                                         placeholder="[enter main title]">
                                         <div class="text-red-400 text-sm"
@@ -676,7 +684,7 @@ Removes a selected keyword
                                     <FormControl required v-model="form.descriptions[0].language" type="text"
                                         :is-read-only="true">
                                         <div class="text-red-400 text-sm" v-if="form.errors['descriptions.0.value'] && Array.isArray(form.errors['descriptions.0.language'])
-                                            ">
+                                        ">
                                             {{ form.errors['descriptions.0.language'].join(', ') }}
                                         </div>
                                     </FormControl>
@@ -698,7 +706,7 @@ Removes a selected keyword
                                                 placeholder="[enter additional description]">
                                                 <div class="text-red-400 text-sm" v-if="form.errors[`descriptions.${index}.value`] &&
                                                     Array.isArray(form.errors[`descriptions.${index}.value`])
-                                                    ">
+                                                ">
                                                     {{ form.errors[`descriptions.${index}.value`].join(', ') }}
                                                 </div>
                                             </FormControl>
@@ -710,7 +718,7 @@ Removes a selected keyword
                                                 :options="descriptiontypes" placeholder="[select description type]">
                                                 <div class="text-red-400 text-sm" v-if="form.errors[`descriptions.${index}.type`] &&
                                                     Array.isArray(form.errors[`descriptions.${index}.type`])
-                                                    ">
+                                                ">
                                                     {{ form.errors[`descriptions.${index}.type`].join(', ') }}
                                                 </div>
                                             </FormControl>
@@ -718,8 +726,9 @@ Removes a selected keyword
                                         <FormField label="Description Language*"
                                             :class="{ 'text-red-400': form.errors[`titdescriptionsles.${index}.language`] }"
                                             class="w-full mx-2 flex-1">
-                                            <FormControl required v-model="form.descriptions[index].language" type="select"
-                                                :options="{ de: 'de', en: 'en' }" placeholder="[select title language]">
+                                            <FormControl required v-model="form.descriptions[index].language"
+                                                type="select" :options="{ de: 'de', en: 'en' }"
+                                                placeholder="[select title language]">
                                                 <div class="text-red-400 text-sm"
                                                     v-if="form.errors && Array.isArray(form.errors[`descriptions.${index}.language`])">
                                                     {{ form.errors[`descriptions.${index}.language`].join(', ') }}
@@ -736,10 +745,16 @@ Removes a selected keyword
                             <SearchAutocomplete source="/api/persons" :response-property="'first_name'"
                                 placeholder="search in person table...." v-on:person="onAddAuthor"></SearchAutocomplete>
 
-                            <TablePersons :persons="form.authors" v-if="form.authors.length > 0" />
+                            <TablePersons :errors="form.errors" :persons="form.authors" :relation="'authors'" v-if="form.authors.length > 0" />
                             <div class="text-red-400 text-sm" v-if="errors.authors && Array.isArray(errors.authors)">
                                 {{ errors.authors.join(', ') }}
                             </div>
+                            <div class="w-full md:w-1/2">
+                                <label class="block" for="additionalCreators">Add additional creator(s) if creator is
+                                    not in database</label>
+                                <button class="bg-blue-500 text-white py-2 px-4 rounded-sm"
+                                    @click.prevent="addNewAuthor()">+</button>
+                            </div>
                         </CardBox>
 
                         <!-- contributors -->
@@ -748,7 +763,7 @@ Removes a selected keyword
                                 placeholder="search in person table...." v-on:person="onAddContributor">
                             </SearchAutocomplete>
 
-                            <TablePersons :persons="form.contributors" v-if="form.contributors.length > 0"
+                            <TablePersons :persons="form.contributors" :relation="'contributors'" v-if="form.contributors.length > 0"
                                 :contributortypes="contributorTypes" :errors="form.errors" />
                             <div class="text-red-400 text-sm"
                                 v-if="form.errors.contributors && Array.isArray(form.errors.contributors)">
@@ -772,8 +787,8 @@ Removes a selected keyword
 
                             <FormField label="Embargo Date.." help="embargo date is optional"
                                 :class="{ 'text-red-400': errors.embargo_date }" class="w-full mx-2 flex-1">
-                                <FormControl required v-model="form.embargo_date" :type="'date'" placeholder="date('y-m-d')"
-                                    :errors="form.errors.embargo_date">
+                                <FormControl required v-model="form.embargo_date" :type="'date'"
+                                    placeholder="date('y-m-d')" :errors="form.errors.embargo_date">
                                     <div class="text-red-400 text-sm" v-if="form.errors.embargo_date">
                                         {{ form.errors.embargo_date.join(', ') }}
                                     </div>
@@ -790,7 +805,8 @@ Removes a selected keyword
 
                             <div class="flex flex-col md:flex-row">
                                 <!-- x min and max -->
-                                <FormField label="Coverage X Min" :class="{ 'text-red-400': form.errors['coverage.x_min'] }"
+                                <FormField label="Coverage X Min"
+                                    :class="{ 'text-red-400': form.errors['coverage.x_min'] }"
                                     class="w-full mx-2 flex-1">
                                     <FormControl required v-model="form.coverage.x_min" type="text"
                                         placeholder="[enter x_min]">
@@ -800,7 +816,8 @@ Removes a selected keyword
                                         </div>
                                     </FormControl>
                                 </FormField>
-                                <FormField label="Coverage X Max" :class="{ 'text-red-400': form.errors['coverage.x_max'] }"
+                                <FormField label="Coverage X Max"
+                                    :class="{ 'text-red-400': form.errors['coverage.x_max'] }"
                                     class="w-full mx-2 flex-1">
                                     <FormControl required v-model="form.coverage.x_max" type="text"
                                         placeholder="[enter x_max]">
@@ -811,7 +828,8 @@ Removes a selected keyword
                                     </FormControl>
                                 </FormField>
                                 <!-- y min and max -->
-                                <FormField label="Coverage Y Min" :class="{ 'text-red-400': form.errors['coverage.y_min'] }"
+                                <FormField label="Coverage Y Min"
+                                    :class="{ 'text-red-400': form.errors['coverage.y_min'] }"
                                     class="w-full mx-2 flex-1">
                                     <FormControl required v-model="form.coverage.y_min" type="text"
                                         placeholder="[enter y_min]">
@@ -821,7 +839,8 @@ Removes a selected keyword
                                         </div>
                                     </FormControl>
                                 </FormField>
-                                <FormField label="Coverage Y Max" :class="{ 'text-red-400': form.errors['coverage.y_max'] }"
+                                <FormField label="Coverage Y Max"
+                                    :class="{ 'text-red-400': form.errors['coverage.y_max'] }"
                                     class="w-full mx-2 flex-1">
                                     <FormControl required v-model="form.coverage.y_max" type="text"
                                         placeholder="[enter y_max]">
@@ -956,8 +975,8 @@ Removes a selected keyword
                                         <td data-label="Reference Value">
                                             <!-- <input name="Reference Value" class="form-control"
                                                 placeholder="[VALUE]" v-model="item.value" /> -->
-                                            <FormControl required v-model="item.value" :type="'text'" placeholder="[VALUE]"
-                                                :errors="form.errors.embargo_date">
+                                            <FormControl required v-model="item.value" :type="'text'"
+                                                placeholder="[VALUE]" :errors="form.errors.embargo_date">
                                                 <div class="text-red-400 text-sm"
                                                     v-if="form.errors[`references.${index}.value`] && Array.isArray(form.errors[`references.${index}.value`])">
                                                     {{ form.errors[`references.${index}.value`].join(', ') }}
@@ -980,8 +999,8 @@ Removes a selected keyword
                                             ['placeholder' => '[relationType]', 'v-model' => 'item.relation',
                                             'data-vv-scope' => 'step-2'])
                                             !!} -->
-                                            <FormControl required v-model="form.references[index].relation" type="select"
-                                                :options="relationTypes" placeholder="[relation type]">
+                                            <FormControl required v-model="form.references[index].relation"
+                                                type="select" :options="relationTypes" placeholder="[relation type]">
                                                 <div class="text-red-400 text-sm"
                                                     v-if="Array.isArray(form.errors[`references.${index}.relation`])">
                                                     {{ form.errors[`references.${index}.relation`].join(', ') }}
@@ -1036,7 +1055,8 @@ Removes a selected keyword
 
                         <FileUploadComponent :files="form.files"></FileUploadComponent>
 
-                        <div class="text-red-400 text-sm" v-if="form.errors['file'] && Array.isArray(form.errors['file'])">
+                        <div class="text-red-400 text-sm"
+                            v-if="form.errors['file'] && Array.isArray(form.errors['file'])">
                             {{ form.errors['file'].join(', ') }}
                         </div>
                         <div class="text-red-400 text-sm"
@@ -1068,7 +1088,8 @@ Removes a selected keyword
                             </button>
                         </div>
                     </div>
-                    <progress v-if="form.progress" :value="form.progress.percentage" max="100">{{ form.progress.percentage
+                    <progress v-if="form.progress" :value="form.progress.percentage" max="100">{{
+                        form.progress.percentage
                     }}%</progress>
                 </template>
             </CardBox>

resources/js/menu.ts

@@ -10,6 +10,8 @@ import {
     mdiLock,
     mdiFormatListGroup,
     mdiShieldCrownOutline,
+    mdiLicense,
+    mdiFileDocument,
 } from '@mdi/js';
 
 export default [
@@ -72,6 +74,18 @@ export default [
                 label: 'Roles',
                 roles: ['administrator'],
             },
+            {
+                route: 'settings.mimetype.index',
+                icon: mdiFileDocument,
+                label: 'Mime Types',
+                roles: ['administrator'],
+            },
+            {
+                route: 'settings.license.index',
+                icon: mdiLicense,
+                label: 'Licenses',
+                roles: ['administrator'],
+            },
         ],
     },