trent/hugo_themes_report
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/hugo_themes_report.git synced 2025-04-07 15:47:06 -07: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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
templates/js/buildPage.js
View File

@ -149,7 +149,10 @@ function buildResults() {
selectedLicenses selectedLicenses
); );
sortThemes(filteredThemes, sortedBy); sortThemes(filteredThemes, sortedBy);
filteredThemes.forEach((theme) => addThemeTableRow(theme, selectedColumns)); // from buildThemeTableRow.js
filteredThemes.forEach((theme) =>
addThemeTableRow(theme, selectedColumns, selectedTags)
);
// from buildSelectionMenu.js // from buildSelectionMenu.js
buildSelectionMenu( buildSelectionMenu(

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 resultsTable = document.getElementById("resultsTable");
let resultsTableRow = document.createElement("tr"); let resultsTableRow = document.createElement("tr");
@ -53,7 +53,13 @@ function addThemeTableRow(theme, selectedColumns) {
let tagsTD = document.createElement("td"); let tagsTD = document.createElement("td");
let tL = theme.tags.length - 1; let tL = theme.tags.length - 1;
tL += theme.tags.map((x) => x.length).reduce((a, b) => a + b, 0); 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`; tagsTD.style.minWidth = `${tL / 7}rem`;
resultsTableRow.appendChild(tagsTD); resultsTableRow.appendChild(tagsTD);
} }