c86478ec47
* [UI] Sortable Tables Header By Click * get rid of padding above header * restart CI * fix lint * convert getArrow JS to SortArrow go func * addopt SortArrow funct * suggestions from @silverwind - tablesort.js Co-authored-by: silverwind <me@silverwind.io> * Update web_src/js/features/tablesort.js Co-authored-by: silverwind <me@silverwind.io> * Update web_src/js/features/tablesort.js Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: silverwind <me@silverwind.io>
21 lines
661 B
JavaScript
21 lines
661 B
JavaScript
export default function initTableSort() {
|
|
for (const header of document.querySelectorAll('th[data-sortt-asc]') || []) {
|
|
const {sorttAsc, sorttDesc, sorttDefault} = header.dataset;
|
|
header.addEventListener('click', () => {
|
|
tableSort(sorttAsc, sorttDesc, sorttDefault);
|
|
});
|
|
}
|
|
}
|
|
|
|
function tableSort(normSort, revSort, isDefault) {
|
|
if (!normSort) return false;
|
|
if (!revSort) revSort = '';
|
|
|
|
const url = new URL(window.location);
|
|
let urlSort = url.searchParams.get('sort');
|
|
if (!urlSort && isDefault) urlSort = normSort;
|
|
|
|
url.searchParams.set('sort', urlSort !== normSort ? normSort : revSort);
|
|
window.location.replace(url.href);
|
|
}
|