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>
|