config file loading and saving

This commit is contained in:
2024-06-03 16:32:05 +02:00
parent 57ece16e14
commit c4cc2170f5
7 changed files with 149 additions and 52 deletions
+14 -15
View File
@@ -15,12 +15,6 @@
padding: 1rem;
}
h1 {
font-weight: 500;
font-size: 1.333rem;
margin-bottom: 2em;
}
label {
color: #ccc;
text-align: right;
@@ -36,7 +30,7 @@
border-radius: 0.25rem;
background-color: rgba(255, 255, 255, 0.05);
}
input,
textarea {
font-family: monospace;
@@ -46,19 +40,23 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 0.25rem;
}
textarea#whitelist {
height: 5.25em;
}
textarea:focus,
input:focus {
outline: none;
}
.buttons {
grid-column: 2;
display: flex;
gap: 1rem;
margin-top: 2rem;
}
button {
background-color: hsl(0, 0%, 50%);
/* border: 1px solid rgba(255, 255, 255, 0.12); */
@@ -72,7 +70,6 @@
</head>
<body>
<h1>Config</h1>
<div class="config">
<label for="url">Url</label>
<input type="text" id="url" value="file:///assets/data/index.html">
@@ -80,14 +77,16 @@
<label for="whitelist">Allowed Domains</label>
<textarea name="whitelist" id="whitelist"></textarea>
<label for="logPath">Logging Path</label>
<input type="text" id="logPath" value="/assets/logs/tooloop-kiosk-browser.log">
<label for="logpath">Logging Path</label>
<input type="text" id="logpath" value="/assets/logs/tooloop-kiosk-browser.log">
</div>
<div class="buttons">
<button>Save</button>
<button>Cancel</button>
<button id="save">Save</button>
<button id="cancel">Cancel</button>
</div>
<script src="../js/configRenderer.js"></script>
</body>
</html>