Files
lg/frontend/templates/index.html
Mans Ziesel 3646044031
All checks were successful
goreleaser / goreleaser (push) Successful in 1m52s
update frontend, embed files and templates in binary
2025-08-28 20:27:17 +02:00

76 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<title>Mans's Looking Glass</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
</head>
<body>
<!-- <div class="col-lg-8 mx-auto p-4 py-md-5"> -->
<div class="container my-5">
<header class="d-flex align-items-center pb-3 mb-5 border-bottom">
<a href="/" class="d-flex align-items-center text-body-emphasis text-decoration-none">
<span class="fs-4">Mans's Looking Glass</span>
</a>
</header>
<main>
<div class="card mb-5">
<div class="card-header">Settings</div>
<form class="card-body">
<div class="row g-3 mb-2">
<div class="col-md-6">
<label class="form-label" for="routerSelect">Select Router</label>
<select class="form-control" id="routerSelect">
<option>Select a router...</option>
{{range .Routers}}
<option value="{{.Code}}">{{.Code}} - {{.Description}}</option>
{{end}}
</select>
</div>
<div class="col-md-6">
<label class="form-label" for="toolSelect">Select Tool</label>
<select class="form-control" id="toolSelect">
<option>Select a tool...</option>
{{range .Tools}}
<option value="{{.}}">{{.}}</option>
{{end}}
</select>
</div>
</div>
<div class="row align-items-end g-3">
<div class="col-md-10">
<label class="form-label" for="targetInput">Target Input</label>
<input type="text" class="form-control" id="targetInput" placeholder="Enter target...">
</div>
<div class="col-md-2">
<button class="block btn btn-primary w-100" id="executeButton">
<span id="spinner" class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
<span id="buttonText">Execute</span>
</button>
</div>
</div>
</form>
</div>
<div class="card" id="resultBox" style="display: none;">
<div class="card-header">Result</div>
<div class="card-body">
<pre id="resultText"></pre>
</div>
</div>
</main>
<footer class="pt-5 my-5 text-body-secondary border-top">
Created by <a href="https://mziesel.nl">Mans Ziesel</a> - <a href="https://git.mziesel.nl/mans/lg">Source Code</a>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q" crossorigin="anonymous"></script>
<script src="/static/lg.js"></script>
</body>
</html>