42 lines
1.7 KiB
HTML
42 lines
1.7 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
|
<link href="style.css" rel="stylesheet" type="text/css">
|
|||
|
|
<title>Pummeluff Tag Management</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<header>
|
|||
|
|
<h1>Pummeluff Tag Management</h1>
|
|||
|
|
</header>
|
|||
|
|
<main>
|
|||
|
|
<div id="register">
|
|||
|
|
<h2>Register New Tag</h2>
|
|||
|
|
<div>
|
|||
|
|
<form id="register-form">
|
|||
|
|
<label for="uid">UID</label>
|
|||
|
|
<input id="uid" name="uid" type="text" placeholder="The unique tag ID">
|
|||
|
|
<a id="read-rfid-tag" href="#">Read UID from RFID tag…</a>
|
|||
|
|
<label for="alias">Alias</label>
|
|||
|
|
<input id="alias" name="alias" type="text" placeholder="Your personal alias / identifier">
|
|||
|
|
<label for="action-class">Class</label>
|
|||
|
|
<select id="action-class" name="action-class">
|
|||
|
|
</select>
|
|||
|
|
<label for="parameter">Parameter</label>
|
|||
|
|
<input id="parameter" name="parameter" type="text" placeholder="A type-specific parameter">
|
|||
|
|
<button id="register-button" role="submit">✓ Register Tag</button>
|
|||
|
|
<button id="unregister-button" role="button">× Unregister Tag</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="registry">
|
|||
|
|
<h2>Registered Tags</h2>
|
|||
|
|
<div id="tags"></div>
|
|||
|
|
</div>
|
|||
|
|
</main>
|
|||
|
|
<script src="script.js"></script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|