- dark modus for geoera search (keywords)

- enum ContributorTypes
- add contributor types for creating a dataset
- npm updates
- tailwind styling for _table.css
- adapting migration code for dataset_11_subject.ts

resources/js/Components/TablePersons.vue

@@ -7,13 +7,14 @@ import { mdiDragVariant } from '@mdi/js';
 import BaseIcon from '@/Components/BaseIcon.vue';
 // import CardBoxModal from '@/Components/CardBoxModal.vue';
 // import TableCheckboxCell from '@/Components/TableCheckboxCell.vue';
-import BaseLevel from '@/Components/BaseLevel.vue';
+// import BaseLevel from '@/Components/BaseLevel.vue';
 import BaseButtons from '@/Components/BaseButtons.vue';
 import BaseButton from '@/Components/BaseButton.vue';
 import UserAvatar from '@/Components/UserAvatar.vue';
 // import Person from 'App/Models/Person';
 import { Person } from '@/Stores/main';
 import Draggable from 'vuedraggable';
+import FormControl from '@/Components/FormControl.vue';
 
 const props = defineProps({
     checkable: Boolean,
@@ -21,6 +22,14 @@ const props = defineProps({
         type: Array<Person>,
         default: () => [],
     },
+    contributortypes: {
+        type: Object,
+        default: () => ({}),
+    },
+    errors: {
+        type: Object,
+        default: () => ({}),
+    },
 });
 
 const styleService = StyleService();
@@ -120,11 +129,15 @@ const removeAuthor = (key) => {
         <thead>
             <tr>
                 <!-- <th v-if="checkable" /> -->
-                <th /> 
+                <th />
                 <th scope="col">Sort</th>
                 <th class="hidden lg:table-cell"></th>
                 <th>Name</th>
                 <th>Email</th>
+                <th scope="col" v-if="Object.keys(contributortypes).length">
+                    <span>Type</span>
+                </th>
+
                 <!-- <th>Name Type</th> -->
                 <!-- <th>Progress</th> -->
                 <!-- <th>Created</th> -->
@@ -136,7 +149,9 @@ const removeAuthor = (key) => {
         <draggable id="galliwasery" tag="tbody" v-model="items" item-key="id">
             <template #item="{ index, element }">
                 <tr>
-                    <td class="drag-icon"><BaseIcon :path="mdiDragVariant"/></td>
+                    <td class="drag-icon">
+                        <BaseIcon :path="mdiDragVariant" />
+                    </td>
                     <td scope="row">{{ index + 1 }}</td>
                     <!-- <TableCheckboxCell v-if="checkable" @checked="checked($event, client)" /> -->
                     <td class="border-b-0 lg:w-6 before:hidden hidden lg:table-cell">
@@ -148,6 +163,20 @@ const removeAuthor = (key) => {
                     <td data-label="Email">
                         {{ element.email }}
                     </td>
+                    <td v-if="Object.keys(contributortypes).length">
+                        <!-- <select type="text" v-model="element.pivot.contributor_type">
+                            <option v-for="(option, i) in contributortypes" :value="option" :key="i">
+                                {{ option }}
+                            </option>
+                        </select> -->
+                        <FormControl required v-model="element.pivot_contributor_type" type="select"
+                            :options="contributortypes" placeholder="[relation type]">
+                            <div class="text-red-400 text-sm"
+                                v-if="errors && Array.isArray(errors[`contributors.${index}.pivot_contributor_type`])">
+                                {{ errors[`contributors.${index}.pivot_contributor_type`].join(', ') }}
+                            </div>
+                        </FormControl>
+                    </td>
                     <!-- <td data-label="Name Type">
                     {{ client.name_type }}
                 </td> -->