fix: replace non-ASCII arrows in UI templates

This commit is contained in:
nmemmert committed 2026-02-02 08:52:45 -05:00
1 parent 526f5947fb
commit 03147029f6
1 file changed
+14 -14
+14 -14
View File
@@ -2704,7 +2704,7 @@ def jobs():
{% for zip_name, pdf_files in job.zip_contents.items() %} {% for zip_name, pdf_files in job.zip_contents.items() %}
<div class="zip-toggle" onclick="toggleDetails(this)"> <div class="zip-toggle" onclick="toggleDetails(this)">
<span>📦 {{ zip_name }} ({{ pdf_files|length }} files)</span> <span>📦 {{ zip_name }} ({{ pdf_files|length }} files)</span>
<span>▶</span> <span>></span>
</div> </div>
<div class="zip-details"> <div class="zip-details">
<ul class="file-list"> <ul class="file-list">
@@ -2722,7 +2722,7 @@ def jobs():
<div class="skipped-section"> <div class="skipped-section">
<div class="skipped-toggle" onclick="toggleSkipped(this)"> <div class="skipped-toggle" onclick="toggleSkipped(this)">
<span>⚠️ Skipped Files ({{ job.skipped|length }})</span> <span>⚠️ Skipped Files ({{ job.skipped|length }})</span>
<span>▶</span> <span>></span>
</div> </div>
<div class="skipped-details"> <div class="skipped-details">
<ul class="file-list"> <ul class="file-list">
@@ -2766,10 +2766,10 @@ def jobs():
const arrow = element.querySelector('span:last-child'); const arrow = element.querySelector('span:last-child');
if (details.style.display === 'block') { if (details.style.display === 'block') {
details.style.display = 'none'; details.style.display = 'none';
arrow.textContent = '▶'; arrow.textContent = '>';
} else { } else {
details.style.display = 'block'; details.style.display = 'block';
arrow.textContent = '▼'; arrow.textContent = 'v';
} }
} }
@@ -2778,10 +2778,10 @@ def jobs():
const arrow = element.querySelector('span:last-child'); const arrow = element.querySelector('span:last-child');
if (details.style.display === 'block') { if (details.style.display === 'block') {
details.style.display = 'none'; details.style.display = 'none';
arrow.textContent = '▶'; arrow.textContent = '>';
} else { } else {
details.style.display = 'block'; details.style.display = 'block';
arrow.textContent = '▼'; arrow.textContent = 'v';
} }
} }
@@ -2849,14 +2849,14 @@ def jobs():
const details = element.nextElementSibling; const details = element.nextElementSibling;
const isVisible = details.style.display === 'block'; const isVisible = details.style.display === 'block';
details.style.display = isVisible ? 'none' : 'block'; details.style.display = isVisible ? 'none' : 'block';
element.innerHTML = element.innerHTML.replace(isVisible ? ' ▼' : ' ▶', isVisible ? ' ▶' : ' ▼'); element.innerHTML = element.innerHTML.replace(isVisible ? ' v' : ' >', isVisible ? ' >' : ' v');
} }
function toggleSkippedDetails(element) { function toggleSkippedDetails(element) {
const details = element.nextElementSibling; const details = element.nextElementSibling;
const isVisible = details.style.display === 'block'; const isVisible = details.style.display === 'block';
details.style.display = isVisible ? 'none' : 'block'; details.style.display = isVisible ? 'none' : 'block';
element.innerHTML = element.innerHTML.replace(isVisible ? ' ▼' : ' ▶', isVisible ? ' ▶' : ' ▼'); element.innerHTML = element.innerHTML.replace(isVisible ? ' v' : ' >', isVisible ? ' >' : ' v');
} }
function updateJobs() { function updateJobs() {
@@ -2956,7 +2956,7 @@ def jobs():
jobHTML += ` jobHTML += `
<div class="zip-content"> <div class="zip-content">
<div class="zip-toggle" onclick="toggleZipDetails(this)"> <div class="zip-toggle" onclick="toggleZipDetails(this)">
<strong>${zipName}</strong> (${pdfFiles.length} files) ▶ <strong>${zipName}</strong> (${pdfFiles.length} files) >
</div> </div>
<div class="zip-details"> <div class="zip-details">
<ul> <ul>
@@ -2988,7 +2988,7 @@ def jobs():
jobHTML += ` jobHTML += `
<div class="skipped-section"> <div class="skipped-section">
<div class="skipped-toggle" onclick="toggleSkippedDetails(this)"> <div class="skipped-toggle" onclick="toggleSkippedDetails(this)">
⚠️ Skipped Files (${job.skipped.length}) ▶ ⚠️ Skipped Files (${job.skipped.length}) >
</div> </div>
<div class="skipped-details"> <div class="skipped-details">
<ul> <ul>
@@ -3231,7 +3231,7 @@ def completed_jobs():
{% for zip_name, pdf_files in job.zip_contents.items() %} {% for zip_name, pdf_files in job.zip_contents.items() %}
<div class="zip-content"> <div class="zip-content">
<div class="zip-toggle" onclick="toggleZipDetails(this)"> <div class="zip-toggle" onclick="toggleZipDetails(this)">
<strong>{{ zip_name }}</strong> ({{ pdf_files|length }} files) ▶ <strong>{{ zip_name }}</strong> ({{ pdf_files|length }} files) >
</div> </div>
<div class="zip-details"> <div class="zip-details">
<ul> <ul>
@@ -3251,7 +3251,7 @@ def completed_jobs():
{% if job.skipped %} {% if job.skipped %}
<div class="skipped-section"> <div class="skipped-section">
<div class="skipped-toggle" onclick="toggleSkippedDetails(this)"> <div class="skipped-toggle" onclick="toggleSkippedDetails(this)">
⚠️ Skipped Files ({{ job.skipped|length }}) ▶ ⚠️ Skipped Files ({{ job.skipped|length }}) >
</div> </div>
<div class="skipped-details"> <div class="skipped-details">
<ul> <ul>
@@ -3281,14 +3281,14 @@ def completed_jobs():
const details = element.nextElementSibling; const details = element.nextElementSibling;
const isVisible = details.style.display === 'block'; const isVisible = details.style.display === 'block';
details.style.display = isVisible ? 'none' : 'block'; details.style.display = isVisible ? 'none' : 'block';
element.innerHTML = element.innerHTML.replace(isVisible ? ' ▼' : ' ▶', isVisible ? ' ▶' : ' ▼'); element.innerHTML = element.innerHTML.replace(isVisible ? ' v' : ' >', isVisible ? ' >' : ' v');
} }
function toggleSkippedDetails(element) { function toggleSkippedDetails(element) {
const details = element.nextElementSibling; const details = element.nextElementSibling;
const isVisible = details.style.display === 'block'; const isVisible = details.style.display === 'block';
details.style.display = isVisible ? 'none' : 'block'; details.style.display = isVisible ? 'none' : 'block';
element.innerHTML = element.innerHTML.replace(isVisible ? ' ▼' : ' ▶', isVisible ? ' ▶' : ' ▼'); element.innerHTML = element.innerHTML.replace(isVisible ? ' v' : ' >', isVisible ? ' >' : ' v');
} }
</script> </script>
</body> </body>