Add toast

src/index.html

@@ -194,12 +194,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
                 <div class="btn btn-primary" onclick="activateNotarySignatureTool()"><i class="fas fa-file-signature"></i> Sign (Notary)</div>
                 <div class="btn btn-primary" onclick="activateTextTool()"><i class="fas fa-font"></i> Add Text</div>
                 <div class="btn btn-primary" onclick="activateNotaryCertificateTool()"><i class="fas fa-sticky-note"></i> Add Certificate</div>
-                <div class="btn btn-primary" onclick="disableGuideBox()">Cancel</div>
-            </div>
-        </div>
-        <div class="card d-inline-block">
-            <div class="card-body p-1">
                 <div class="btn btn-primary" onclick="addPage()"><i class="fas fa-plus"></i> Append Blank Page</div>
+                <div class="btn btn-primary" onclick="disableGuideBox()">Cancel</div>
             </div>
         </div>
         <div class="card d-inline-block">
@@ -216,6 +212,13 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
     </div>
 </div>
 
+<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
+    <div id="toastBox" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
+        <div class="toast-body"></div>
+    </div>
+</div>
+
+
 <div id="svgtrimbox"></div>
 
 

src/js/main.js

@@ -156,4 +156,11 @@ function setButtonSize(size) {
 }
 
 setAppTheme(getStorage("color_theme"));
-setButtonSize(getStorage("button_size"));
+setButtonSize(getStorage("button_size"));
+
+function showToast(message) {
+    $("#toastBox .toast-body").html(message);
+    toastEl.show();
+}
+
+var toastEl = new bootstrap.Toast(document.getElementById("toastBox"));