- added doi registration

- npm updates for webpack-encore and postcss-loader - DatasetExtension.ts: use relation contributors for PersonContributor - added DoiClient.ts and DoiClientContract.ts - rozes.ts: addes routes for creating and storing doi identifier - addes xslt doi_datacite.xslt needed for registering DOI identifier
2024-01-26 09:39:03 +01:00 · 2024-01-26 09:39:03 +01:00 · c9ba7d6adc
commit c9ba7d6adc
parent ebc62d9117
22 changed files with 1836 additions and 677 deletions
--- a/resources/js/Pages/Editor/Dataset/Doi.vue
+++ b/resources/js/Pages/Editor/Dataset/Doi.vue
@ -0,0 +1,110 @@
+<script setup lang="ts">
+import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
+import SectionMain from '@/Components/SectionMain.vue';
+import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
+import {  router, Head, usePage } from '@inertiajs/vue3';
+import { computed, Ref } from 'vue';
+import CardBox from '@/Components/CardBox.vue';
+import BaseButton from '@/Components/BaseButton.vue';
+import BaseButtons from '@/Components/BaseButtons.vue';
+import { stardust } from '@eidellev/adonis-stardust/client';
+import { mdiArrowLeftBoldOutline, mdiIdentifier } from '@mdi/js';
+import FormValidationErrors from '@/Components/FormValidationErrors.vue';
+import Notification from '@/utils/toast';
+
+const props = defineProps({
+    dataset: {
+        type: Object,
+        default: () => ({}),
+    },
+});
+
+const flash: Ref<any> = computed(() => {
+    return usePage().props.flash;
+});
+const errors: Ref<any> = computed(() => {
+    return usePage().props.errors;
+});
+
+// const form = useForm({
+//     preferred_reviewer: '',
+//     preferred_reviewer_email: '',
+//     preferation: 'yes_preferation',
+
+//     // preferation: '',
+//     // isPreferationRequired: false,
+// });
+
+// const isPreferationRequired = computed(() => form.preferation === 'yes_preferation');
+
+const handleSubmit = async (e) => {
+    e.preventDefault();
+    Notification.showInfo(`doi implementation is in developement. Create DOI for dataset ${props.dataset.publish_id} later on`);
+
+    await router.put(stardust.route('editor.dataset.doiStore', [props.dataset.publish_id]));
+    // await form.put(stardust.route('dataset.releaseUpdate', [props.dataset.id]));
+};
+</script>
+
+<template>
+    <LayoutAuthenticated>
+        <Head title="Mint DOI" />
+        <SectionMain>
+            <SectionTitleLineWithButton :icon="mdiIdentifier" title="Mint DOI for dataset" main>
+                <BaseButton
+                    :route-name="stardust.route('editor.dataset.list')"
+                    :icon="mdiArrowLeftBoldOutline"
+                    label="Back"
+                    color="white"
+                    rounded-full
+                    small
+                />
+            </SectionTitleLineWithButton>
+            <CardBox form @submit.prevent="handleSubmit">
+                <FormValidationErrors v-bind:errors="errors" />
+
+                <!-- <div class="flex flex-col md:flex-row items-center"> -->
+                <!-- <div class="w-full">
+                        <label class="block font-bold mb-2" for="owner">Submitter:</label>
+                        <div class="w-full p-2 rounded-md">{{ dataset.user.login }}</div>
+                    </div> -->
+                <div class="w-full">
+                    <label class="block font-bold mb-2" for="title">Tethys Publish ID:</label>
+                    <div class="w-full p-2 rounded-md" v-if="dataset.publish_id">
+                        {{ dataset.publish_id }}
+                    </div>
+                </div>
+                <div class="w-full">
+                    <label class="block font-bold mb-2" for="title">Dataset main title:</label>
+                    <div class="w-full p-2 rounded-md" v-if="dataset.main_title">
+                        {{ dataset.main_title }}
+                    </div>
+                    <div class="w-full p-2 rounded-md" v-else>No title available</div>
+                </div>
+                <div class="w-full">
+                    <label class="block font-bold mb-2" for="title">Dataset abstract:</label>
+                    <div class="w-full p-2 rounded-md" v-if="dataset.main_abstract">
+                        {{ dataset.main_abstract }}
+                    </div>
+                    <div class="w-full p-2 rounded-md" v-else>No abstract available</div>
+                </div>
+                <!-- </div> -->
+
+                <div v-if="flash && flash.warning" class="flex flex-col mt-6 animate-fade-in">
+                    <div class="bg-yellow-500 border-l-4 border-orange-400 text-white p-4" role="alert">
+                        <p class="font-bold">Be Warned</p>
+                        <p>{{ flash.warning }}</p>
+                    </div>
+                </div>
+
+                <template #footer>
+                    <BaseButtons>
+                        <!-- <BaseButton type="submit" color="info" label="Receive"
+                            :class="{ 'opacity-25': router.processing }" :disabled="form.processing" /> -->
+                        <BaseButton type="submit" color="info" label="Mint DOI" />
+                    </BaseButtons>
+                </template>
+            </CardBox>
+        </SectionMain>
+    </LayoutAuthenticated>
+</template>