rajch_ales/MaalFlows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add admin sound preferences

Browse Source
This commit is contained in:
rajchales-monito
2026-07-24 14:52:20 +02:00
parent 1d6d478993
commit 3f709f3a4e
3 changed files with 183 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.html
+62 -37
View File
@@ -44,7 +44,11 @@
</button>
<input id="adminSoundVolume" type="range" min="0" max="100" step="5" aria-label="Hlasitost notifikaci">
</div>
<button id="logoutButton" class="logout-compact" type="button">Odhlasit</button>
<button id="logoutButton" class="logout-compact icon-button" type="button" title="Odhlasit" aria-label="Odhlasit">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M10 3h9v18h-9v-2h7V5h-7V3Zm-1.2 5.2 1.4 1.4L7.8 12l2.4 2.4-1.4 1.4L4 11l4.8-2.8ZM5.4 11h8.8v2H5.4v-2Z"></path>
</svg>
</button>
</div>
</div>
<div class="list-tools">
@@ -101,44 +105,65 @@
<aside id="settingsPanel" class="settings hidden">
<div class="settings-head">
<h2>Nastaveni widgetu</h2>
<h2>Nastaveni</h2>
<button id="closeSettingsButton" type="button">Zavrit</button>
</div>
<form id="settingsForm">
<label>Titulek CS <input name="titleCs"></label>
<label>Intro CS <textarea name="introCs" rows="2"></textarea></label>
<label>Titulek EN <input name="titleEn"></label>
<label>Intro EN <textarea name="introEn" rows="2"></textarea></label>
<label class="color-field">Barva
<span class="color-row">
<input name="brand" type="color">
<input name="brandHex" class="hex-input" type="text" inputmode="text" maxlength="7" placeholder="#0f8f6f" pattern="#?[0-9a-fA-F]{6}">
</span>
</label>
<label>Pozice desktop <select name="desktopSide"><option>right</option><option>left</option></select></label>
<label>Desktop bottom px <input name="desktopBottom" type="number"></label>
<label>Desktop offset px <input name="desktopOffset" type="number"></label>
<label>Pozice mobil <select name="mobileSide"><option>right</option><option>left</option></select></label>
<label>Mobil bottom px <input name="mobileBottom" type="number"></label>
<label>Mobil offset px <input name="mobileOffset" type="number"></label>
<fieldset class="effect-settings">
<legend>Online efekt tlacitka</legend>
<label><input name="launcherBreathe" type="checkbox"> jemne dychani</label>
<label><input name="launcherRing" type="checkbox"> svetelny prstenec</label>
<label><input name="launcherHoverLabel" type="checkbox"> napis pri najeti</label>
<label><input name="launcherAvatar" type="checkbox"> mini avatar styl</label>
</fieldset>
<fieldset class="effect-settings">
<legend>Efekt pri nove zprave</legend>
<label><input name="messagePulse" type="checkbox"> pulzovani</label>
<label><input name="messageBadge" type="checkbox"> badge s poctem</label>
<label><input name="messageLabel" type="checkbox"> kratky stitek</label>
<label><input name="messageWiggle" type="checkbox"> zhoupnuti</label>
</fieldset>
<button type="submit">Ulozit</button>
</form>
<h3>GTM snippet</h3>
<pre id="snippet"></pre>
<div class="settings-tabs" role="tablist" aria-label="Nastaveni">
<button class="active" type="button" data-settings-tab="widget">Widget</button>
<button type="button" data-settings-tab="admin">BO</button>
</div>
<section class="settings-tab-panel active" data-settings-panel="widget">
<form id="settingsForm">
<label>Titulek CS <input name="titleCs"></label>
<label>Intro CS <textarea name="introCs" rows="2"></textarea></label>
<label>Titulek EN <input name="titleEn"></label>
<label>Intro EN <textarea name="introEn" rows="2"></textarea></label>
<label class="color-field">Barva
<span class="color-row">
<input name="brand" type="color">
<input name="brandHex" class="hex-input" type="text" inputmode="text" maxlength="7" placeholder="#0f8f6f" pattern="#?[0-9a-fA-F]{6}">
</span>
</label>
<label>Pozice desktop <select name="desktopSide"><option>right</option><option>left</option></select></label>
<label>Desktop bottom px <input name="desktopBottom" type="number"></label>
<label>Desktop offset px <input name="desktopOffset" type="number"></label>
<label>Pozice mobil <select name="mobileSide"><option>right</option><option>left</option></select></label>
<label>Mobil bottom px <input name="mobileBottom" type="number"></label>
<label>Mobil offset px <input name="mobileOffset" type="number"></label>
<fieldset class="effect-settings">
<legend>Online efekt tlacitka</legend>
<label><input name="launcherBreathe" type="checkbox"> jemne dychani</label>
<label><input name="launcherRing" type="checkbox"> svetelny prstenec</label>
<label><input name="launcherHoverLabel" type="checkbox"> napis pri najeti</label>
<label><input name="launcherAvatar" type="checkbox"> mini avatar styl</label>
</fieldset>
<fieldset class="effect-settings">
<legend>Efekt pri nove zprave</legend>
<label><input name="messagePulse" type="checkbox"> pulzovani</label>
<label><input name="messageBadge" type="checkbox"> badge s poctem</label>
<label><input name="messageLabel" type="checkbox"> kratky stitek</label>
<label><input name="messageWiggle" type="checkbox"> zhoupnuti</label>
</fieldset>
<button type="submit">Ulozit</button>
</form>
<h3>GTM snippet</h3>
<pre id="snippet"></pre>
</section>
<section class="settings-tab-panel" data-settings-panel="admin">
<div class="admin-preferences">
<label class="setting-switch">Zvuk notifikaci <input id="adminSoundToggleSettings" type="checkbox"></label>
<label>Hlasitost <input id="adminSoundVolumeSettings" type="range" min="0" max="100" step="5"></label>
<label>Styl zvuku
<select id="adminSoundStyle">
<option value="bright">Jasny</option>
<option value="soft">Jemny</option>
<option value="chime">Cinknuti</option>
<option value="urgent">Vyrazny</option>
</select>
</label>
<button id="adminSoundTest" type="button">Otestovat zvuk</button>
</div>
</section>
</aside>
</section>
</main>