interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Unify format for IDs

Browse source
This commit is contained in:
sthag 2026-02-14 12:18:07 +01:00
parent 759283fd9f
commit b1c7f4100e
4 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

8
source/screens/demo/examples/ui/gallery.liquid
View file

@ -12,9 +12,9 @@ tags:
<section>
<header class="io">
<nav>
<div class="group">
<input id="slider-size" value="5" min="1" max="10" step="1" type="range"/>
<label class="right" for="slider-size">Größe</label>
<div class="group-input">
<input id="setSize" value="5" min="1" max="10" step="1" type="range"/>
<label class="right" for="setSize">Größe</label>
</div>
<button title="details">
<i class="bi bi-layout-sidebar-reverse"></i>&nbsp;Details
@ -36,7 +36,7 @@ tags:
{%- block script %}
{{ block.super -}}
<script>
const sizeSlider = document.getElementById('slider-size');
const sizeSlider = document.getElementById('setSize');
const galleryItems = document.querySelectorAll('.gallery > div');
// Set the default size

8
source/screens/demo/examples/ui/windows.liquid
View file

@ -18,8 +18,8 @@ tags:
<nav class="big">
<button><i class="bi bi-folder"></i></button>
<button><i class="bi bi-terminal"></i></button>
<button id="pauseButton"><i class="bi bi-pause"></i></button>
<button id="resumeButton"><i class="bi bi-play"></i></button>
<button id="setPause"><i class="bi bi-pause"></i></button>
<button id="setPlay"><i class="bi bi-play"></i></button>
</nav>
<div>
<nav class="small">
@ -67,11 +67,11 @@ tags:
const timeFormat = {hour: '2-digit', minute: '2-digit'};
const timeDisplay = new TimeDisplay(timeElement, timeFormat);
document.getElementById('pauseButton').addEventListener('click', () => {
document.getElementById('setPause').addEventListener('click', () => {
timeDisplay.pause();
console.info('Pause time');
});
document.getElementById('resumeButton').addEventListener('click', () => {
document.getElementById('setPlay').addEventListener('click', () => {
timeDisplay.resume();
console.info('Resume time');
});