first component for pushing calendar answer

This commit is contained in:
2022-05-27 14:29:10 +02:00
parent 7c0bdc5abe
commit 1c79e25579
6 changed files with 97 additions and 23 deletions

View File

@@ -0,0 +1,36 @@
<template>
<div class="btn-group" role="group">
<button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
{{ $t('answer')}}
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="#"><i class="fa fa-check" aria-hidden="true"></i> {{ $t('accept') }}</a></li>
<li><a class="dropdown-item" href="#"><i class="fa fa-times" aria-hidden="true"></i> {{ $t('decline') }}</a></li>
<li><a class="dropdown-item" href="#"><i class="fa fa-question"></i> {{ $t('tentatively_accept') }}</a></li>
<li><a class="dropdown-item" href="#"><i class="fa fa-hourglass-o"></i> {{ $t('pending') }}</a></li>
</ul>
</div>
</template>
<script lang="ts">
import {defineComponent} from 'vue';
interface Props {
calendarId: number,
status: string
}
export default defineComponent({
name: "Answer",
props: {
calendarId: { type: Number, required: true},
status: {type: String, required: true},
}
})
</script>
<style scoped>
</style>