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

6
source/screens/demo/examples/clock.liquid
View file

@ -11,7 +11,7 @@ tags:
<main>
<canvas id="clock" width="512" height="512"></canvas>
<p>
<button id="toggleFormat">12-Stunden-Format</button>
<button id="tglFormat">12-Stunden-Format</button>
</p>
</main>
{% endblock %}
@ -27,9 +27,9 @@ tags:
const colorDayOfMonth = getComputedStyle(document.documentElement).getPropertyValue('--clock-color-orange').trim();
const colorMonth = getComputedStyle(document.documentElement).getPropertyValue('--clock-color-pink').trim();
document.getElementById('toggleFormat').addEventListener('click', () => {
document.getElementById('tglFormat').addEventListener('click', () => {
is24HourFormat = !is24HourFormat;
document.getElementById('toggleFormat').textContent = is24HourFormat ? '12-Stunden-Format' : '24-Stunden-Format';
document.getElementById('tglFormat').textContent = is24HourFormat ? '12-Stunden-Format' : '24-Stunden-Format';
});
function drawRings(seconds, minutes, hours, dayOfWeek, dayOfMonth, month, daysInCurrentMonth) {

4
source/screens/demo/examples/start.liquid
View file

@ -11,7 +11,7 @@ tags:
{% block body %}
<main>
<form id="www-search" class="flex inline" action="https://duckduckgo.com/">
<input id="query" class="input_io" name="q" placeholder="Suchbegriff" type="text" required/>
<input id="qrySearch" class="input_io" name="q" placeholder="Suchbegriff" type="text" required/>
<input class="button_io" value="Suchen" type="submit"/>
</form>
<div class="blocks">
@ -69,7 +69,7 @@ tags:
document.getElementById('www-search').addEventListener('submit', function (e) {
e.preventDefault();
const query = document.getElementById('query').value.trim();
const query = document.getElementById('qrySearch').value.trim();
if (!query) return;

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');
});