148 lines
5.3 KiB
Plaintext
148 lines
5.3 KiB
Plaintext
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>time.caskir.net</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta http-equiv="content-type" value="text/html; encoding=UTF-8">
|
||
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
||
<style type="text/css">
|
||
button {
|
||
min-height: 4rem;
|
||
}
|
||
code { /* comment out to see debug output from fork command */
|
||
display: inline;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col">
|
||
<h1>time.caskir.net</h1>
|
||
|
||
{{ range .Flashes }}
|
||
<div class="alert alert-info">{{ . }}</div>
|
||
{{ end }}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
Volume Control: <strong>{{ .Volume }}</strong>%
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-4">
|
||
<form method="POST" action="/volume/lower">
|
||
<button name="action" value="vol-lower" class="form-control btn btn-danger">➖</button>
|
||
</form>
|
||
</div>
|
||
<div class="col-4">
|
||
<form method="POST" action="/volume/mute">
|
||
<button name="action" value="vol-mute" class="form-control btn btn-secondary">🚫</button>
|
||
</form>
|
||
</div>
|
||
<div class="col-4">
|
||
<form method="POST" action="/volume/higher">
|
||
<button name="action" value="vol-higher" class="form-control btn btn-success">➕</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
Alan Watts Alarm Clock
|
||
</div>
|
||
<div class="card-body">
|
||
<p>
|
||
<strong>Status:</strong> {{ .PlaylistStatus }}
|
||
</p>
|
||
|
||
<form method="POST" action="/playlist/start">
|
||
<p>
|
||
<button name="action" value="playlist-start" class="form-control btn btn-success">Start Playlist</button>
|
||
</p>
|
||
</form>
|
||
|
||
<form method="POST" action="/playlist/stop">
|
||
<p>
|
||
<button name="action" value="playlist-stop" class="form-control btn btn-danger">Stop Playlist</button>
|
||
</p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
Schedule
|
||
</div>
|
||
<div class="card-body">
|
||
<p>
|
||
<a href="/crontab.txt">See the current schedule</a>
|
||
</p>
|
||
<label for="time">Time:</label>
|
||
<input type="time" name="time" class="form-control mb-2" value="05:30">
|
||
|
||
<label>Days of week:</label>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<label>
|
||
<input type="checkbox" name="day" value="0"> Sunday
|
||
</label>
|
||
</li>
|
||
<li>
|
||
<label>
|
||
<input type="checkbox" name="day" value="1" checked> Monday
|
||
</label>
|
||
</li>
|
||
<li>
|
||
<label>
|
||
<input type="checkbox" name="day" value="2" checked> Tuesday
|
||
</label>
|
||
</li>
|
||
<li>
|
||
<label>
|
||
<input type="checkbox" name="day" value="3" checked> Wednesday
|
||
</label>
|
||
</li>
|
||
<li>
|
||
<label>
|
||
<input type="checkbox" name="day" value="4" checked> Thursday
|
||
</label>
|
||
</li>
|
||
<li>
|
||
<label>
|
||
<input type="checkbox" name="day" value="5" checked> Friday
|
||
</label>
|
||
</li>
|
||
<li>
|
||
<label>
|
||
<input type="checkbox" name="day" value="6"> Saturday
|
||
</label>
|
||
</li>
|
||
</ul>
|
||
|
||
<button name="action" value="schedule" class="form-control btn btn-primary">Set Schedule</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|