From d9740938b9d1c5889964097ef4a7c801f780d2c6 Mon Sep 17 00:00:00 2001
From: Davide Alberani <da@erlug.linux.it>
Date: Wed, 12 Dec 2018 20:57:29 +0100
Subject: [PATCH] visible countdown

---
 static/css/sb.css | 4 ++++
 static/index.html | 2 +-
 static/js/sb.js   | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/css/sb.css b/static/css/sb.css
index d7bf39c..9e528d9 100644
--- a/static/css/sb.css
+++ b/static/css/sb.css
@@ -29,6 +29,10 @@
     z-index: 10000;
 }
 
+#sb-countdown {
+    min-width: 20px;
+}
+
 .btn {
     margin-right: 10px;
 }
diff --git a/static/index.html b/static/index.html
index f0b5609..c2b22e4 100644
--- a/static/index.html
+++ b/static/index.html
@@ -34,7 +34,7 @@
 
             <div class="row">
                 <div id="sb-message">
-                    <span id="sb-message-text">will be gone in few seconds!</span>
+                    <span id="sb-message-text">will be gone in few seconds! <span id="sb-countdown">&nbsp;</span></span>
                 </div>
                 <div id="canvas-container">
                     <video id="sb-video" autoplay="true" muted="muted"></video>
diff --git a/static/js/sb.js b/static/js/sb.js
index f554363..f9dadeb 100644
--- a/static/js/sb.js
+++ b/static/js/sb.js
@@ -103,6 +103,7 @@ function cancelPhoto() {
 
 
 function updateSendCountdown() {
+    document.querySelector("#sb-countdown").innerText = "" + countdown.seconds;
     console.log("deleting photo in " + countdown.seconds + " seconds");
 }