From 7bfa0de1d01aa74dd52c3ec52438756e636c7b35 Mon Sep 17 00:00:00 2001
From: Klaus-Uwe Mitterer <git@kumi.email>
Date: Mon, 18 Feb 2019 22:45:22 +0100
Subject: [PATCH] Simplify JavaScript

---
 server/static/index.html |  1 +
 server/static/worker.js  | 17 ++++-------------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/server/static/index.html b/server/static/index.html
index 30901fd..696f0e8 100644
--- a/server/static/index.html
+++ b/server/static/index.html
@@ -15,6 +15,7 @@
       <div class="row">
         <div class="col-md-12">
           <h1 class="">Panorama Image Export</h1>
+	  <h2 class=""><a href="https://kumi.systems/">by Kumi Systems</a></h2>
         </div>
       </div>
     </div>
diff --git a/server/static/worker.js b/server/static/worker.js
index 150e40e..b1d3cf1 100644
--- a/server/static/worker.js
+++ b/server/static/worker.js
@@ -22,7 +22,6 @@ function deletecard(jobid) {
         };
 }
 
-
 function addcard(jobid, title) {
         var text = '<div class="col-sm-3" id="' + jobid + '"> <div class="card"> <img class="card-img-top img-fluid" src="/spinner.gif" alt="Creating Image"><div style="text-align: center; font-weight: bold;" class="card-block">' + title + '</div> </div> </div>';
         $('#cards').append(text);
@@ -30,21 +29,13 @@ function addcard(jobid, title) {
 }
 
 function failcard(jobid, title) {
-        deletecard(jobid, title);
-
-        var text = '<div class="col-sm-3" id="' + jobid + '"> <div class="card"> <div style="text-align: center; color: red; font-weight: bold;" class="card-block">' + title + ': Export failed.</div><div style="text-align: center;" class="card-block"> <a style="color: white;" onclick="deletecard(\'' + jobid + '\');" class="btn btn-danger">Hide</a></div> </div> </div>';
-        $('#cards').append(text);
+        var text = '<div class="card"> <div style="text-align: center; color: red; font-weight: bold;" class="card-block">' + title + ': Export failed.</div><div style="text-align: center;" class="card-block"> <a style="color: white;" onclick="deletecard(\'' + jobid + '\');" class="btn btn-danger">Hide</a></div> </div>';
+        $("#" + jobid).html(text);
 }
 
-
 function finishcard(jobid, title, video) {
-	deletecard(jobid);
-	if (!video) {
-		var text = '<div class="col-sm-3" id="' + jobid + '"> <div class="card"> <img class="card-img-top img-fluid" src="/getjob/' + jobid + '" alt="Final Image"><div style="text-align: center; font-weight: bold;" class="card-block">' + title + '</div> <div style="text-align: center; color: white;" class="card-block"> <a href="/getjob/' + jobid + '" class="btn btn-primary">Download</a> <a onclick="deletecard(\'' + jobid + '\');" class="btn btn-danger">Hide</a></div> </div> </div>';
-	} else {
-		var text = '<div class="col-sm-3" id="' + jobid + '"> <div class="card"> <img class="card-img-top img-fluid" id="' + jobid + '-thumb" src="/getjob/' + jobid + '-thumb" alt="Final Video"><div style="text-align: center; font-weight: bold;" class="card-block">' + title + '</div> <div style="text-align: center; color: white;" class="card-block"> <a href="/getjob/' + jobid + '" class="btn btn-primary">Download</a> <a onclick="deletecard(\'' + jobid + '\');" class="btn btn-danger">Hide</a></div> </div> </div>';
-	};
-	$('#cards').append(text);
+	var text = '<div class="card"> <img ' + (video ? 'id="' + jobid + '-thumb"' : "")+ ' class="card-img-top img-fluid" src="/getjob/' + jobid + (video ? "-thumb" : "") + '" alt="Final ' + (video ? "Video" : "Image") + '"><div style="text-align: center; font-weight: bold;" class="card-block">' + title + '</div> <div style="text-align: center; color: white;" class="card-block"> <a href="/getjob/' + jobid + '" class="btn btn-primary">Download</a> <a onclick="deletecard(\'' + jobid + '\');" class="btn btn-danger">Hide</a></div> </div>';
+	$("#" + jobid).html(text);
 
 	var counter = 0;
 	var interval = setInterval(function() {