add health check page
This commit is contained in:
parent
669adc65ba
commit
f5174a124c
|
|
@ -1 +1,82 @@
|
|||
Hello, World!
|
||||
<!DOCTYPE htmtl>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Example</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="./vendor/css/bootswatch.com/4/materia/bootstrap.min.css"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<a class="navbar-brand" href="#">Example</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#navbarColor01"
|
||||
aria-controls="navbarColor01"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarColor01">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#nav-foobar">Foobar</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="js-signin form-inline my-2 my-lg-0">
|
||||
<input
|
||||
class="form-control mr-sm-2"
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="email"
|
||||
/>
|
||||
<button
|
||||
class="btn btn-secondary my-2 my-sm-0"
|
||||
type="submit"
|
||||
>
|
||||
Sign in
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="pocket"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="card border-primary mb-6">
|
||||
<a id="nav-foobar"
|
||||
><h3 class="card-header">
|
||||
Server Health
|
||||
<form class="js-healthcheck">
|
||||
<button
|
||||
type="submit"
|
||||
class="float-right btn btn-primary"
|
||||
>
|
||||
Check
|
||||
</button>
|
||||
</form>
|
||||
</h3></a
|
||||
>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Check Server Status</h5>
|
||||
<div class="card-text">
|
||||
<pre><code>curl https://example.com/api/public/status</code></pre>
|
||||
<pre><code class="js-server-health">-</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://mock.pocketid.app/pocket/consumer.js"></script>
|
||||
<script src="./js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,49 @@
|
|||
(function () {
|
||||
"use strict";
|
||||
|
||||
// AJQuery
|
||||
function $(sel, el) {
|
||||
if (!el) {
|
||||
el = document;
|
||||
}
|
||||
return el.querySelector(sel);
|
||||
}
|
||||
function $$(sel, el) {
|
||||
if (!el) {
|
||||
el = document;
|
||||
}
|
||||
return el.querySelectorAll(sel);
|
||||
}
|
||||
|
||||
function displayToken(token) {
|
||||
$$(".js-token").forEach(function (el) {
|
||||
el.innerText = token;
|
||||
});
|
||||
}
|
||||
|
||||
Pocket.onToken(function (token) {
|
||||
// TODO Pocket v1.0 will make this obsolete
|
||||
localStorage.setItem("pocket-token", token);
|
||||
displayToken();
|
||||
});
|
||||
displayToken(localStorage.getItem("pocket-token"));
|
||||
|
||||
// requires div with class 'pocket'
|
||||
$("form.js-signin").addEventListener("submit", function (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
|
||||
var email = $("[name=email]").value;
|
||||
Pocket.openSignin(ev, { email: email });
|
||||
});
|
||||
|
||||
$("form.js-healthcheck").addEventListener("submit", function (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
|
||||
window.fetch("/api/public/status").then(async function (resp) {
|
||||
var res = await resp.json();
|
||||
$(".js-server-health").innerText = JSON.stringify(res, null, 2);
|
||||
});
|
||||
});
|
||||
})();
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue