trent/hugo_themes_report
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/hugo_themes_report.git synced 2025-11-21 02:08:25 -08:00
Code Issues Projects Releases Wiki Activity

add color highlights for tags

Browse Source
This commit is contained in:
Trent Palmer
2021-08-19 11:53:24 -07:00
parent afbe353ca9
commit d03c4b5ef9
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/js/buildThemeTableRow.js
View File

@@ -1,4 +1,4 @@
function addThemeTableRow(theme, selectedColumns) {
function addThemeTableRow(theme, selectedColumns, selectedTags) {
let resultsTable = document.getElementById("resultsTable");
let resultsTableRow = document.createElement("tr");
@@ -53,7 +53,13 @@ function addThemeTableRow(theme, selectedColumns) {
let tagsTD = document.createElement("td");
let tL = theme.tags.length - 1;
tL += theme.tags.map((x) => x.length).reduce((a, b) => a + b, 0);
tagsTD.innerHTML = theme.tags;
let sTags = theme.tags.filter((x) => selectedTags.includes(x));
let nsTags = theme.tags.filter((x) => !selectedTags.includes(x));
if (sTags.length > 0 && nsTags.length > 0) {
tagsTD.innerHTML = `<span style="color: green">${sTags}</span>,${nsTags}`;
} else {
tagsTD.innerHTML = `<span style="color: green">${sTags}</span>${nsTags}`;
}
tagsTD.style.minWidth = `${tL / 7}rem`;
resultsTableRow.appendChild(tagsTD);
}