From b85db3a10df32cb2648607c83d37160ac3ee8691 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Tue, 14 May 2019 20:05:45 +0200
Subject: Show web-hook test result immediately after saving it

Closes #12
---
 templates/webhooks.html.ep | 56 ++++++++++++++++++++++++++++++++--------------
 1 file changed, 39 insertions(+), 17 deletions(-)

(limited to 'templates')

diff --git a/templates/webhooks.html.ep b/templates/webhooks.html.ep
index 0bf8cc8..b782823 100644
--- a/templates/webhooks.html.ep
+++ b/templates/webhooks.html.ep
@@ -4,7 +4,29 @@
 
 <h1>Web Hooks</h1>
 
-<!-- -H "Authorization: Bearer ${TOKEN}"  -->
+% if (stash('new_hook') and $hook->{enabled}) {
+	<div class="row">
+		<div class="col s12">
+			% if ($hook->{errored}) {
+				<div class="card red darken-4">
+					<div class="card-content white-text">
+						<span class="card-title">Web-Hook fehlerhaft</span>
+						<p><%= $hook->{output} %></p>
+					</div>
+				</div>
+			% }
+			% else {
+				<div class="card green darken-4">
+					<div class="card-content white-text">
+						<span class="card-title">Web-Hook erfolgreich getestet</span>
+						<p><%= $hook->{output} %></p>
+					</div>
+				</div>
+			% }
+		</div>
+	</div>
+% }
+
 <div class="row">
 	<div class="col s12">
 		<p>
@@ -31,22 +53,6 @@
 			%= text_field 'token', id => 'token', class => 'validate', maxlength => 250
 			<label for="token">Token</label>
 		</div>
-		<div class="col s12">
-			% if ($hook->{latest_run}->epoch) {
-				Zuletzt ausgeführt <%= $hook->{latest_run}->strftime('am %d.%m.%Y um %H:%M:%S') %><br/>
-				% if ($hook->{errored}) {
-					<i class="material-icons left">error</i>
-					Status: <%= $hook->{output} %>
-				% }
-				% else {
-					<i class="material-icons left">check</i>
-					Server-Antwort: <%= $hook->{output} %>
-				% }
-			% }
-			% else {
-				Noch nicht ausgeführt.
-			% }
-		</div>
 		<div class="col s12 center-align">
 			<button class="btn waves-effect waves-light" type="submit" name="action" value="save">
 				Speichern
@@ -54,6 +60,22 @@
 			</button>
 		</div>
 	%= end
+	<div class="col s12" style="margin-top: 1em; margin-bottom: 2em;">
+		% if ($hook->{latest_run}->epoch) {
+			Zuletzt ausgeführt <%= $hook->{latest_run}->strftime('am %d.%m.%Y um %H:%M:%S') %><br/>
+			% if ($hook->{errored}) {
+				<i class="material-icons left">error</i>
+				Status: <%= $hook->{output} %>
+			% }
+			% else {
+				<i class="material-icons left">check</i>
+				Server-Antwort: <%= $hook->{output} %>
+			% }
+		% }
+		% else {
+			Noch nicht ausgeführt.
+		% }
+	</div>
 	<div class="col s12">
 		<p>Events werden als JSON POST mit folgender Payload übertragen.</p>
 		<p style="font-family: Monospace;">
-- 
cgit v1.2.3