57 lines
1.7 KiB
HTML
57 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.0">
|
|
<title>Imgsort 2 - Config</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<main>
|
|
<div class="main-box">
|
|
<button onclick="window.location.href='index.html';" id="configure-button">Go back</button>
|
|
<h2>Add mappings</h2>
|
|
A key must be set for each directory, even if it will not be used.<br>
|
|
<form class="add-mapping-form" id="addMappingForm">
|
|
<div class="form-row">
|
|
<label for="key">Key:</label>
|
|
<input type="text" id="key" name="key" required minlength="1" maxlength="1">
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="directory">Directory:</label>
|
|
<input type="text" id="directory" name="directory" required>
|
|
</div>
|
|
<div class="form-row">
|
|
<label for="submit"></label>
|
|
<button type="submit" name="submit">Add</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="second-box">
|
|
<h3>Mappings</h3>
|
|
<table id="mappingTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Key</th>
|
|
<th>Directory</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- Mappings will be added here -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<footer>
|
|
<div class="statusline">Status: <span id="status"></span></div>
|
|
</footer>
|
|
|
|
<script src="config.js"></script>
|
|
</body>
|
|
</html>
|
|
|