Overlay with explaination modified (#123)

Author: siddhikhapare

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 -->

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();
     })
 })