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

wip

Browse Source
This commit is contained in:
Adrian Hopek 2022-05-06 12:23:04 +02:00
parent 47ad45cb73
commit 593f997403
2 changed files with 101 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
resources/js/Composables/useLevels.js Normal file
View File

@ -0,0 +1,88 @@
const technologyLevels = [
{
level: 0,
name: 'Beginner',
activeColor: 'bg-rose-400',
backgroundColor: 'bg-rose-100',
textColor: 'text-rose-400',
},
{
level: 1,
name: 'Junior',
activeColor: 'bg-orange-400',
backgroundColor: 'bg-orange-100',
textColor: 'text-orange-400',
},
{
level: 2,
name: 'Regular',
activeColor: 'bg-amber-400',
backgroundColor: 'bg-amber-100',
textColor: 'text-yellow-500',
},
{
level: 3,
name: 'Advanced',
activeColor: 'bg-emerald-400',
backgroundColor: 'bg-emerald-100',
textColor: 'text-emerald-400',
},
{
level: 4,
name: 'Master',
activeColor: 'bg-blumilk-400',
backgroundColor: 'bg-blumilk-100',
textColor: 'text-blumilk-400',
},
]
const languageLevels = [
{
level: 0,
name: 'A1',
activeColor: 'bg-rose-400',
backgroundColor: 'bg-rose-100',
textColor: 'text-rose-400',
},
{
level: 1,
name: 'A2',
activeColor: 'bg-orange-400',
backgroundColor: 'bg-orange-100',
textColor: 'text-orange-400',
},
{
level: 2,
name: 'B1',
activeColor: 'bg-amber-400',
backgroundColor: 'bg-amber-100',
textColor: 'text-yellow-500',
},
{
level: 3,
name: 'B2',
activeColor: 'bg-emerald-400',
backgroundColor: 'bg-emerald-100',
textColor: 'text-emerald-400',
},
{
level: 4,
name: 'C1',
activeColor: 'bg-blumilk-400',
backgroundColor: 'bg-blumilk-100',
textColor: 'text-blumilk-400',
},
{
level: 5,
name: 'C2',
activeColor: 'bg-gray-600',
backgroundColor: 'bg-gray-200',
textColor: 'text-gray-600',
},
]
export default function () {
return {
technologyLevels,
languageLevels,
}
}

107
resources/js/Pages/Resumes/Create.vue
View File

@ -629,24 +629,23 @@
</div>
<div class="items-center py-4 sm:grid sm:grid-cols-2">
<label
:for="`project-tags-${index}`"
:for="`project-tasks-${index}`"
class="block text-sm font-medium text-gray-700 sm:mt-px"
>
Dodatkowe informacje
Zadania
</label>
<div class="mt-1 sm:mt-0">
<input
:id="`project-tags-${index}`"
v-model="element.tags"
type="text"
<div class="mt-1 sm:mt-0 space-y-3">
<textarea
:id="`project-tasks-${index}`"
v-model="element.tasks"
class="block w-full rounded-md shadow-sm sm:text-sm"
:class="{ 'border-red-300 text-red-900 focus:outline-none focus:ring-red-500 focus:border-red-500': form.errors[`projects.${index}.tags`], 'focus:ring-blumilk-500 focus:border-blumilk-500 sm:text-sm border-gray-300': !form.errors[`projects.${index}.tags`] }"
>
:class="{ 'border-red-300 text-red-900 focus:outline-none focus:ring-red-500 focus:border-red-500': form.errors[`projects.${index}.tasks`], 'focus:ring-blumilk-500 focus:border-blumilk-500 sm:text-sm border-gray-300': !form.errors[`projects.${index}.tasks`] }"
/>
<p
v-if="form.errors[`projects.${index}.tags`]"
v-if="form.errors[`projects.${index}.tasks`]"
class="mt-2 text-sm text-red-600"
>
{{ form.errors[`projects.${index}.tags`] }}
{{ form.errors[`projects.${index}.tasks`] }}
</p>
</div>
</div>
@ -671,7 +670,7 @@
index: form.projects.length,
description: null,
technologies: null,
tags: null,
tasks: null,
startDate: null,
endDate: null,
})"
@ -710,89 +709,9 @@ import FlatPickr from 'vue-flatpickr-component'
import Draggable from 'vuedraggable'
import Combobox from '@/Shared/Forms/Combobox'
import LevelPicker from '@/Shared/Forms/LevelPicker'
import useLevels from '@/Composables/useLevels'
const technologyLevels = [
{
level: 0,
name: 'Poczatkujący',
activeColor: 'bg-rose-400',
backgroundColor: 'bg-rose-100',
textColor: 'text-rose-400',
},
{
level: 1,
name: 'Zaawansowany',
activeColor: 'bg-orange-400',
backgroundColor: 'bg-orange-100',
textColor: 'text-orange-400',
},
{
level: 2,
name: 'Doświadczony',
activeColor: 'bg-amber-400',
backgroundColor: 'bg-amber-100',
textColor: 'text-yellow-500',
},
{
level: 3,
name: 'Ekspert',
activeColor: 'bg-emerald-400',
backgroundColor: 'bg-emerald-100',
textColor: 'text-emerald-400',
},
{
level: 4,
name: 'Chad',
activeColor: 'bg-blumilk-400',
backgroundColor: 'bg-blumilk-100',
textColor: 'text-blumilk-400',
},
]
const languageLevels = [
{
level: 0,
name: 'A1',
activeColor: 'bg-rose-400',
backgroundColor: 'bg-rose-100',
textColor: 'text-rose-400',
},
{
level: 1,
name: 'A2',
activeColor: 'bg-orange-400',
backgroundColor: 'bg-orange-100',
textColor: 'text-orange-400',
},
{
level: 2,
name: 'B1',
activeColor: 'bg-amber-400',
backgroundColor: 'bg-amber-100',
textColor: 'text-yellow-500',
},
{
level: 3,
name: 'B2',
activeColor: 'bg-emerald-400',
backgroundColor: 'bg-emerald-100',
textColor: 'text-emerald-400',
},
{
level: 4,
name: 'C1',
activeColor: 'bg-blumilk-400',
backgroundColor: 'bg-blumilk-100',
textColor: 'text-blumilk-400',
},
{
level: 5,
name: 'C2',
activeColor: 'bg-blumilk-600',
backgroundColor: 'bg-blumilk-200',
textColor: 'text-blumilk-600',
},
]
const { technologyLevels, languageLevels } = useLevels()
const technologies = [
{ id: 1, name: 'Laravel' },