From a89ccbdab75fd672d8a7e31d90b487885273fff1 Mon Sep 17 00:00:00 2001
From: siddhikhapare <81567515+siddhikhapare@users.noreply.github.com>
Date: Tue, 29 Nov 2022 16:41:22 +0530
Subject: [PATCH] Overlay with explaination modified (#123)

---
 pkg/dashboard/static/index.html | 18 ++++++++++++++++++
 pkg/dashboard/static/scripts.js |  1 +
 2 files changed, 19 insertions(+)

diff --git a/pkg/dashboard/static/index.html b/pkg/dashboard/static/index.html
index 993702b..35b7173 100644
--- a/pkg/dashboard/static/index.html
+++ b/pkg/dashboard/static/index.html
@@ -75,6 +75,24 @@
             </div>
             <div class="separator-vertical"><span></span></div>
             <i class="btn bi-power text-muted p-2 m-1 mx-2" title="Shut down the Helm Dashboard application"></i>
+            
+            <!-- Modal -->
+            <div class="modal fade" id="PowerOffModal" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
+                <div class="modal-dialog">
+                  <div class="modal-content">
+                    <div class="modal-header">
+                      <h5 class="modal-title" id="ModalLabel">Message</h5>
+                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        Close this browser tab now.
+                    </div>
+                    <div class="modal-footer">
+                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                  </div>
+                </div>
+            </div>
         </div>
     </nav>
     <!-- /TOP BAR -->
diff --git a/pkg/dashboard/static/scripts.js b/pkg/dashboard/static/scripts.js
index a74c3b8..a18df58 100644
--- a/pkg/dashboard/static/scripts.js
+++ b/pkg/dashboard/static/scripts.js
@@ -265,6 +265,7 @@ $(".bi-power").click(function () {
         type: 'DELETE',
     }).done(function () {
         // TODO: display explanation overlay here
+        $("#PowerOffModal").modal('show');
         window.close();
     })
 })