sorogon/StaticGalleryBuilder
1
0
Fork 0
mirror of https://github.com/greflm13/StaticGalleryBuilder.git synced 2026-02-05 02:59:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

hotfix symbols in URL issue

Browse Source
This commit is contained in:
Flo Greistorfer
2025-06-29 19:34:34 +02:00
parent 372b960261
commit 9829a74f95
2 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
files/global.css
View File

@@ -157,7 +157,11 @@ figure {
cursor: pointer; cursor: pointer;
} }
.tooltip .tooltiptext { .tooltip a object {
cursor: pointer;
}
.tooltiptext {
display: none; display: none;
cursor: default; cursor: default;
width: max-content; width: max-content;
@@ -179,12 +183,12 @@ figure {
margin: 0; margin: 0;
} }
.tooltip:hover .tooltiptext { .tooltip:hover .infotext {
display: block; display: block;
opacity: 1; opacity: 1;
} }
.tooltip:active .tooltiptext { .tooltip:active .infotext {
display: block; display: block;
opacity: 1; opacity: 1;
} }

27
templates/index.html.j2
View File

@@ -3,7 +3,7 @@
{%- for key, value in tag_tree.items() %} {%- for key, value in tag_tree.items() %}
<li class="tagentry"> <li class="tagentry">
<label onclick="filter()" title="{{ key }}" id="{{ parent }}|{{ key }}"> <label onclick="filter()" title="{{ key }}" id="{{ parent }}|{{ key }}">
<input class="tag" type="checkbox" />{{ key }} <input class="tag" type="checkbox" />{{ key }}{# {% if value %} <object data="{{ root }}.static/icons/arrow-down.svg" height="15em"></object>{% endif %} #}
</label> </label>
{%- if value %} {%- if value %}
{{ render_tags(value, parent + '|' + key) }} {{ render_tags(value, parent + '|' + key) }}
@@ -62,8 +62,8 @@
</div> </div>
<div class="navright"> <div class="navright">
{% if tags %} {% if tags %}
<li class="tooltip"> <li class="tooltip" onclick="tagdropdown()">
<a>Filter by Tags</a> <a>Filter by Tags {#<object data="{{ root }}.static/icons/arrow-down.svg" height="15em"></object>#}</a>
<ol class="tooltiptext tagdropdown" id="tagdropdown"> <ol class="tooltiptext tagdropdown" id="tagdropdown">
<span class="tagentry"> <span class="tagentry">
<label onclick="recursive()"> <label onclick="recursive()">
@@ -175,6 +175,7 @@
let shown = []; let shown = [];
let subfolders = []; let subfolders = [];
let controllers = {}; let controllers = {};
{# let tagdropdownshown = false; #}
function requestMetadata() { function requestMetadata() {
fetch(".metadata.json").then(response => { fetch(".metadata.json").then(response => {
@@ -204,6 +205,20 @@
.catch(error => console.error('Failed to fetch data:', error)); .catch(error => console.error('Failed to fetch data:', error));
} }
{# function tagdropdown() {
if (tagdropdownshown) {
document.getElementById("tagdropdown").style.display = "none";
document.getElementById("tagdropdown").style.opacity = 0;
document.getElementById("tagdropdown").parentElement.getElementsByTagName("a")[0].getElementsByTagName("object")[0].style = "transform: rotate(0deg)";
tagdropdownshown = false;
} else {
document.getElementById("tagdropdown").style.display = "block";
document.getElementById("tagdropdown").style.opacity = 1;
document.getElementById("tagdropdown").parentElement.getElementsByTagName("a")[0].getElementsByTagName("object")[0].style = "transform: rotate(180deg)";
tagdropdownshown = true;
}
} #}
function openSwipe(img) { function openSwipe(img) {
const options = { const options = {
index: img index: img
@@ -314,7 +329,7 @@
shown = []; shown = [];
const curr = window.location.href.split("#")[0] + "#"; const curr = window.location.href.split("#")[0] + "#";
const path = window.location.href.split("#")[0].replace("index.html", "").replace("(", "%28").replace(")", "%29"); const path = decodeURIComponent(window.location.href.split("#")[0].replace("index.html", ""))
const selected_tags = []; const selected_tags = [];
const tagcheckboxes = document.querySelectorAll("#tagdropdown input[class='tag']:checked"); const tagcheckboxes = document.querySelectorAll("#tagdropdown input[class='tag']:checked");
@@ -327,8 +342,6 @@
selected_tags.push(tag); selected_tags.push(tag);
}); });
console.log(selected_tags);
const urltags = selected_tags.join(","); const urltags = selected_tags.join(",");
const isRecursiveChecked = document.getElementById("recursive").checked; const isRecursiveChecked = document.getElementById("recursive").checked;
@@ -346,7 +359,7 @@
if (include || selected_tags.length === 0) { if (include || selected_tags.length === 0) {
if (!isRecursiveChecked) { if (!isRecursiveChecked) {
if (item.src.replace(item.name, "") == path) { if (decodeURIComponent(item.src.replace(item.name, "")) == path) {
shown.push(item); shown.push(item);
} }
} else { } else {