From c5b67edf18e2f574246f8015b42c0aa018876abf Mon Sep 17 00:00:00 2001
From: raphael <raphael.fritsch@reutlingen-university.de>
Date: Mon, 11 Feb 2019 14:09:21 +0100
Subject: [PATCH] add function so you need to confirm clear whiteboard

---
 public/index.html | 5 ++++-
 public/js/main.js | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 05e9c6b..456433c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,9 +28,12 @@
 	<!---Toolbar -!-->
 	<div style="position: absolute; top: 10px; left: 10px;">
 		<div class="btn-group">
-			<button id="whiteboardTrashBtn" title="Clears the whiteboard" type="button" class="whiteboardBtn">
+			<button id="whiteboardTrashBtn" title="Clear the whiteboard" type="button" class="whiteboardBtn">
 				<i class="fa fa-trash"></i>
 			</button>
+			<button style="position:absolute; left:0px; top:0px; width: 46px; display:none;" id="whiteboardTrashBtnConfirm" title="Confirm clear..." type="button" class="whiteboardBtn">
+				<i class="fa fa-check"></i>
+			</button>
 			<button id="whiteboardUndoBtn" title="Undo your last step" type="button" class="whiteboardBtn">
 				<i class="fa fa-undo"></i>
 			</button>
diff --git a/public/js/main.js b/public/js/main.js
index fad2a96..a461b62 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -57,6 +57,15 @@ $(document).ready(function () {
 
     // whiteboard clear button
     $("#whiteboardTrashBtn").click(function () {
+        $("#whiteboardTrashBtnConfirm").show().focus();
+    });
+
+    $("#whiteboardTrashBtnConfirm").focusout(function() {
+        $(this).hide();
+    });
+
+    $("#whiteboardTrashBtnConfirm").click(function () {
+        $(this).hide();
         whiteboard.clearWhiteboard();
     });