zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-08-05 01:01:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

persist browse page search prefs, scrub not allowed chars for tag entry

Browse source
This commit is contained in:
Kyle Drake 2025-03-25 11:49:49 -05:00
parent 2a76e75c6f
commit 321f8c6e29
3 changed files with 35 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/browse.rb
View file

@ -2,6 +2,11 @@ get '/browse/?' do
@page = params[:page]
@page = 1 if @page.not_an_integer?
if params[:tag]
params[:tag] = params[:tag].gsub(Tag::INVALID_TAG_REGEX, '').gsub(/\s+/, '').slice(0, Tag::NAME_LENGTH_MAX)
@title = "Sites tagged #{params[:tag]}"
end
if is_education?
ds = education_sites_dataset
else
@ -20,10 +25,6 @@ get '/browse/?' do
@site_tags[site_id] = tags.select {|t| t[:site_id] == site_id}.collect {|t| t[:name]}
end
if params[:tag]
@title = "Sites tagged #{params[:tag]}"
end
erb :browse
end

30
views/_header_links.erb
View file

@ -4,7 +4,35 @@
</li>
<% end %>
<li>
<a href="/browse">Websites</a>
<a href="/browse" id="browse-link">Websites</a>
<script>
document.addEventListener('DOMContentLoaded', () => {
const browseLink = document.getElementById('browse-link');
if (window.location.pathname === '/browse') {
const params = new URLSearchParams(window.location.search);
const persistParams = new URLSearchParams();
const validPattern = /^[a-zA-Z0-9 ]+$/;
['sort_by', 'tag'].forEach(key => {
if (params.has(key)) {
const value = params.get(key);
if (value.length <= <%= Tag::NAME_LENGTH_MAX %> && validPattern.test(value)) {
persistParams.set(key, value);
}
}
});
localStorage.setItem('browseQuery', persistParams.toString());
}
const savedQuery = localStorage.getItem('browseQuery');
if (savedQuery) {
browseLink.href = `/browse?${savedQuery}`;
}
});
</script>
</li>
<% unless is_education? %>
<li>

2
views/browse.erb
View file

@ -43,7 +43,7 @@
<fieldset class="grouping">
<% unless is_education? %>
<label class="text-Label" for="tag"><span class="hide-on-mobile">Filter by </span>Tag:</label>
<input class="input-Area typeahead" id="tag" name="tag" type="text" placeholder="pokemon" value="<%= params[:tag] %>" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" dir="auto">
<input class="input-Area typeahead" id="tag" name="tag" type="text" placeholder="pokemon" value="<%= params[:tag] %>" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" dir="auto" oninput="this.value = this.value.replace(/[^a-zA-Z0-9]+/g, '')">
<input style="vertical-align: -4px;margin-left: 4px;" type="submit" class="btn-Action" value="Filter">
<% else %>
<% if params[:tag] %>