Merge pull request #68 from adamadavidson/responsive-css
Adjusted HTML files to make them responsive for better viewing on mobile (addressing issue #51)
This commit is contained in:
Andrew Erlikh
GitHub
commit
e8475c1eac
10 changed files with 91 additions and 83 deletions
|
|
@ -1,9 +1,9 @@
|
|||
{{ define "auth" }}
|
||||
|
||||
<body>
|
||||
<div class="container mt-5">
|
||||
<div class="container-lg mt-5">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="col-md-6">
|
||||
<table class="table">
|
||||
<form action="/auth_save/" method="post">
|
||||
<tr>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
</form>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="col-md-6">
|
||||
<div class="alert alert-info" role="alert">
|
||||
<p>● <b>WARNING!</b> Authentication is only safe when used over <b>https</b> and with a strong password.</p>
|
||||
<p>● <b>Expire after</b> - when user session expires. Can be set with suffixes <b>m</b>(minute), <b>h</b>(hour), <b>d</b>(day) or <b>M</b>(month). Default: <b>7d</b>.</p>
|
||||
|
|
@ -50,4 +50,4 @@
|
|||
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
{{ define "config" }}
|
||||
|
||||
<body>
|
||||
<div class="container mt-5">
|
||||
<div class="container-lg mt-5">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="col-md-6">
|
||||
<table class="table">
|
||||
<form action="/save_config/" method="post">
|
||||
<tr>
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="col-md-6">
|
||||
<p>Current version: {{ .Version }}</p>
|
||||
<div class="alert alert-info" role="alert">
|
||||
<p>● There can be one or more <b>Interfaces</b>, space separated</p>
|
||||
|
|
@ -120,4 +120,4 @@
|
|||
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{ define "footer"}}
|
||||
</body>
|
||||
</html>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
<div class="container-lg">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="/">Home</a>
|
||||
|
|
@ -57,4 +57,4 @@
|
|||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<!--Auto refresh (seconds)-->
|
||||
<meta http-equiv="refresh" content="{{ .Config.Timeout }}">
|
||||
<body>
|
||||
<div class="container mt-3">
|
||||
<div class="container-lg mt-3 table-responsive">
|
||||
<table class="table table-striped">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
|
|
@ -15,19 +15,19 @@
|
|||
</tr>
|
||||
{{ range .Hist }}
|
||||
<tr>
|
||||
<td>{{ .Name }}</td>
|
||||
<td><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td><a href="/host?id={{ .Host }}">{{ .Mac }}</a></td>
|
||||
<td>{{ .Hw }}</td>
|
||||
<td>{{ .Date }}</td>
|
||||
<td>
|
||||
<td class="align-middle">{{ .Name }}</td>
|
||||
<td class="align-middle"><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td class="align-middle"><a href="/host?id={{ .Host }}">{{ .Mac }}</a></td>
|
||||
<td class="align-middle">{{ .Hw }}</td>
|
||||
<td class="align-middle">{{ .Date }}</td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .Known 1 }}
|
||||
Yes
|
||||
{{ else }}
|
||||
No
|
||||
{{ end }}
|
||||
</td>
|
||||
<td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .State 1 }}
|
||||
<i class="bi bi-circle-fill text-success"></i>
|
||||
{{ else }}
|
||||
|
|
@ -40,4 +40,4 @@
|
|||
</div>
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,38 +1,38 @@
|
|||
{{ define "host" }}
|
||||
|
||||
<body>
|
||||
<div class="container mt-5">
|
||||
<div class="container-lg mt-5">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="col table-responsive">
|
||||
<table class="table">
|
||||
{{ range .Hosts }}
|
||||
<tr>
|
||||
<td>ID</td>
|
||||
<td>{{ .ID }}</td>
|
||||
<td class="align-middle">ID</td>
|
||||
<td class="align-middle">{{ .ID }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Name</td>
|
||||
<td>{{ .Name }}</td>
|
||||
<td class="align-middle">Name</td>
|
||||
<td class="align-middle">{{ .Name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IP</td>
|
||||
<td><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td class="align-middle">IP</td>
|
||||
<td class="align-middle"><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mac</td>
|
||||
<td>{{ .Mac }}</td>
|
||||
<td class="align-middle">Mac</td>
|
||||
<td class="align-middle">{{ .Mac }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hw</td>
|
||||
<td>{{ .Hw }}</td>
|
||||
<td class="align-middle">Hw</td>
|
||||
<td class="align-middle">{{ .Hw }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Date</td>
|
||||
<td>{{ .Date }}</td>
|
||||
<td class="align-middle">Date</td>
|
||||
<td class="align-middle">{{ .Date }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Known</td>
|
||||
<td>
|
||||
<td class="align-middle">Known</td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .Known 1 }}
|
||||
Yes
|
||||
{{ else }}
|
||||
|
|
@ -41,8 +41,8 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Now</td>
|
||||
<td>
|
||||
<td class="align-middle">Now</td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .Now 1 }}
|
||||
Online
|
||||
{{ else }}
|
||||
|
|
@ -51,12 +51,12 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<td class="align-middle">
|
||||
<form action="/del_host/" method="post">
|
||||
<input name="id" type="hidden" class="form-control" value="{{ .ID }}"><button type="submit" class="btn btn-danger">Delete host</button>
|
||||
</form>
|
||||
</td>
|
||||
<td></td>
|
||||
<td class="align-middle"></td>
|
||||
</tr>
|
||||
{{ end }}
|
||||
</table>
|
||||
|
|
@ -64,8 +64,8 @@
|
|||
<div class="col">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td>Domain name</td>
|
||||
<td>
|
||||
<td class="align-middle">Domain name</td>
|
||||
<td class="align-middle">
|
||||
{{ range .Themes }}
|
||||
<a href="http://{{ . }}" target="_blank">{{ . }}</a>
|
||||
{{ end }}
|
||||
|
|
@ -81,16 +81,16 @@
|
|||
<form action="/port_scan/" method="post">
|
||||
<input name="ip" type="hidden" class="form-control" value="{{ .IP }}">
|
||||
<tr>
|
||||
<td>Start port</td>
|
||||
<td><input name="begin" type="text" class="form-control" placeholder="1"></td>
|
||||
<td class="align-middle">Start port</td>
|
||||
<td class="align-middle"><input name="begin" type="text" class="form-control" placeholder="1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>End port</td>
|
||||
<td><input name="end" type="text" class="form-control" placeholder="65535"></td>
|
||||
<td class="align-middle">End port</td>
|
||||
<td class="align-middle"><input name="end" type="text" class="form-control" placeholder="65535"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type="submit" class="btn btn-success">Scan host</button></td>
|
||||
<td></td>
|
||||
<td class="align-middle"><button type="submit" class="btn btn-success">Scan host</button></td>
|
||||
<td class="align-middle"></td>
|
||||
</tr>
|
||||
</form>
|
||||
</table>
|
||||
|
|
@ -109,17 +109,17 @@
|
|||
</tr>
|
||||
{{ range .Hist }}
|
||||
<tr>
|
||||
<td>{{ .Name }}</td>
|
||||
<td><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td>{{ .Date }}</td>
|
||||
<td>
|
||||
<td class="align-middle">{{ .Name }}</td>
|
||||
<td class="align-middle"><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td class="align-middle">{{ .Date }}</td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .Known 1 }}
|
||||
Yes
|
||||
{{ else }}
|
||||
No
|
||||
{{ end }}
|
||||
</td>
|
||||
<td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .State 1 }}
|
||||
<i class="bi bi-circle-fill text-success"></i>
|
||||
{{ else }}
|
||||
|
|
@ -134,4 +134,4 @@
|
|||
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -3,10 +3,13 @@
|
|||
<meta http-equiv="refresh" content="{{ .Config.Timeout }}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container mt-3">
|
||||
<div class="container-lg mt-3">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h2>Online</h2>
|
||||
<p>Scanning interfaces: {{ .Config.Iface }}</p>
|
||||
<table class="table table-striped">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>IP</th>
|
||||
|
|
@ -17,11 +20,11 @@
|
|||
{{ range .Hosts }}
|
||||
{{ if eq .Now 1 }}
|
||||
<tr>
|
||||
<td>{{ .Name }}</td>
|
||||
<td><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td><a href="/host?id={{ .ID }}">{{ .Mac }}</a></td>
|
||||
<td>{{ .Hw }}</td>
|
||||
<td>
|
||||
<td class="align-middle">{{ .Name }}</td>
|
||||
<td class="align-middle"><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td class="align-middle"><a href="/host?id={{ .ID }}">{{ .Mac }}</a></td>
|
||||
<td class="align-middle">{{ .Hw }}</td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .Known 1 }}
|
||||
<button type="button" class="btn btn-success" disabled>Yes</button>
|
||||
{{ else }}
|
||||
|
|
@ -31,9 +34,11 @@
|
|||
</tr>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
<h2>Log</h2>
|
||||
<table class="table table-striped">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>IP</th>
|
||||
|
|
@ -46,14 +51,14 @@
|
|||
<form action="/update_host/" method="post">
|
||||
<input name="id" type="hidden" class="form-control" value="{{ .ID }}">
|
||||
<tr>
|
||||
<td>
|
||||
<td class="align-middle">
|
||||
<input name="name" type="text" class="form-control text-dark" value="{{ .Name }}">
|
||||
</td>
|
||||
<td><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td><a href="/host?id={{ .ID }}">{{ .Mac }}</a></td>
|
||||
<td>{{ .Hw }}</td>
|
||||
<td>{{ .Date }}</td>
|
||||
<td>
|
||||
<td class="align-middle"><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td class="align-middle"><a href="/host?id={{ .ID }}">{{ .Mac }}</a></td>
|
||||
<td class="align-middle">{{ .Hw }}</td>
|
||||
<td class="align-middle">{{ .Date }}</td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .Known 1 }}
|
||||
<button value="off" name="known" type="submit" class="btn btn-success">Yes</button>
|
||||
{{ else }}
|
||||
|
|
@ -63,8 +68,11 @@
|
|||
</tr>
|
||||
</form>
|
||||
{{ end }}
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{{ define "line"}}
|
||||
<body>
|
||||
<div class="container mt-3">
|
||||
<div class="container-lg mt-3 table-responsive">
|
||||
<table class="table table-striped">
|
||||
<tr>
|
||||
<form action="/sort_hosts/" method="post">
|
||||
|
|
@ -59,14 +59,14 @@
|
|||
<form action="/update_host/" method="post">
|
||||
<input name="id" type="hidden" class="form-control" value="{{ .ID }}">
|
||||
<tr>
|
||||
<td>
|
||||
<td class="align-middle">
|
||||
<input name="name" type="text" class="form-control text-dark" value="{{ .Name }}">
|
||||
</td>
|
||||
<td><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td><a href="/host?id={{ .ID }}">{{ .Mac }}</a></td>
|
||||
<td>{{ .Hw }}</td>
|
||||
<td>{{ .Date }}</td>
|
||||
<td>
|
||||
<td class="align-middle"><a href="http://{{ .IP }}" target="_blank">{{ .IP }}</a></td>
|
||||
<td class="align-middle"><a href="/host?id={{ .ID }}">{{ .Mac }}</a></td>
|
||||
<td class="align-middle">{{ .Hw }}</td>
|
||||
<td class="align-middle">{{ .Date }}</td>
|
||||
<td class="align-middle">
|
||||
{{ if eq .Known 1 }}
|
||||
<button value="off" name="known" type="submit" class="btn btn-success">Yes</button>
|
||||
{{ else }}
|
||||
|
|
@ -80,4 +80,4 @@
|
|||
</div>
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{{ define "login" }}
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="container-lg">
|
||||
<br>
|
||||
<br>
|
||||
<div class="row text-center">
|
||||
|
|
@ -16,4 +16,4 @@
|
|||
</div>
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{{ define "port" }}
|
||||
|
||||
<body>
|
||||
<div class="container mt-5">
|
||||
<div class="container-lg mt-5">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p>Open TCP ports:</p>
|
||||
|
|
@ -15,4 +15,4 @@
|
|||
|
||||
|
||||
{{ template "footer" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Reference in a new issue