Folklore Collection Record Sheet
Configure data in the Data Configuration tab and click "Generate Record Sheet" to see the full document here.
Collection Record ID: ${data.id}
A. Source and Context Details
| Item Type | ${data.type} | Date Collected | ${data.date} |
|---|---|---|---|
| Informant Name | ${data.informant} (Age: ${data.age}) | Collector | ${data.collector} |
| Location Collected | ${data.location} | Language/Dialect | ${data.language} |
B. Narrative/Content Transcription
${data.transcription}
C. Collector's Analysis and Observations
${data.notes}
`;
recordContentDiv.innerHTML = html;
};
generateBtn.addEventListener("click", function() {
generateRecord();
showTab(1); // Switch to Dashboard
});
// --- PDF Download ---
pdfBtn.addEventListener("click", function() {
var jsPDF = window.jspdf.jsPDF;
var titleSlug = itemTitleInput.value.replace(/[^a-zA-Z0-9\s]/g, '').replace(/\s/g, '_').substring(0, 30) || 'Folklore_Record';
var fileName = `${titleSlug}_Record.pdf`;
html2canvas(exportArea, {
scale: 2,
useCORS: true,
backgroundColor: '#ffffff'
}).then(function(canvas) {
var imgData = canvas.toDataURL('image/png');
var doc = new jsPDF({
orientation: 'p',
unit: 'pt',
format: 'letter'
});
var pdfWidth = doc.internal.pageSize.getWidth();
var pdfHeight = doc.internal.pageSize.getHeight();
var imgProps = doc.getImageProperties(imgData);
var imgWidth = imgProps.width;
var imgHeight = imgProps.height;
var margin = 40;
var usableWidth = pdfWidth - (2 * margin);
var ratio = usableWidth / imgWidth;
var scaledHeight = imgHeight * ratio;
var usablePageHeight = pdfHeight - (2 * margin);
var heightLeft = scaledHeight;
var position = 0;
while (heightLeft > 0) {
doc.addImage(imgData, 'PNG', margin, position + margin, usableWidth, scaledHeight);
heightLeft -= usablePageHeight;
position -= usablePageHeight;
if (heightLeft > 0) {
doc.addPage();
}
}
doc.save(fileName);
}).catch(function(err) {
console.error("FCS PDF Error:", err);
// alert("An error occurred while generating the PDF."); // Per spec
});
});
// --- Initial Load ---
generateRecord(); // Generate initial view with sample data
showTab(0); // Start on Config tab
});