kamilniemczycki/toby
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Activity

- improved list of request on dashboard

Browse Source
This commit is contained in:
EwelinaLasowy 2022-04-29 11:12:04 +02:00
parent cca74879da
commit aa2d05acfd
2 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/Shared/Widgets/PendingVacationRequests.vue
View File

@ -14,18 +14,24 @@
class="py-5" class="py-5"
> >
<div class="relative focus-within:ring-2 focus-within:ring-blumilk-500"> <div class="relative focus-within:ring-2 focus-within:ring-blumilk-500">
<div class="flex flex-row">
<h3 class="text-sm font-semibold text-blumilk-600 hover:text-blumilk-500"> <h3 class="text-sm font-semibold text-blumilk-600 hover:text-blumilk-500">
<InertiaLink <InertiaLink
:href="`/vacation/requests/${request.id}`" :href="`/vacation/requests/${request.id}`"
class="hover:underline focus:outline-none" class="hover:underline focus:outline-none"
> >
<span class="absolute inset-0" /> <span class="absolute inset-0" />
Wniosek o {{ findType(request.type).text.toLowerCase() }} Wniosek [{{ request.name }}]
[{{ request.name }}]
</InertiaLink> </InertiaLink>
</h3> </h3>
<p class="mt-1 text-sm text-gray-600"> <div>
{{ request.from }} - {{ request.to }} <div class="text-sm text-gray-600 ml-2">
{{ request.from }} - {{ request.to }}
</div>
</div>
</div>
<p class="mt-2 text-sm text-gray-600">
<VacationType :type="request.type" />
</p> </p>
<div class="mt-3 text-sm text-gray-600"> <div class="mt-3 text-sm text-gray-600">
<div class="flex"> <div class="flex">
@ -67,6 +73,7 @@
<script setup> <script setup>
import useVacationTypeInfo from '@/Composables/vacationTypeInfo' import useVacationTypeInfo from '@/Composables/vacationTypeInfo'
import VacationType from '@/Shared/VacationType'
defineProps({ defineProps({
requests: Object, requests: Object,

29
resources/js/Shared/Widgets/UserVacationRequests.vue
View File

@ -14,18 +14,22 @@
class="py-5" class="py-5"
> >
<div class="relative focus-within:ring-2 focus-within:ring-blumilk-500"> <div class="relative focus-within:ring-2 focus-within:ring-blumilk-500">
<h3 class="text-sm font-semibold text-blumilk-600 hover:text-blumilk-500"> <div class="flex flex-row">
<InertiaLink <h3 class="text-sm font-semibold text-blumilk-600 hover:text-blumilk-500">
:href="`/vacation/requests/${request.id}`" <InertiaLink
class="hover:underline focus:outline-none" :href="`/vacation/requests/${request.id}`"
> class="hover:underline focus:outline-none"
<span class="absolute inset-0" /> >
Wniosek o {{ findType(request.type).text.toLowerCase() }} <span class="absolute inset-0" />
[{{ request.name }}] Wniosek [{{ request.name }}]
</InertiaLink> </InertiaLink>
</h3> </h3>
<p class="mt-1 text-sm text-gray-600"> <div class="text-sm text-gray-600 ml-2">
{{ request.from }} - {{ request.to }} {{ request.from }} - {{ request.to }}
</div>
</div>
<p class="mt-2 text-sm text-gray-600">
<VacationType :type="request.type" />
</p> </p>
<p class="mt-2 text-sm text-gray-600"> <p class="mt-2 text-sm text-gray-600">
<Status :status="request.state" /> <Status :status="request.state" />
@ -54,6 +58,7 @@
<script setup> <script setup>
import useVacationTypeInfo from '@/Composables/vacationTypeInfo' import useVacationTypeInfo from '@/Composables/vacationTypeInfo'
import Status from '@/Shared/Status' import Status from '@/Shared/Status'
import VacationType from '@/Shared/VacationType'
defineProps({ defineProps({
requests: Object, requests: Object,