show modal for commands execution

Author: NeejaYanglea

css/style.css

@@ -171,11 +171,9 @@ textarea {
     background: rgb(189, 189, 189); /* Fall-back for browsers that don't support rgba */
     background: rgba(189, 189, 189, 0.5);  
 }
-
 .modal-kathara .modal-content{
     border-radius: 0!important;
 }
-
 .modal-kathara .modal-footer{
     border: 0!important;
     padding-top: 0px; 

index.html

@@ -317,13 +317,13 @@ <h4>Bash file preview:</h4>
     </nav>
 
     <!-- Lstart Modal -->
-    <div id="lstartModal" class="modal modal-kathara ng-hide">
+    <div id="command-modal" class="modal modal-kathara ng-hide">
         <div class="modal-dialog">
             <!-- Modal content-->
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" onclick="close_modal(event)">&times;</button>
-                    <h4 class="modal-title">Running Lstart</h4>
+                    <h4 class="modal-title">Running Commands</h4>
                 </div>
                 <div class="modal-body">
                     <p>The command has been issued, please wait for its execution.</p>
@@ -419,6 +419,7 @@ <h4 class="modal-title">Running Lstart</h4>
         }
         function executeClean(e){
             e.preventDefault();
+            show_modal();
             const {ipcRenderer} = electron;
             ipcRenderer.send('script:clean');
         }

js/page.js

@@ -52,11 +52,11 @@ function toggle_tab_and_submenu(event, elem, total_submenus) {
 
 function close_modal(e){
     e.preventDefault();
-    var modal = document.getElementById("lstartModal");
+    var modal = document.getElementById("command-modal");
     modal.classList.add("ng-hide");
 }
 
 function show_modal(){
-    var modal = document.getElementById("lstartModal");
+    var modal = document.getElementById("command-modal");
     modal.classList.remove("ng-hide");
 }