ctbk/dmx-interface
1
0
Fork 0
mirror of https://github.com/HendrikRauh/dmx-interface.git synced 2025-07-05 05:38:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

implemented loading animation during requests

Browse source
This commit is contained in:
RaffaelW 2024-11-05 09:11:36 +01:00
parent b8b87db0f2
commit f0204c2477
6 changed files with 178 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

24
data/index.html
View file

@ -6,14 +6,30 @@
<title>Konfiguration</title>
<link rel="stylesheet" href="/style.css" />
<script type="module" src="/input-visibility.js" defer></script>
<script type="module" src="/loading-screen.js" defer></script>
<script type="module" src="/load-data.js" defer></script>
<script type="module" src="/submit.js" defer></script>
<script type="module" src="/reset.js" defer></script>
</head>
<body>
<main>
<h1>Konfiguration</h1>
<form>
<section class="loading-screen">
<div class="spinner-container">
<!-- h2 is filled dynamically -->
<h2></h2>
<div class="spinner"></div>
<button
class="reload"
type="button"
onclick="window.location.reload()"
>
Seite neu laden
</button>
</div>
</section>
<form class="hidden">
<h1>Konfiguration</h1>
<fieldset>
<legend>Verbindung</legend>
<label for="ip-method"
@ -63,8 +79,8 @@
id="input-connection"
title="Verbindung"
>
<option value="0">WiFi-Station</option>
<option value="1">WiFi-AccessPoint</option>
<option value="0">WiFi-AccessPoint</option>
<option value="1">WiFi-Station</option>
<option value="2">Ethernet</option>
</select>
</label>