claude
0154b56881
Exposes GET /version endpoint in the web container (reads APP_VERSION env var). CI computes the version as 1.0.<git-commit-count> and passes it via --build-arg at build time. Both index.html and cv-matcher/index.html show the version in the footer via a JS fetch. docker-compose passes APP_VERSION through to the running container. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
707 lines
27 KiB
JavaScript
707 lines
27 KiB
JavaScript
(function ($) {
|
|
"use strict";
|
|
|
|
var reCaptchaSiteKey = null;
|
|
var gTagManagerId = null;
|
|
var CONSENT_KEY = "myai_cookie_consent";
|
|
var LANG_KEY = "myai_lang";
|
|
|
|
var i18n = {
|
|
en: {
|
|
"brand.subtitle": "AI engineering showcase",
|
|
"nav.demos": "Demos",
|
|
"nav.contact": "Contact",
|
|
"nav.navigator": "Navigator",
|
|
"nav.matcher": "Matcher",
|
|
"home.eyebrow": "Applied AI lab",
|
|
"home.title": "Production-minded AI demos, not generic chatbot wrappers.",
|
|
"home.text": "MyAi.ro is a technical showcase for practical AI systems: document understanding, retrieval, matching, automation and decision support.",
|
|
"home.openCv": "Open CV Matcher",
|
|
"home.step1": "CV.pdf",
|
|
"home.step2": "skills, projects, experience",
|
|
"home.step3": "relevant CV context",
|
|
"home.step4": "job match + gaps",
|
|
"home.navigator": "Navigator",
|
|
"home.selectDemo": "Select an AI demo",
|
|
"home.selectText": "Our first steps in AI integrations.",
|
|
"tag.available": "Available",
|
|
"tag.next": "Next",
|
|
"demo.cv.title": "CV Matcher",
|
|
"demo.cv.text": "Upload a CV PDF, add a job link or description, and get a match score with strengths and gaps.",
|
|
"demo.open": "Open demo →",
|
|
"demo.rag.title": "RAG Playground",
|
|
"demo.rag.text": "Experiment with chunk size, retrieval count and source context transparency.",
|
|
"demo.agent.title": "Agent Automation",
|
|
"demo.agent.text": "Job discovery, filtering, ranking and notification workflows.",
|
|
"contact.title": "Discuss an AI integration or custom software project",
|
|
"contact.text": "Fill in the form and we'll get back to you.",
|
|
"contact.person": "Contact person",
|
|
"contact.phone": "Phone",
|
|
"form.name": "Name",
|
|
"form.namePlaceholder": "Your name",
|
|
"form.email": "Email",
|
|
"form.emailPlaceholder": "name@company.com",
|
|
"form.message": "Message",
|
|
"form.messagePlaceholder": "Tell me what you want to build.",
|
|
"form.send": "Send message",
|
|
"form.thanks": "Thank you for your message.",
|
|
"form.captchaFailed": "Captcha verification failed.",
|
|
"form.failed": "Failed to send the message.",
|
|
"form.rateLimited": "Too many requests from your network. Please wait a moment and try again.",
|
|
"form.required.name": "Please enter your name.",
|
|
"form.required.email": "Please enter your email address.",
|
|
"form.required.emailInvalid": "Please enter a valid email address.",
|
|
"form.required.message": "Please write a message.",
|
|
"subscribe.title": "Stay in the loop",
|
|
"subscribe.text": "Get a short note when a new AI demo is published. One email at most every few weeks.",
|
|
"subscribe.emailPlaceholder": "name@company.com",
|
|
"subscribe.gdpr": "I agree to receive occasional emails about new demos.",
|
|
"subscribe.submit": "Subscribe",
|
|
"subscribe.thanks": "Thanks! You are subscribed.",
|
|
"subscribe.failed": "Could not subscribe right now. Please try again later.",
|
|
"subscribe.noConsent": "Please confirm your consent first.",
|
|
"footer.rights": "All rights reserved",
|
|
"footer.top": "Back to top",
|
|
"legal.terms": "Terms",
|
|
"legal.privacy": "Privacy",
|
|
"legal.cookies": "Cookies",
|
|
"status.sending": "Sending...",
|
|
"cookies.title": "Cookies",
|
|
"cookies.text": "We use necessary cookies and, with your consent, analytics through Google Tag Manager.",
|
|
"cookies.policy": "Privacy policy",
|
|
"cookies.reject": "Reject",
|
|
"cookies.necessary": "Necessary only",
|
|
"cookies.accept": "Accept analytics",
|
|
"cookies.settings": "Cookie settings",
|
|
"cv.brand": "CV Matcher",
|
|
"cv.eyebrow": "AI CV Matcher",
|
|
"cv.title": "Upload your CV, add a job link, and see how well they match.",
|
|
"cv.text": "We read your CV, find the parts most relevant to the job, then produce a match score with strengths, gaps and suggested next steps.",
|
|
"cv.try": "Try matcher",
|
|
"cv.back": "Back to navigator",
|
|
"cv.step1": "PDF text extraction",
|
|
"cv.step2": "CV chunking + embeddings",
|
|
"cv.step3": "Job URL/description parsing",
|
|
"cv.step4": "Match score + evidence",
|
|
"cv.input": "Input",
|
|
"cv.details": "CV and job details",
|
|
"cv.upload": "Upload CV PDF",
|
|
"cv.fileHint": "PDF only.",
|
|
"cv.jobLink": "Job link",
|
|
"cv.jobDescription": "Or paste job description",
|
|
"cv.jobPlaceholder": "Paste the job description if the page can't be read automatically.",
|
|
"cv.gdpr": "I agree that my CV is processed and stored.",
|
|
"cv.submit": "Extract CV and match job",
|
|
"cv.result": "Result",
|
|
"cv.analysis": "Match analysis",
|
|
"cv.empty": "Upload a CV and provide a job link or description to generate a result.",
|
|
"cv.contactTitle": "Want this adapted for your workflow?",
|
|
"cv.contactText": "Send a quick note and we'll get back to you.",
|
|
"cv.noFile": "Please upload a CV PDF.",
|
|
"cv.noJob": "Add a job link or paste a job description.",
|
|
"cv.noConsent": "GDPR consent is required.",
|
|
"cv.processing": "Processing...",
|
|
"cv.extracting": "Extracting CV and matching job...",
|
|
"cv.processingLong": "Processing CV PDF and job input.",
|
|
"cv.cvFailed": "CV extraction failed",
|
|
"cv.matchFailed": "Job matching failed",
|
|
"cv.rateLimited": "Too many CV matcher requests from your network. Please try again in a few minutes.",
|
|
"cv.completed": "Match completed.",
|
|
"cv.backendMissing": "There was an error while processing the CV.",
|
|
"cv.loaderTitle": "Working on your CV",
|
|
"cv.loaderText": "Extracting text, retrieving context and scoring the match. This can take a moment.",
|
|
"cv.noSummary": "No summary available.",
|
|
"cv.noItems": "No items yet.",
|
|
"cv.strengths": "Strengths",
|
|
"cv.gaps": "Gaps",
|
|
"cv.evidence": "Supporting CV excerpts"
|
|
},
|
|
ro: {
|
|
"brand.subtitle": "prezentare inginerie AI",
|
|
"nav.demos": "Demo-uri",
|
|
"nav.contact": "Contact",
|
|
"nav.navigator": "Navigator",
|
|
"nav.matcher": "Matcher",
|
|
"home.eyebrow": "Laborator AI aplicat",
|
|
"home.title": "Demo-uri AI orientate spre producție, nu simple wrapper-e de chatbot.",
|
|
"home.text": "MyAi.ro este o prezentare tehnică pentru sisteme AI practice: înțelegere documente, retrieval, potrivire, automatizare și suport decizional.",
|
|
"home.openCv": "Deschide CV Matcher",
|
|
"home.step1": "CV.pdf",
|
|
"home.step2": "competențe, proiecte, experiență",
|
|
"home.step3": "context relevant din CV",
|
|
"home.step4": "potrivire job + lipsuri",
|
|
"home.navigator": "Navigator",
|
|
"home.selectDemo": "Alege un demo AI",
|
|
"home.selectText": "Primele noastre proiecte.",
|
|
"tag.available": "Disponibil",
|
|
"tag.next": "Urmează",
|
|
"demo.cv.title": "CV Matcher",
|
|
"demo.cv.text": "Încarcă un CV PDF, adaugă un link sau o descriere de job și primește un scor de potrivire cu puncte forte și lipsuri.",
|
|
"demo.open": "Deschide demo →",
|
|
"demo.rag.title": "RAG Playground",
|
|
"demo.rag.text": "Experimentează cu dimensiunea chunk-urilor, numărul de rezultate și transparența surselor.",
|
|
"demo.agent.title": "Automatizare cu agenți",
|
|
"demo.agent.text": "Fluxuri pentru descoperire joburi, filtrare, ordonare și notificări.",
|
|
"contact.title": "Discută o integrare AI sau un proiect software custom",
|
|
"contact.text": "Completează formularul și te vom contacta.",
|
|
"contact.person": "Persoană de contact",
|
|
"contact.phone": "Telefon",
|
|
"form.name": "Nume",
|
|
"form.namePlaceholder": "Numele tău",
|
|
"form.email": "Email",
|
|
"form.emailPlaceholder": "nume@companie.ro",
|
|
"form.message": "Mesaj",
|
|
"form.messagePlaceholder": "Spune-mi ce vrei să construiești.",
|
|
"form.send": "Trimite mesajul",
|
|
"form.thanks": "Mulțumesc pentru mesaj.",
|
|
"form.captchaFailed": "Verificarea Captcha a eșuat.",
|
|
"form.failed": "Mesajul nu a putut fi trimis.",
|
|
"form.rateLimited": "Prea multe cereri din rețeaua ta. Te rugăm să aștepți câteva momente și să încerci din nou.",
|
|
"form.required.name": "Te rugăm să introduci numele.",
|
|
"form.required.email": "Te rugăm să introduci adresa de email.",
|
|
"form.required.emailInvalid": "Te rugăm să introduci o adresă de email validă.",
|
|
"form.required.message": "Te rugăm să scrii un mesaj.",
|
|
"subscribe.title": "Rămâi la curent",
|
|
"subscribe.text": "Primești o notă scurtă când publicăm un nou demo AI. Cel mult un email la câteva săptămâni.",
|
|
"subscribe.emailPlaceholder": "nume@companie.ro",
|
|
"subscribe.gdpr": "Sunt de acord să primesc ocazional emailuri despre noile demo-uri.",
|
|
"subscribe.submit": "Abonează-mă",
|
|
"subscribe.thanks": "Mulțumesc! Ești abonat.",
|
|
"subscribe.failed": "Nu am putut realiza abonarea acum. Te rugăm să încerci mai târziu.",
|
|
"subscribe.noConsent": "Te rugăm să confirmi întâi consimțământul.",
|
|
"footer.rights": "Toate drepturile rezervate",
|
|
"footer.top": "Înapoi sus",
|
|
"legal.terms": "Termeni",
|
|
"legal.privacy": "Confidențialitate",
|
|
"legal.cookies": "Cookies",
|
|
"status.sending": "Se trimite...",
|
|
"cookies.title": "Cookies",
|
|
"cookies.text": "Folosim cookies necesare și, cu acordul tău, analytics prin Google Tag Manager.",
|
|
"cookies.policy": "Politica de confidențialitate",
|
|
"cookies.reject": "Respinge",
|
|
"cookies.necessary": "Doar necesare",
|
|
"cookies.accept": "Accept analytics",
|
|
"cookies.settings": "Setări cookies",
|
|
"cv.brand": "CV Matcher",
|
|
"cv.eyebrow": "AI CV Matcher",
|
|
"cv.title": "Încarcă CV-ul, adaugă un link de job și vezi cât de bine se potrivesc.",
|
|
"cv.text": "Îți citim CV-ul, găsim părțile cele mai relevante pentru job și calculăm un scor de potrivire cu puncte forte, lipsuri și pași următori sugerați.",
|
|
"cv.try": "Încearcă matcherul",
|
|
"cv.back": "Înapoi la navigator",
|
|
"cv.step1": "Extragere text PDF",
|
|
"cv.step2": "Chunking CV + embeddings",
|
|
"cv.step3": "Parsare URL/descriere job",
|
|
"cv.step4": "Scor potrivire + dovezi",
|
|
"cv.input": "Date de intrare",
|
|
"cv.details": "CV și detalii job",
|
|
"cv.upload": "Încarcă CV PDF",
|
|
"cv.fileHint": "Doar PDF.",
|
|
"cv.jobLink": "Link job",
|
|
"cv.jobDescription": "Sau lipește descrierea jobului",
|
|
"cv.jobPlaceholder": "Lipește descrierea jobului dacă pagina nu poate fi citită automat.",
|
|
"cv.gdpr": "Sunt de acord ca CV-ul meu să fie procesat și stocat.",
|
|
"cv.submit": "Extrage CV și compară jobul",
|
|
"cv.result": "Rezultat",
|
|
"cv.analysis": "Analiză potrivire",
|
|
"cv.empty": "Încarcă un CV și adaugă un link sau o descriere de job pentru a genera rezultatul.",
|
|
"cv.contactTitle": "Vrei o variantă adaptată fluxului tău de lucru?",
|
|
"cv.contactText": "Lasă-ne un mesaj și revenim cu detalii.",
|
|
"cv.noFile": "Te rog încarcă un CV PDF.",
|
|
"cv.noJob": "Adaugă un link de job sau lipește descrierea jobului.",
|
|
"cv.noConsent": "Consimțământul GDPR este obligatoriu.",
|
|
"cv.processing": "Se procesează...",
|
|
"cv.extracting": "Se extrage CV-ul și se compară jobul...",
|
|
"cv.processingLong": "Se procesează PDF-ul și informațiile despre job.",
|
|
"cv.cvFailed": "Extragerea CV-ului a eșuat",
|
|
"cv.matchFailed": "Potrivirea jobului a eșuat",
|
|
"cv.rateLimited": "Prea multe cereri către CV matcher din rețeaua ta. Te rugăm să încerci din nou peste câteva minute.",
|
|
"cv.completed": "Matching finalizat.",
|
|
"cv.backendMissing": "A apărut o eroare la procesarea CV-ului.",
|
|
"cv.loaderTitle": "Procesăm CV-ul tău",
|
|
"cv.loaderText": "Extragem textul, recuperăm contextul și calculăm scorul potrivirii. Poate dura câteva momente.",
|
|
"cv.noSummary": "Niciun sumar disponibil.",
|
|
"cv.noItems": "Niciun element.",
|
|
"cv.strengths": "Puncte forte",
|
|
"cv.gaps": "Lipsuri",
|
|
"cv.evidence": "Fragmente relevante din CV"
|
|
}
|
|
};
|
|
|
|
function browserLang() {
|
|
return ((navigator.language || navigator.userLanguage || 'en').toLowerCase().indexOf('ro') === 0) ? 'ro' : 'en';
|
|
}
|
|
|
|
function currentLang() {
|
|
return localStorage.getItem(LANG_KEY) || browserLang();
|
|
}
|
|
|
|
function t(key) {
|
|
var lang = currentLang();
|
|
return (i18n[lang] && i18n[lang][key]) || i18n.en[key] || key;
|
|
}
|
|
|
|
function updateLegalLinks(lang) {
|
|
$('[data-legal]').each(function () {
|
|
var page = $(this).data('legal');
|
|
$(this).attr('href', '/legal/' + page + '-' + lang + '.html');
|
|
});
|
|
}
|
|
|
|
function applyLanguage(lang) {
|
|
localStorage.setItem(LANG_KEY, lang);
|
|
document.documentElement.lang = lang;
|
|
updateLegalLinks(lang);
|
|
$('[data-i18n]').each(function () {
|
|
$(this).text(t($(this).data('i18n')));
|
|
});
|
|
$('[data-i18n-placeholder]').each(function () {
|
|
$(this).attr('placeholder', t($(this).data('i18n-placeholder')));
|
|
});
|
|
$('.lang-flag').attr('aria-pressed', 'false');
|
|
$('.lang-flag[data-lang="' + lang + '"]').attr('aria-pressed', 'true');
|
|
}
|
|
|
|
$('#year').text(new Date().getFullYear());
|
|
|
|
$.getJSON('/version').done(function (data) {
|
|
if (data && data.version) {
|
|
$('#app-version').text('v' + data.version);
|
|
}
|
|
});
|
|
|
|
applyLanguage(currentLang());
|
|
$('.lang-flag').on('click', function () {
|
|
applyLanguage($(this).data('lang'));
|
|
});
|
|
|
|
$('#menuToggle').on('click', function () {
|
|
var $nav = $('#mainNav');
|
|
var open = !$nav.hasClass('is-open');
|
|
$nav.toggleClass('is-open', open);
|
|
$(this).attr('aria-expanded', open ? 'true' : 'false');
|
|
});
|
|
$('.nav a').on('click', function () {
|
|
$('#mainNav').removeClass('is-open');
|
|
$('#menuToggle').attr('aria-expanded', 'false');
|
|
});
|
|
|
|
function checkApiLive() {
|
|
var $statusEl = $('#api-status');
|
|
return $.ajax({
|
|
url: '/api/health/live',
|
|
method: 'GET',
|
|
dataType: 'json',
|
|
timeout: 5000
|
|
}).done(function (data) {
|
|
var status = (data && data.status) ? data.status : 'unknown';
|
|
if ($statusEl.length) {
|
|
$statusEl.text('API: ' + status).removeClass('text-danger').addClass('text-success');
|
|
} else {
|
|
console.log('API live status:', status);
|
|
}
|
|
}).fail(function (jqXHR, textStatus, errorThrown) {
|
|
if ($statusEl.length) {
|
|
$statusEl.text('API: offline').removeClass('text-success').addClass('text-danger');
|
|
}
|
|
console.error('API health check failed:', textStatus, errorThrown);
|
|
});
|
|
}
|
|
function getRecaptchaWebKey() {
|
|
return $.get('/api/captcha').done(function (res) {
|
|
reCaptchaSiteKey = res;
|
|
if (reCaptchaSiteKey && !window.__recaptcha_loaded) {
|
|
window.__recaptcha_loaded = true;
|
|
var script = document.createElement('script');
|
|
script.setAttribute('src', 'https://www.google.com/recaptcha/api.js?render=' + reCaptchaSiteKey);
|
|
document.head.appendChild(script);
|
|
}
|
|
}).fail(function () {
|
|
console.warn('Could not load reCaptcha site key from /api/captcha');
|
|
});
|
|
}
|
|
|
|
function getGoogleTagManagerId() {
|
|
return $.get('/api/google/tagmanager').done(function (res) {
|
|
gTagManagerId = res;
|
|
}).fail(function () {
|
|
console.warn('Could not load Google Tag Manager id from /api/google/tagmanager');
|
|
});
|
|
}
|
|
|
|
function loadGoogleTagManager() {
|
|
if (window.__gtm_loaded || !gTagManagerId) return;
|
|
window.__gtm_loaded = true;
|
|
window.dataLayer = window.dataLayer || [];
|
|
window.dataLayer.push({
|
|
'gtm.start': new Date().getTime(),
|
|
event: 'gtm.js'
|
|
});
|
|
var script = document.createElement('script');
|
|
script.async = true;
|
|
script.src = 'https://www.googletagmanager.com/gtm/js?id=' + gTagManagerId;
|
|
document.head.appendChild(script);
|
|
}
|
|
|
|
function getConsent() {
|
|
try {
|
|
return JSON.parse(localStorage.getItem(CONSENT_KEY));
|
|
} catch (e) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
function setConsent(consent) {
|
|
localStorage.setItem(CONSENT_KEY, JSON.stringify(consent));
|
|
}
|
|
|
|
function applyConsent(consent) {
|
|
if (consent && consent.analytics === true) loadGoogleTagManager();
|
|
}
|
|
|
|
function showBanner() {
|
|
$('#cookieBanner').fadeIn(200);
|
|
}
|
|
|
|
function hideBanner() {
|
|
$('#cookieBanner').fadeOut(200);
|
|
}
|
|
|
|
function showManage() {
|
|
$('#cookieManage').show();
|
|
}
|
|
$('#cookieReject, #cookieNecessary').on('click', function () {
|
|
setConsent({
|
|
necessary: true,
|
|
analytics: false,
|
|
ts: new Date().toISOString()
|
|
});
|
|
hideBanner();
|
|
showManage();
|
|
});
|
|
$('#cookieAccept').on('click', function () {
|
|
var consent = {
|
|
necessary: true,
|
|
analytics: true,
|
|
ts: new Date().toISOString()
|
|
};
|
|
setConsent(consent);
|
|
applyConsent(consent);
|
|
hideBanner();
|
|
showManage();
|
|
});
|
|
$('#cookieManage').on('click', function (e) {
|
|
e.preventDefault();
|
|
showBanner();
|
|
});
|
|
|
|
function initConsent() {
|
|
var consent = getConsent();
|
|
if (!consent) showBanner();
|
|
else {
|
|
applyConsent(consent);
|
|
showManage();
|
|
}
|
|
}
|
|
|
|
function submitMSG(valid, msg, severity) {
|
|
var tone = valid ? 'text-success' : ('text-' + (severity || 'danger'));
|
|
$('#msgSubmit').removeClass().addClass('form-message ' + tone).text(msg);
|
|
}
|
|
|
|
function showFieldError(errorId, msg) {
|
|
var $el = $('#' + errorId);
|
|
$el.text(msg || '');
|
|
// Look first at the parent (for errors nested inside a label),
|
|
// then at the previous sibling block (for errors after consent/file-drop/subscribe-row).
|
|
var $parent = $el.parent();
|
|
var $container = $parent.is('label, .consent-inline') ? $parent : $el.prev();
|
|
if (!$container.length || !$container.is('label, .consent-inline, .file-drop, .subscribe-row')) {
|
|
$container = $el.closest('form');
|
|
}
|
|
$container.toggleClass('is-invalid', !!msg);
|
|
}
|
|
|
|
function clearFieldErrors(errorIds) {
|
|
for (var i = 0; i < errorIds.length; i++) showFieldError(errorIds[i], '');
|
|
}
|
|
|
|
function isValidEmail(value) {
|
|
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(value || '').trim());
|
|
}
|
|
|
|
function formSuccess() {
|
|
$('#contactForm')[0].reset();
|
|
submitMSG(true, t('form.thanks'));
|
|
}
|
|
|
|
function formError() {
|
|
$('#contactForm').removeClass().addClass('contact-form shake').one('animationend', function () {
|
|
$(this).removeClass('shake');
|
|
});
|
|
}
|
|
|
|
$('#contactForm').on('submit', function (event) {
|
|
event.preventDefault();
|
|
var loader = $('#contactLoader'),
|
|
button = $('#submit');
|
|
|
|
var name = $('#name').val().trim();
|
|
var email = $('#email').val().trim();
|
|
var message = $('#message').val().trim();
|
|
clearFieldErrors(['nameError', 'emailError', 'messageError']);
|
|
$('#msgSubmit').removeClass().addClass('form-message').text('');
|
|
|
|
var hasError = false;
|
|
if (!name) { showFieldError('nameError', t('form.required.name')); hasError = true; }
|
|
if (!email) { showFieldError('emailError', t('form.required.email')); hasError = true; }
|
|
else if (!isValidEmail(email)) { showFieldError('emailError', t('form.required.emailInvalid')); hasError = true; }
|
|
if (!message) { showFieldError('messageError', t('form.required.message')); hasError = true; }
|
|
if (hasError) return;
|
|
|
|
loader.css('display', 'flex');
|
|
button.prop('disabled', true);
|
|
|
|
function postContact(token) {
|
|
var payload = {
|
|
Name: name,
|
|
Email: email,
|
|
Subject: '[MyAi.ro contact request]',
|
|
Message: message,
|
|
CaptchaToken: token || ''
|
|
};
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/api/contact',
|
|
data: JSON.stringify(payload),
|
|
contentType: 'application/json; charset=utf-8',
|
|
dataType: 'json'
|
|
}).done(function (resp) {
|
|
if (resp && resp.ok === true) formSuccess();
|
|
else submitMSG(false, t('form.captchaFailed'));
|
|
}).fail(function (jqXHR) {
|
|
var isRateLimited = jqXHR && jqXHR.status === 429;
|
|
submitMSG(false, isRateLimited ? t('form.rateLimited') : t('form.failed'), isRateLimited ? 'warning' : 'danger');
|
|
formError();
|
|
}).always(function () {
|
|
loader.hide();
|
|
button.prop('disabled', false);
|
|
});
|
|
}
|
|
if (window.grecaptcha && reCaptchaSiteKey) {
|
|
grecaptcha.ready(function () {
|
|
grecaptcha.execute(reCaptchaSiteKey, {
|
|
action: 'contact'
|
|
}).then(postContact);
|
|
});
|
|
} else {
|
|
// Captcha unavailable: show clear error and restore UI
|
|
submitMSG(false, t('form.captchaFailed'));
|
|
formError();
|
|
loader.hide();
|
|
button.prop('disabled', false);
|
|
return;
|
|
}
|
|
});
|
|
|
|
$('#cvFile').on('change', function () {
|
|
var file = this.files && this.files[0];
|
|
$('#cvFileName').text(file ? file.name : t('cv.fileHint'));
|
|
});
|
|
$('#cvMatcherForm').on('submit', async function (event) {
|
|
event.preventDefault();
|
|
var file = $('#cvFile')[0] && $('#cvFile')[0].files[0];
|
|
var jobUrl = $('#jobUrl').val();
|
|
var jobDescription = $('#jobDescription').val();
|
|
var matchEmail = $('#matchEmail').val();
|
|
var consent = $('#gdprConsent').is(':checked');
|
|
var $msg = $('#matcherMsg'),
|
|
$button = $('#matchSubmit'),
|
|
$result = $('#matchResult');
|
|
|
|
clearFieldErrors(['cvFileError', 'cvJobError', 'cvConsentError']);
|
|
$msg.removeClass().addClass('form-message').text('');
|
|
|
|
var hasError = false;
|
|
if (!file) { showFieldError('cvFileError', t('cv.noFile')); hasError = true; }
|
|
if (!jobUrl && !jobDescription) { showFieldError('cvJobError', t('cv.noJob')); hasError = true; }
|
|
if (!consent) { showFieldError('cvConsentError', t('cv.noConsent')); hasError = true; }
|
|
if (hasError) return;
|
|
var $cvLoader = $('#cvLoader');
|
|
$button.prop('disabled', true).text(t('cv.processing'));
|
|
$msg.removeClass().addClass('form-message').text(t('cv.extracting'));
|
|
$result.html('<div class="empty-result">' + escapeHtml(t('cv.processingLong')) + '</div>');
|
|
$cvLoader.css('display', 'flex');
|
|
|
|
if (window.grecaptcha && reCaptchaSiteKey) {
|
|
grecaptcha.ready(function () {
|
|
grecaptcha.execute(reCaptchaSiteKey, {
|
|
action: 'cv_upload'
|
|
}).then(postCv);
|
|
});
|
|
} else {
|
|
$cvLoader.hide();
|
|
$msg.removeClass().addClass('form-message text-danger').text(t('form.captchaFailed'));
|
|
$button.prop('disabled', false).text(t('cv.submit'));
|
|
return;
|
|
}
|
|
async function postCv(token) {
|
|
try {
|
|
var formData = new FormData();
|
|
formData.append('file', file);
|
|
formData.append('gdprConsent', String(consent));
|
|
formData.append('captchaToken', token || '');
|
|
var cvResponse = await fetch('/api/cv-matcher/upload', {
|
|
method: 'POST',
|
|
body: formData
|
|
});
|
|
if (cvResponse.status === 429) throw new Error(t('cv.rateLimited'));
|
|
if (!cvResponse.ok) throw new Error(t('cv.cvFailed'));
|
|
var cvData = await cvResponse.json();
|
|
// Before calling match, obtain a fresh captcha token for the match action
|
|
if (!(window.grecaptcha && reCaptchaSiteKey)) {
|
|
throw new Error(t('form.captchaFailed'));
|
|
}
|
|
|
|
// get match token
|
|
var matchToken = await new Promise(function (resolve, reject) {
|
|
try {
|
|
grecaptcha.ready(function () {
|
|
grecaptcha.execute(reCaptchaSiteKey, { action: 'match_job' }).then(resolve).catch(reject);
|
|
});
|
|
} catch (e) { reject(e); }
|
|
});
|
|
|
|
var matchResponse = await fetch('/api/cv-matcher/match-job', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
cvDocumentId: cvData.documentId || cvData.cvDocumentId,
|
|
jobUrl: jobUrl,
|
|
jobDescription: jobDescription,
|
|
email: matchEmail,
|
|
gdprConsent: consent,
|
|
captchaToken: matchToken
|
|
})
|
|
});
|
|
if (matchResponse.status === 429) throw new Error(t('cv.rateLimited'));
|
|
if (!matchResponse.ok) throw new Error(t('cv.matchFailed'));
|
|
var match = await matchResponse.json();
|
|
renderMatchResult(match);
|
|
$msg.removeClass().addClass('form-message text-success').text(t('cv.completed'));
|
|
} catch (err) {
|
|
console.error(err);
|
|
var isRateLimited = err && err.message === t('cv.rateLimited');
|
|
var tone = isRateLimited ? 'text-warning' : 'text-danger';
|
|
$msg.removeClass().addClass('form-message ' + tone).text(err.message || t('cv.matchFailed'));
|
|
$result.html('<div class="empty-result">' + escapeHtml(isRateLimited ? t('cv.rateLimited') : t('cv.backendMissing')) + '</div>');
|
|
} finally {
|
|
$cvLoader.hide();
|
|
$button.prop('disabled', false).text(t('cv.submit'));
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
$('#subscribeForm').on('submit', function (event) {
|
|
event.preventDefault();
|
|
var $msg = $('#subscribeMsg');
|
|
var $button = $('#subscribeSubmit');
|
|
var $loader = $('#contactLoader');
|
|
var email = $('#subscribeEmail').val().trim();
|
|
var consent = $('#subscribeConsent').is(':checked');
|
|
|
|
function setMsg(severity, key) {
|
|
$msg.removeClass().addClass('form-message text-' + severity).text(t(key));
|
|
}
|
|
|
|
clearFieldErrors(['subscribeEmailError', 'subscribeConsentError']);
|
|
$msg.removeClass().addClass('form-message').text('');
|
|
|
|
var hasError = false;
|
|
if (!email) {
|
|
showFieldError('subscribeEmailError', t('form.required.email'));
|
|
hasError = true;
|
|
} else if (!isValidEmail(email)) {
|
|
showFieldError('subscribeEmailError', t('form.required.emailInvalid'));
|
|
hasError = true;
|
|
}
|
|
if (!consent) {
|
|
showFieldError('subscribeConsentError', t('subscribe.noConsent'));
|
|
hasError = true;
|
|
}
|
|
if (hasError) return;
|
|
|
|
$loader.css('display', 'flex');
|
|
$button.prop('disabled', true);
|
|
|
|
function postSubscribe(token) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/api/contact/subscribe',
|
|
data: JSON.stringify({ Email: email, CaptchaToken: token || '' }),
|
|
contentType: 'application/json; charset=utf-8',
|
|
dataType: 'json'
|
|
}).done(function (resp) {
|
|
if (resp && resp.ok === true) {
|
|
$('#subscribeForm')[0].reset();
|
|
setMsg('success', 'subscribe.thanks');
|
|
} else {
|
|
setMsg('danger', 'form.captchaFailed');
|
|
}
|
|
}).fail(function (jqXHR) {
|
|
if (jqXHR && jqXHR.status === 429) {
|
|
setMsg('warning', 'form.rateLimited');
|
|
} else {
|
|
setMsg('danger', 'subscribe.failed');
|
|
}
|
|
}).always(function () {
|
|
$loader.hide();
|
|
$button.prop('disabled', false);
|
|
});
|
|
}
|
|
|
|
if (window.grecaptcha && reCaptchaSiteKey) {
|
|
grecaptcha.ready(function () {
|
|
grecaptcha.execute(reCaptchaSiteKey, { action: 'subscribe' }).then(postSubscribe);
|
|
});
|
|
} else {
|
|
$loader.hide();
|
|
$button.prop('disabled', false);
|
|
setMsg('danger', 'form.captchaFailed');
|
|
}
|
|
});
|
|
|
|
function renderMatchResult(match) {
|
|
var score = match.score || match.matchScore || 0;
|
|
var summary = match.summary || t('cv.noSummary');
|
|
var strengths = match.strengths || [];
|
|
var gaps = match.gaps || match.missingSkills || [];
|
|
var evidence = match.evidence || match.retrievedChunks || [];
|
|
|
|
function list(items) {
|
|
if (!items || !items.length) return '<p class="empty-result">' + escapeHtml(t('cv.noItems')) + '</p>';
|
|
return '<ul class="result-list">' + items.map(function (x) {
|
|
var text = typeof x === 'string' ? x : (x.text || x.title || JSON.stringify(x));
|
|
return '<li>' + escapeHtml(text) + '</li>';
|
|
}).join('') + '</ul>';
|
|
}
|
|
$('#matchResult').html('<div class="score-badge">' + Number(score).toFixed(0) + '%</div><p>' + escapeHtml(summary) + '</p><h3>' + t('cv.strengths') + '</h3>' + list(strengths) + '<h3>' + t('cv.gaps') + '</h3>' + list(gaps) + '<h3>' + t('cv.evidence') + '</h3>' + list(evidence));
|
|
}
|
|
|
|
function escapeHtml(value) {
|
|
return String(value).replace(/[&<>'"]/g, function (char) {
|
|
return ({
|
|
'&': '&',
|
|
'<': '<',
|
|
'>': '>',
|
|
"'": ''',
|
|
'"': '"'
|
|
})[char];
|
|
});
|
|
}
|
|
$(window).on('load', function () {
|
|
$.when(checkApiLive(), getRecaptchaWebKey(), getGoogleTagManagerId()).always(initConsent);
|
|
});
|
|
})(jQuery); |