jeremy/RecruIT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance candidates management: add city field, drag-and-drop ranking persistence, AI analysis popover, and CV preview

Browse Source
This commit is contained in:
mrKamoo
2026-04-22 15:26:15 +02:00
parent 174f229b5d
commit 6f00da6d10
13 changed files with 480 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/Pages/Admin/Candidates/Show.vue
View File

@@ -30,6 +30,7 @@ const detailsForm = useForm({
email: props.candidate.user.email,
phone: props.candidate.phone || '',
linkedin_url: props.candidate.linkedin_url || '',
city: props.candidate.city || '',
});
const updateDetails = () => {
detailsForm.put(route('admin.candidates.update', props.candidate.id), {
@@ -294,6 +295,10 @@ const barColor = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
<svg class="w-3.5 h-3.5 text-ink/30 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg>
<span>{{ candidate.phone }}</span>
</div>
<div v-if="candidate.city" class="flex items-center gap-2.5 text-xs text-ink/55 font-semibold">
<svg class="w-3.5 h-3.5 text-ink/30 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span>{{ candidate.city }}</span>
</div>
<a v-if="candidate.linkedin_url" :href="candidate.linkedin_url" target="_blank" class="flex items-center gap-2.5 text-xs text-primary font-bold hover:underline">
<svg class="w-3.5 h-3.5 shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg>
LinkedIn
@@ -356,8 +361,8 @@ const barColor = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
<div class="flex items-center justify-between mb-3">
<span class="text-[9px] font-black uppercase tracking-[0.16em] text-ink/35">Analyse IA</span>
<div :class="['w-9 h-9 rounded-full flex items-center justify-center text-[11px] font-black',
aiAnalysis.match_score >= 80 ? 'bg-success/12 text-success' :
aiAnalysis.match_score >= 60 ? 'bg-highlight/15 text-highlight-on' : 'bg-accent/10 text-accent']">
aiAnalysis.match_score >= 90 ? 'bg-success/12 text-success' :
aiAnalysis.match_score >= 80 ? 'bg-highlight/15 text-highlight-on' : 'bg-accent/10 text-accent']">
{{ aiAnalysis.match_score }}%
</div>
</div>
@@ -497,8 +502,8 @@ const barColor = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
<!-- Match score + synthèse -->
<div class="flex items-start gap-5 p-5 rounded-xl border border-ink/[0.07] bg-neutral">
<div :class="['w-14 h-14 rounded-full flex items-center justify-center text-lg font-black shrink-0',
aiAnalysis.match_score >= 80 ? 'bg-success/12 text-success' :
aiAnalysis.match_score >= 60 ? 'bg-highlight/15 text-highlight' : 'bg-accent/10 text-accent']">
aiAnalysis.match_score >= 90 ? 'bg-success/12 text-success' :
aiAnalysis.match_score >= 80 ? 'bg-highlight/15 text-highlight' : 'bg-accent/10 text-accent']">
{{ aiAnalysis.match_score }}%
</div>
<div>
@@ -777,7 +782,7 @@ const barColor = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
<div class="p-6 space-y-5">
<h3 class="font-serif font-black text-lg text-primary">Modifier les informations</h3>
<div class="grid md:grid-cols-2 gap-4">
<div v-for="(field, key) in { name:'Nom complet', email:'Email', phone:'Téléphone', linkedin_url:'LinkedIn URL' }" :key="key">
<div v-for="(field, key) in { name:'Nom complet', email:'Email', phone:'Téléphone', city:'Ville', linkedin_url:'LinkedIn URL' }" :key="key">
<label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">{{ field }}</label>
<input v-model="detailsForm[key]" type="text"
class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2.5 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />