27 lines
726 B
Vue
27 lines
726 B
Vue
<script lang="ts" setup>
|
|
import { formatDate } from "@/components/dueDates/dueDatesUtils";
|
|
import type { DueDate } from "@/types";
|
|
|
|
const props = defineProps<{
|
|
dueDate: DueDate;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex items-center justify-between py-4">
|
|
<div class="space-y-1">
|
|
<a class="text-bold underline" :href="props.dueDate.url">
|
|
{{ props.dueDate.title }}
|
|
</a>
|
|
<p class="text-small text-gray-900">
|
|
{{ props.dueDate.learning_content_description }}
|
|
<span v-if="props.dueDate.description !== ''">:</span>
|
|
{{ props.dueDate.description }}
|
|
</p>
|
|
</div>
|
|
<p>
|
|
{{ formatDate(props.dueDate.start, props.dueDate.end) }}
|
|
</p>
|
|
</div>
|
|
</template>
|