Project-Name-Here/hydrationhub
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement kiosk mode functionality and update external link handling in footer and credits

Browse Source
This commit is contained in:
Leon Meier 2025-04-21 21:01:43 +02:00
parent 5cfd8b2319
commit c89eb37361
5 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/js/kiosk_mode.js Normal file
View File

@ -0,0 +1,13 @@
document.addEventListener('DOMContentLoaded', () => {
setTimeout(() => {
// TODO: How to start kiosk mode?
if (true) {
console.info('Kiosk mode -> Disabled all external links');
document.querySelectorAll('a').forEach((link) => {
if (link.classList.contains('external-link')) {
link.style.pointerEvents = 'none';
}
});
}
}, 1000);
});

2
static/js/lockscreenBgHandler.js
View File

@ -79,7 +79,7 @@ function handleImage() {
}, 1000); }, 1000);
// Set the credits // Set the credits
credits.innerHTML = `Photo by <a href="${data.user.links.html}" target="_blank">${data.user.name}</a>`; credits.innerHTML = `Photo by <a href="${data.user.links.html}" class="external-link" target="_blank">${data.user.name}</a>`;
credits.style.zIndex = 300000; credits.style.zIndex = 300000;
} }
}) })

1
static/main.css
View File

@ -23,4 +23,5 @@ hidden {
footer { footer {
margin-top: auto; margin-top: auto;
padding: 1rem !important;
} }

5
views/partials/footer.eta
View File

@ -2,10 +2,11 @@
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
<i class="bi bi-cup-straw"></i> <i class="bi bi-cup-straw"></i>
<strong>HydrationHUB</strong> by <a target="_blank" rel="noopener noreferrer" href="https://pnh.fyi">[Project-name-here]</a>.<br> <strong>HydrationHUB</strong> by <a target="_blank" rel="noopener noreferrer" href="https://pnh.fyi" class="external-link">[Project-name-here]</a>.<br>
Running Version <span data-dataSource="version" data-dataAction="SPECIAL" class="is-skeleton">Load.</span> Running Version <span data-dataSource="version" data-dataAction="SPECIAL" class="is-skeleton">Load.</span>
</p> </p>
</div> </div>
</footer> </footer>
<script src="/static/apiWrapper.js"></script> <script src="/static/apiWrapper.js"></script>
<script src="/static/pageDriver.js"></script> <script src="/static/pageDriver.js"></script>
<script src="/static/js/kiosk_mode.js"></script>

1
views/screensaver.eta
View File

@ -13,5 +13,6 @@
<script src="/static/apiWrapper.js"></script> <script src="/static/apiWrapper.js"></script>
<script src="/static/pageDriver.js"></script> <script src="/static/pageDriver.js"></script>
<script src="/static/js/lockscreenBgHandler.js"></script> <script src="/static/js/lockscreenBgHandler.js"></script>
<script src="/static/js/kiosk_mode.js"></script>
<%~ include("partials/base_foot.eta") %> <%~ include("partials/base_foot.eta") %>