kamilniemczycki/kamilcraft-api
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

- wip

Browse Source
This commit is contained in:
Kamil Niemczycki
2023-08-01 18:13:45 +02:00
parent 54db2e8e2b
commit 908b1e4bec
7 changed files with 75 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/Pages/CV/Edit.vue
View File

@@ -119,7 +119,14 @@ function updateCV() {
v-model="form.rodo"
:error="form.errors.rodo"
/>
<button class="px-0.5 py-1 rounded-lg bg-[#436da7] border-4 border-[#436da7] text-white text-lg hover:bg-transparent hover:text-[#436da7]">Edytuj CV</button>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 sm:gap-2 items-center">
<InertiaLink
as="button"
:href="`/dashboard/cv/${cv.token}`"
class="col-span-1 flex justify-center items-center gap-3 w-full px-2 py-1 border-t-4 border-b-4 border-transparent hover:border-b-black"
><FontAwesomeIcon :icon="['fas', 'backward']" />Anuluj</InertiaLink>
<button class="col-span-1 md:col-span-2 px-0.5 py-1 rounded-lg bg-[#436da7] border-4 border-[#436da7] text-white text-lg hover:bg-transparent hover:text-[#436da7]">Edytuj CV</button>
</div>
</form>
</div>
</div>

2
resources/js/Pages/CV/Index.vue
View File

@@ -39,7 +39,7 @@ function copySlug(slug) {
><FontAwesomeIcon :icon="['fas', 'plus']" /></InertiaLink>
</header>
<div class="overflow-x-auto">
<table v-if="cvs.data.length" class="w-full min-w-[600px] border-separate border-spacing-y-2">
<table v-if="cvs.data.length" class="w-full min-w-[600px] border-separate border-spacing-y-2 cursor-pointer">
<colgroup>
<col class="w-min" />
</colgroup>

29
resources/js/Pages/CV/Show.vue
View File

@@ -9,6 +9,8 @@ defineProps({
required: true,
},
});
const CV_URL = import.meta.env.VITE_CV_APP_URL;
</script>
<template>
@@ -23,25 +25,25 @@ defineProps({
title="Wróć do listy CV"><FontAwesomeIcon :icon="['fas', 'caret-left']" /></InertiaLink>
<h1 class="text-3xl font-roboto font-light">Szczegóły CV</h1>
</div>
<div class="flex gap-2">
<div class="flex gap-3 sm:gap-2">
<a
class="px-2 py-1 text-blue-600 hover:text-blue-800"
:href="`https://cv.kamilcraft.com/show/${cv.token}`"
class="flex items-center gap-2 px-2 py-1 text-blue-600 hover:text-blue-800"
:href="`${CV_URL}/show/${cv.token}`"
target="_blank"
rel="noopener noreferrer"
title="Przekieruj do CV"><FontAwesomeIcon :icon="['fas', 'arrow-up-right-from-square']" /></a>
title="Przekieruj do CV"><FontAwesomeIcon :icon="['fas', 'arrow-up-right-from-square']" /><span class="hidden sm:inline-block">Przejdź do CV</span></a>
<InertiaLink
as="button"
:href="`/dashboard/cv/${cv.token}/edit`"
class="flex items-center gap-2 px-2 py-1 text-lime-600 hover:text-white hover:bg-lime-600 rounded-md"
title="Usuń CV"
><FontAwesomeIcon :icon="['fas', 'pen-to-square']" />Edytuj</InertiaLink>
><FontAwesomeIcon :icon="['fas', 'pen-to-square']" /><span class="hidden sm:inline-block">Edytuj</span></InertiaLink>
<InertiaLink
as="button"
:href="`/dashboard/cv/${cv.token}/delete`"
class="flex items-center gap-2 px-2 py-1 text-red-600 hover:text-white hover:bg-red-600 rounded-md"
title="Usuń CV"
><FontAwesomeIcon :icon="['fas', 'trash']" />Usuń</InertiaLink>
><FontAwesomeIcon :icon="['fas', 'trash']" /><span class="hidden sm:inline-block">Usuń</span></InertiaLink>
</div>
</header>
<div class="mb-4">
@@ -73,6 +75,21 @@ defineProps({
<div class="text-gray-500 pb-0.5">Lokalizacje</div>
<p class="w-full min-w-full max-w-full px-2.5 py-2 border-b-2 rounded-md bg-white">{{ cv.locations.join(' / ') }}</p>
</div>
</div>
</div>
<div class="mb-4">
<header>
<h2 class="text-2xl font-roboto font-light pb-3">Statystyka</h2>
</header>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div>
<div class="text-gray-500 pb-0.5">Utworzono</div>
<p class="w-full min-w-full max-w-full px-2.5 py-2 border-b-2 rounded-md bg-white">{{ cv.created }}</p>
</div>
<div>
<div class="text-gray-500 pb-0.5">Zmodyfikowano</div>
<p class="w-full min-w-full max-w-full px-2.5 py-2 border-b-2 rounded-md bg-white">{{ cv.updated }}</p>
</div>
<div>
<div class="text-gray-500 pb-0.5">Zachowane wyświetlenia</div>
<p class="w-full min-w-full max-w-full px-2.5 py-2 border-b-2 rounded-md bg-white">{{ cv.views }}</p>