137 lines
4.0 KiB
HTML
137 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Go Again</title>
|
|
</head>
|
|
<body>
|
|
<h1>Go Again</h1>
|
|
<h2>Webhooks, on time!</h2>
|
|
|
|
<form class="js-schedules-list">
|
|
<label
|
|
>Token:
|
|
<input class="js-auth-token" type="text" required />
|
|
</label>
|
|
<button>Login</button>
|
|
</form>
|
|
|
|
<div class="js-account" hidden>
|
|
<details>
|
|
<summary>Schedules</summary>
|
|
<h3>Schedules</h3>
|
|
<div class="js-schedules">
|
|
<div class="js-schedule">
|
|
<input type="hidden" class="js-id" />
|
|
<input type="date" class="js-date" readonly />
|
|
<input type="time" class="js-time" readonly />
|
|
<input type="text" class="js-tz" readonly />
|
|
|
|
<div class="doc-webhooks-container">
|
|
<div class="js-webhooks">
|
|
<div class="js-webhook">
|
|
<h4><span class="js-comment"></span></h4>
|
|
<span class="js-id" hidden></span>
|
|
<span class="js-method"></span>
|
|
<span class="js-url"></span>
|
|
<br />
|
|
<div class="js-headers">
|
|
<div class="js-header">
|
|
<span class="js-key"></span>
|
|
<span class="js-value"></span>
|
|
</div>
|
|
</div>
|
|
<pre><code class="js-body-template"></code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="js-delete" type="button">Delete Schedule</button>
|
|
<br />
|
|
<br />
|
|
</div>
|
|
</div>
|
|
<br />
|
|
</details>
|
|
|
|
<details>
|
|
<summary>Add Schedule</summary>
|
|
<h3>Add Schedule</h3>
|
|
<form class="js-new-schedule">
|
|
<label>Date: <input type="date" class="js-date" required/></label>
|
|
<label>Time: <input type="time" class="js-time" step="300" required/></label>
|
|
<!-- TODO combo box -->
|
|
<label
|
|
>Location:
|
|
<select class="js-tz">
|
|
<option value="UTC">UTC</option>
|
|
<option disabled>──────────</option>
|
|
</select>
|
|
</label>
|
|
<br />
|
|
|
|
<h3>Webhook</h3>
|
|
<div class="js-new-webhook">
|
|
<!--
|
|
<select class="js-template">
|
|
<option value="webhook" selected>Custom Webhook</option>
|
|
<option value="requestbin">RequestBin</option>
|
|
<option value="mailgun">Maligun</option>
|
|
<option value="twilio">Twilio</option>
|
|
<option value="pushbullet">Pushbullet</option>
|
|
</select>
|
|
<br />
|
|
-->
|
|
<input class="js-comment" type="text" placeholder="Webhook Name" required />
|
|
<br />
|
|
<select class="js-method">
|
|
<option value="POST" selected>POST</option>
|
|
<option value="PUT">PUT</option>
|
|
</select>
|
|
<input placeholder="https://example.com/api/v1/updates" class="js-url" type="url" required />
|
|
<br />
|
|
HTTP Basic Auth (optional):
|
|
<input placeholder="username" class="js-http-user" type="text" />
|
|
<input placeholder="password" class="js-http-pass" type="text" />
|
|
<div class="js-headers">
|
|
<div class="js-header">
|
|
<input placeholder="Header" class="js-key" type="text" />
|
|
<input placeholder="Value" class="js-value" type="text" />
|
|
<button type="button" class="js-rm-header" hidden>[x]</button>
|
|
<button type="button" class="js-new-header">[+]</button>
|
|
</div>
|
|
</div>
|
|
<div class="js-body">
|
|
Request Body Type:
|
|
<label><input name="-body-type" class="js-body-type" type="radio" value="json" checked /> JSON</label>
|
|
<label><input name="-body-type" class="js-body-type" type="radio" value="form" /> Form</label>
|
|
<br />
|
|
<textarea
|
|
placeholder="Body template, use '{{ keyname }}' for template values."
|
|
class="js-body-template"
|
|
></textarea>
|
|
<!-- TODO preview template -->
|
|
</div>
|
|
</div>
|
|
|
|
<br />
|
|
<button class="js-create">Save Schedule</button>
|
|
</form>
|
|
<br />
|
|
<br />
|
|
<br />
|
|
</details>
|
|
|
|
<details>
|
|
<summary>Debug Info</summary>
|
|
<h3>Debug Info</h3>
|
|
<pre><code class="js-schedules-output"> </code></pre>
|
|
<br />
|
|
<br />
|
|
<br />
|
|
</details>
|
|
</div>
|
|
|
|
<script src="./ajquery.js"></script>
|
|
<script src="./app.js"></script>
|
|
</body>
|
|
</html>
|