jprdonnelly/fonts
1
0
Fork 0
mirror of synced 2025-12-19 17:48:10 -05:00
Code Issues Projects Releases Wiki Activity

Merge pull request #9977 from google/quality_tag_review_csv

Browse Source 
Update quality-tag-review.html
This commit is contained in:
Marc Foley
2025-11-07 14:07:21 +00:00
committed by GitHub
parent b538f12501 ace04e4ba4
commit 174037f87c
1 changed files with 57 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
.ci/quality-tag-review.html
View File

@@ -414,6 +414,23 @@
font-size: 0.9em;
}
}
.export-btn {
display: block;
width: 100%;
padding: 10px;
margin-top: 15px;
background: #28a745;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: 600;
font-size: 0.9em;
transition: background 0.2s;
}
.export-btn:hover {
background: #218838;
}
</style>
</head>
<body>
@@ -440,6 +457,9 @@
/>
<span class="size-value">{{ fontSize }}px</span>
</div>
<button @click="exportCSV" class="export-btn">
Export CSV
</button>
</div>
<!-- Tags popup -->
@@ -963,7 +983,44 @@
if (numScore >= 80) return 'score-high';
if (numScore >= 60) return 'score-medium';
return 'score-low';
},
exportCSV() {
// Header
let csvContent = "data:text/csv;charset=utf-8,Font Family,Weighted Score,Tags\n";
// Loop through currently filtered families
this.filteredFamilies.forEach(family => {
// 1. Ensure tags are calculated (they might be null if not yet viewed)
if (family.tags === null) {
const familyTags = new Set();
for (const row of this.allCsvData) {
if (row.fontFamily === family.name && !row.category.includes('Quality')) {
familyTags.add(row.category);
}
}
family.tags = Array.from(familyTags).sort();
}
// 2. Safe-guard data for CSV format (escape quotes)
const safeName = `"${family.name.replace(/"/g, '""')}"`;
// Join tags with semicolons so they don't break the CSV columns
const safeTags = `"${family.tags.join(';').replace(/"/g, '""')}"`;
const score = family.weightedScore.toFixed(2);
// 3. Append row
csvContent += `${safeName},${score},${safeTags}\n`;
});
// Trigger download
const encodedUri = encodeURI(csvContent);
const link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "google_fonts_quality_export.csv");
document.body.appendChild(link); // Required for Firefox
link.click();
document.body.removeChild(link);
}
},
mounted() {
this.fetchCSV();