mirror of
https://github.com/TrentSPalmer/hugo_themes_report.git
synced 2025-01-09 21:08:23 -08:00
54 lines
2.0 KiB
JavaScript
54 lines
2.0 KiB
JavaScript
|
function buildSortByDiv(sortedBy) {
|
||
|
let menuDiv = document.getElementById('selection-menu');
|
||
|
menuDiv.innerHTML = '';
|
||
|
menuDiv.style.maxWidth = '100%';
|
||
|
|
||
|
let sortByRow = document.createElement('div');
|
||
|
sortByRow.id = 'sortByRow';
|
||
|
sortByRow.style.width = '500px';
|
||
|
sortByRow.style.maxWidth = '100%';
|
||
|
sortByRow.style.display = 'flex';
|
||
|
sortByRow.style.justifyContent = 'space-around';
|
||
|
sortByRow.style.margin = '1rem auto 1rem auto';
|
||
|
|
||
|
let sortByPrompt = document.createElement('div');
|
||
|
sortByPrompt.innerHTML = "Sort By:";
|
||
|
sortByRow.appendChild(sortByPrompt);
|
||
|
|
||
|
let sortByStarsDiv = document.createElement('div');
|
||
|
let sortByStarsInput = document.createElement('input');
|
||
|
sortByStarsInput.type = 'radio';
|
||
|
sortByStarsInput.id = 'sortByStars';
|
||
|
sortByStarsInput.name = 'sortBy';
|
||
|
sortByStarsInput.value = 'stars';
|
||
|
sortByStarsInput.checked = sortedBy === 'stars' ? true : false;
|
||
|
sortByStarsInput.onclick = function() { buildResults(); };
|
||
|
sortByStarsDiv.appendChild(sortByStarsInput);
|
||
|
|
||
|
let sortByStarsLabel = document.createElement('label');
|
||
|
sortByStarsLabel.for = 'stars';
|
||
|
sortByStarsLabel.innerHTML = 'Stars';
|
||
|
sortByStarsDiv.appendChild(sortByStarsLabel);
|
||
|
|
||
|
let sortByLastCommitDiv = document.createElement('div');
|
||
|
let sortByLastCommitInput = document.createElement('input');
|
||
|
sortByLastCommitInput.type = 'radio';
|
||
|
sortByLastCommitInput.id = 'sortByDate';
|
||
|
sortByLastCommitInput.name = 'sortBy';
|
||
|
sortByLastCommitInput.value = 'date';
|
||
|
sortByLastCommitInput.checked = sortedBy === 'date' ? true : false;
|
||
|
sortByLastCommitInput.onclick = function() { buildResults(); };
|
||
|
sortByLastCommitDiv.appendChild(sortByLastCommitInput);
|
||
|
|
||
|
let sortByLastCommitLabel = document.createElement('label');
|
||
|
sortByLastCommitLabel.for = 'date';
|
||
|
sortByLastCommitLabel.innerHTML = 'Latest Commit Date';
|
||
|
sortByLastCommitDiv.appendChild(sortByLastCommitLabel);
|
||
|
|
||
|
|
||
|
sortByRow.appendChild(sortByStarsDiv);
|
||
|
sortByRow.appendChild(sortByLastCommitDiv);
|
||
|
|
||
|
menuDiv.appendChild(sortByRow);
|
||
|
}
|