kyle.belanger/ai_cover_letter_generator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

split js to allow resume extract preview

Browse source
This commit is contained in:
Kyle Belanger 2025-02-17 15:00:17 -05:00
parent 2a91527ff0
commit ab20fdf0aa
2 changed files with 57 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/css/styles.css
View file

@ -1,5 +1,9 @@
@import "tailwindcss";
#outputSection {
#resumePreviewSection {
display: none;
}
#coverLetterSection {
display: none;
}

90
public/js/script.js
View file

@ -1,69 +1,85 @@
document.getElementById('uploadForm').addEventListener('submit', async function (event) {
event.preventDefault();
const outputSection = document.getElementById('outputSection');
const coverLetterOutput = document.getElementById('coverLetterOutput');
const generateBtn = document.getElementById('generateBtn');
const downloadBtn = document.getElementById('downloadBtn');
const resumePreviewSection = document.getElementById('resumePreviewSection');
const generateBtn = document.getElementById('generateCoverLetterBtn');
generateBtn.disabled = true;
generateBtn.textContent = "Generating...";
coverLetterOutput.value = ""; //This clear any previous generated output
// Show the Output Section while the program runs
outputSection.style.display = "block";
coverLetterOutput.value = "Generating cover letter...";
generateBtn.textContent = "Reading Resume...";
resumePreviewSection.value = ""; //This clear any previous generated output
resumePreviewSection.style.display = "flex";
const fileInput = document.getElementById('resume');
const jobDescriptionInput = document.getElementById('jobDescription');
if (!fileInput || !jobDescriptionInput) {
console.error("Form elements not found.");
return;
}
const file = fileInput.files[0];
const jobDescription = jobDescriptionInput.value;
if (!file) {
alert("Please upload a resume.");
return;
}
const formData = new FormData();
formData.append("resume", file);
try {
const response = await fetch('/generate/extract-resume', {
method: "POST",
body: formData,
});
const data = await response.json();
if (data.error) {
alert("Error: " + data.error)
} else {
resumePreviewSection.value = data.extractedText;
generateBtn.disabled = false;
generateBtn.textContent = "Generate Cover Letter"
}
} catch (error) {
console.error('Error:', error);
alert('Something went wrong. Please try again.');
outputSection.style.display = "none";
}
});
document.getElementById("generateCoverLetterBtn").addEventListener("click", async function () {
const extractedResumeText = document.getElementById("resumeTextOutput").value;
const jobDescription = document.getElementById("jobDescription").value;
if (!extractedResumeText.trim()) {
alert("Please confirm the extracted resume text.");
return;
}
if (!jobDescription.trim()) {
alert("Please enter a job description.");
return;
}
const formData = new FormData();
formData.append("resume", file);
formData.append("jobDescription", jobDescription);
const requestData = {
extractedResumeText,
jobDescription,
};
try {
const response = await fetch('/generate', {
const response = await fetch("/generate", {
method: "POST",
body: formData,
headers: { "Content-Type": "application/json" },
body: JSON.stringify(requestData),
});
const result = await response.json();
if (result.coverLetter) {
coverLetterOutput.value = result.coverLetter;
downloadBtn.style.display = 'block';
const data = await response.json();
if (data.error) {
alert("Error: " + data.error);
} else {
alert('Error Generating Cover Letter (Check Console for more details');
outputSection.style.display = 'none' // Hides the output on erros
document.getElementById("coverLetterOutput").innerText = data.coverLetter;
document.getElementById("coverLetterSection").style.display = "block"; // Show cover letter section
}
} catch (error) {
console.error('Error:', error);
alert('Something went wrong. Please try again.');
outputSection.style.display = "none";
} finally {
generateBtn.disabled = false;
generateBtn.textContent = 'Generate Cover Letter';
console.error("Error generating cover letter:", error);
alert("Something went wrong. Please try again.");
}
});
document.getElementById('downloadBtn').addEventListener('click', async function () {