Skip to content

Filtering v2 and Credit Updates #192

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AlexDawsonUK merged 24 commits into from
Nov 19, 2025
Merged

Filtering v2 and Credit Updates #192

Changes from 1 commit
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
2af6e9c
Tag & Filter Update
AlexDawsonUK Nov 8, 2025
ca3f78b
Filtering Hotfixes
AlexDawsonUK Nov 8, 2025
bb84376
Another Filter Hotfix
AlexDawsonUK Nov 8, 2025
f469a1b
Filter Hotfixes #3
AlexDawsonUK Nov 8, 2025
6e83e7f
a11y hotfix for filtering
AlexDawsonUK Nov 8, 2025
8b58e58
More Filter Hotfixes
AlexDawsonUK Nov 8, 2025
d62d52b
Filtering Export Hotfix
AlexDawsonUK Nov 8, 2025
28ef4e5
Filter TR Hotfix
AlexDawsonUK Nov 8, 2025
95fe72f
Filter TR Hotfix 2
AlexDawsonUK Nov 8, 2025
3f50337
Filter TR Hotfix 3
AlexDawsonUK Nov 8, 2025
f479e29
Filter TR Hotfix 4
AlexDawsonUK Nov 8, 2025
b6c291d
Filter TR Hotfix 5
AlexDawsonUK Nov 8, 2025
5cbd725
Filter TR Hotfix 6
AlexDawsonUK Nov 8, 2025
6e37ca8
Filter a11y Update
AlexDawsonUK Nov 10, 2025
7de8566
Tagging scroll-into-view
AlexDawsonUK Nov 11, 2025
b227494
Filter Scroll Updates
AlexDawsonUK Nov 12, 2025
398c0be
Relationships: WebML Ethical Principles
AlexDawsonUK Nov 12, 2025
73bd0cc
Filter style fixes
AlexDawsonUK Nov 13, 2025
844bd53
Filtering Query Strings Support
AlexDawsonUK Nov 13, 2025
15bdab6
Filter TR Hotfix
AlexDawsonUK Nov 13, 2025
eb379f8
Filter code optimizations
AlexDawsonUK Nov 13, 2025
080541d
Filter TR Hotfix 2
AlexDawsonUK Nov 13, 2025
b7e2269
Filter TR Hotfix 3
AlexDawsonUK Nov 14, 2025
88298e6
Credit Updates
AlexDawsonUK Nov 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Filtering Query Strings Support
  • Loading branch information
@AlexDawsonUK
AlexDawsonUK committed Nov 13, 2025
commit 844bd534d8b100882968b6568bafa2ff433ce2ed
35 changes: 34 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -262,6 +262,39 @@ <h2 class="introductory">Content Filters</h2>
document.querySelectorAll(attr).forEach(function (elem) {
elem.classList.remove(name); }); }
return(name + attr); }
function queryFilter() {
// Query String Filtering onLoad
const queryParams = window.location.search.substring(1).toLowerCase().split('&');
const labels = document.querySelectorAll('.filter label');
document.querySelectorAll('.filter label').forEach(label => {
const id = label.childNodes[0].id || ''; let result;
const text = label.textContent.trim().toLowerCase().replace(/\s+/g, '-').replace(/\(.*?\)/g, '').replace(/-$/, '');
if (["high", "medium", "low"].includes(text)) {
result = `${id}-${text}`; } else { result = `${text}`; }
result = "filter=" + result;
if (queryParams.includes(result)) {
const input = label.querySelector('input');
if (input) { input.checked = true; } else { input.checked = false; } } });
const clickEvent = new MouseEvent('click', { view: window, bubbles: true, cancelable: true });
document.dispatchEvent(clickEvent); }
function queryString() {
document.querySelectorAll('.filter input').forEach(input => {
input.addEventListener('change', updateQueryString); });
document.addEventListener('reset', function(event) { setTimeout(updateQueryString, 0); }); }
function getQueryValue(input) {
let labelText = input.parentElement.textContent.trim().toLowerCase().toLowerCase().replace(/\s+/g, '-').replace(/\(.*?\)/g, '').replace(/-$/, '');
if (["high", "medium", "low"].includes(labelText)) {
return `${input.id}-${labelText}`;
} else { return `${labelText}`; }
}
function updateQueryString() {
const url = new URL(window.location);
const params = new URLSearchParams(url.search);
params.delete('filter');
document.querySelectorAll('.filter input').forEach(input => {
if (input.checked) { const value = getQueryValue(input); params.append('filter', value); } });
window.history.replaceState({}, '', `${url.pathname}?${params.toString()}`); }
window.addEventListener('DOMContentLoaded', () => { queryFilter(); queryString(); });
</script>
<script class="remove">
var respecConfig = {
Expand Down Expand Up @@ -345,7 +378,7 @@ <h2 class="introductory">Content Filters</h2>
noRecTrack: true,
shortName: "web-sustainability-guidelines",
latestVersion: "https://www.w3.org/TR/web-sustainability-guidelines/",
postProcess: [authorRef, htmlInsert, addFilter]
postProcess: [authorRef, htmlInsert, addFilter, queryFilter, queryString]
}
</script>
</head>
Expand Down