- Added "rejected_to_reviewer" state to the `ServerStates` enum. - Implemented routes and controller actions (`rejectToReviewer`, `rejectToReviewerUpdate`) for editors to reject datasets back to reviewers with a rejection note. - Added UI elements (button) in the editor dataset index and publish views to trigger the "reject to reviewer" action. - Updated the reviewer dataset index view to display datasets in the "rejected_to_reviewer" state and show the editor's rejection note. - Modified the reviewer dataset review page to allow reviewers to view and accept datasets that have been rejected back to them by editors. - Updated the database migration to include the "rejected_to_reviewer" state in the `documents_server_state_check` constraint. - Updated dependencies (pinia, redis).
75 lines
1.6 KiB
Vue
75 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
|
|
import { computed, useSlots } from 'vue';
|
|
|
|
|
|
const props = defineProps({
|
|
title: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
icon: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
showHeaderIcon: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
headerIcon: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
rounded: {
|
|
type: String,
|
|
default: 'rounded-xl',
|
|
},
|
|
hasFormData: Boolean,
|
|
empty: Boolean,
|
|
form: Boolean,
|
|
hoverable: Boolean,
|
|
modal: Boolean,
|
|
});
|
|
|
|
const emit = defineEmits(['header-icon-click', 'submit']);
|
|
|
|
const is = computed(() => (props.form ? 'form' : 'div'));
|
|
|
|
const slots = useSlots();
|
|
|
|
// const footer = computed(() => slots.footer && !!slots.footer());
|
|
|
|
const componentClass = computed(() => {
|
|
const base = [props.rounded, props.modal ? 'dark:bg-slate-900' : 'dark:bg-slate-900/70'];
|
|
|
|
if (props.hoverable) {
|
|
base.push('hover:shadow-lg transition-shadow duration-500');
|
|
}
|
|
|
|
return base;
|
|
});
|
|
|
|
|
|
|
|
// const headerIconClick = () => {
|
|
// emit('header-icon-click');
|
|
// };
|
|
|
|
// const submit = (e) => {
|
|
// emit('submit', e);
|
|
// };
|
|
</script>
|
|
|
|
<template>
|
|
<component :is="is" :class="componentClass" class="bg-white flex flex-col border border-gray-100 dark:border-slate-800 mb-4">
|
|
|
|
<div v-if="empty" class="text-center py-24 text-gray-500 dark:text-slate-400">
|
|
<p>Nothing's here…</p>
|
|
</div>
|
|
|
|
<div v-else class="flex-1" :class="[!hasFormData && 'p-6']">
|
|
<slot />
|
|
</div>
|
|
|
|
</component>
|
|
</template>
|