hotfix: enhance dataset creation and modal styling

- Added `@adonisjs/bodyparser` as a dependency.
- Improved the layout and styling of the consent modal in `Create.vue`.
- Enhanced the placeholder text for reference values in `Create.vue`.
- Added a default empty string for the subject in `Create.vue`.
- Updated the styling of the `CardBoxModal` component.

package-lock.json

@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "dependencies": {
         "@adonisjs/auth": "^9.2.4",
+        "@adonisjs/bodyparser": "^10.0.3",
         "@adonisjs/core": "^6.17.0",
         "@adonisjs/cors": "^2.2.1",
         "@adonisjs/drive": "^3.2.0",

package.json

@@ -76,6 +76,7 @@
   },
   "dependencies": {
     "@adonisjs/auth": "^9.2.4",
+    "@adonisjs/bodyparser": "^10.0.3",
     "@adonisjs/core": "^6.17.0",
     "@adonisjs/cors": "^2.2.1",
     "@adonisjs/drive": "^3.2.0",

resources/js/Components/CardBoxModal.vue

@@ -61,7 +61,7 @@ const cancel = () => confirmCancel('cancel');
         <CardBox
             v-show="value"
             :title="title"
-            class="shadow-lg max-h-modal w-11/12 md:w-3/5 lg:w-2/5 xl:w-4/12 z-50"
+            class="p-4 shadow-lg max-h-modal w-11/12 md:w-3/5 lg:w-2/5 xl:w-4/12 z-50"
             :header-icon="mdiClose"
             modal
             @header-icon-click="cancel"            

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

@@ -100,21 +100,21 @@ const flash: ComputedRef<any> = computed(() => {
 const getPlaceholder = computed(() => (type: string) => {
 
     switch (type) {
-            case 'DOI':
+        case 'DOI':
-                return 'https://doi.org/10.24341/tethys.236';
+            return 'https://doi.org/10.24341/tethys.236';
-            case 'Handle':
+        case 'Handle':
-                return '20.500.12345/67890';
+            return '20.500.12345/67890';
-            case 'ISBN':
+        case 'ISBN':
-                return '978-3-85316-076-3';
+            return '978-3-85316-076-3';
-            case 'ISSN':
+        case 'ISSN':
-                return '1234-5678';
+            return '1234-5678';
-            case 'URL':
+        case 'URL':
-                return 'https://example.com';
+            return 'https://example.com';
-            case 'URN':
+        case 'URN':
-                return 'urn:nbn:de:1234-5678';
+            return 'urn:nbn:de:1234-5678';
-            default:
+        default:
-                return '[VALUE]';
+            return '[VALUE]';
-        }   
+    }
 });
 
 const mainService = MainService();
@@ -462,7 +462,7 @@ const onMapInitialized = (newItem: any) => {
        adds a new Keyword
        */
 const addKeyword = () => {
-    let newSubject: Subject = { value: 'test', language: '', type: 'uncontrolled' };
+    let newSubject: Subject = { value: '', language: '', type: 'uncontrolled' };
     //this.dataset.files.push(uploadedFiles[i]);
     form.subjects.push(newSubject);
 };
@@ -499,16 +499,25 @@ Removes a selected keyword
 
 <template>
     <CardBoxModal v-model="isModalActive" title="Einverständniserklärung *">
-        Mit dem Setzen des Hakens bestätige ich hiermit
+        <p class="mb-4 text-gray-700">
-        <ul class="list-decimal">
+            Mit dem Setzen des Hakens bestätige ich hiermit folgende Punkte:
+        </p>
+        <ul class="list-decimal pl-6 space-y-2 text-sm text-gray-600">
             <li>
-                die Data Policy von Tethys RDR sowie die Terms & Conditions von Tethys gelesen und verstanden zu haben
+                die Data Policy von Tethys RDR sowie die
-                (<a href="/docs/HandbuchTethys.pdf" target="_blank">siehe hier</a>)
+                <a href="/docs/HandbuchTethys.pdf" target="_blank"
+                    class="font-medium text-blue-600 hover:text-blue-800 transition-colors underline">
+                    Terms &amp; Conditions
+                </a>
+                von Tethys gelesen und verstanden zu haben.
             </li>
-            <li>das Einverständnis aller Co-Autoren über die bevorstehende Datenpublikation schriftlich eingeholt zu
+            <li>
-                haben
+                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 &amp; Conditions einverstanden zu sein.
             </li>
-            <li>sowohl mit der Data Policy als auch mit den Terms & Conditions einverstanden zu sein</li>
         </ul>
     </CardBoxModal>
 
@@ -1071,7 +1080,8 @@ Removes a selected keyword
                                             <!-- <input name="Reference Value" class="form-control"
                                                 placeholder="[VALUE]" v-model="item.value" /> -->
                                             <FormControl required v-model="item.value" :type="'text'"
-                                                :placeholder="getPlaceholder(form.references[index].type)" :errors="form.errors.embargo_date">
+                                                :placeholder="getPlaceholder(form.references[index].type)"
+                                                :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(', ') }}