From 7391134548bd760998b4d33f12e7300703cf2872 Mon Sep 17 00:00:00 2001
From: Sriniketh Varma Dasarraju <srinikethvarma22@gmail.com>
Date: Tue, 17 Dec 2019 11:31:30 -0500
Subject: [PATCH] New "Delete Agents" button in Web UI

---
 web/htdocs/index.html   | 27 +++++++++++++++++++++++++--
 web/htdocs/js/shield.js | 22 ++++++++++++++++++++++
 2 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/web/htdocs/index.html b/web/htdocs/index.html
index 93c457e20..0a3c76f5a 100755
--- a/web/htdocs/index.html
+++ b/web/htdocs/index.html
@@ -2662,7 +2662,7 @@ <h2>[[ if (_.store) { ]]Edit[[ } else { ]]New[[ } ]] Storage System</h2>
             <h2>Delete The <em>[[= h(_.store.name) ]]</em> Cloud Storage System?</h2>
 
             <p>You have requested that SHIELD remove the configuration for
-            the cloud storage system "[[= h(_.store.name) ]]".  <em>This is a
+            the cloud storage system "[[= h(_.store.name) ]]".  <em>This is an
             irreversible action; it cannot be undone.</em></p>
 
             <p class="q">Are you sure you want to delete <em>[[= h(_.store.name) ]]</em>?</p>
@@ -2962,7 +2962,8 @@ <h2>[[= _.heading ]]</h2>
                   <td>[[ if (agent.hidden) { ]]no[[ } else { ]]yes[[ } ]]</td>
                   <td>[[ if (agent.hidden) { ]]<a href="#" rel="show">show</a>
                       [[ } else            { ]]<a href="#" rel="hide">hide</a>[[ } ]]
-                      | <a href="#" rel="resync">resync</a></td>
+                      | <a href="#" rel="resync">resync</a>
+                      | <a href="#" rel="delete">delete</a></td>
                 </tr>
                 [[ if (problems.length != 0 || agent.last_error != '') { ]]
                 <tr class="note fail">
@@ -2981,6 +2982,28 @@ <h2>[[= _.heading ]]</h2>
             </table>
             [[ } ]]
     <!-- }}} --></script>
+    <script type="text/html" id="template:agents-delete"><!-- {{{ -->
+      [[#
+        {agents-delete}
+
+        A modal interaction screen that requires the operator to acknowledge
+        that what they are about to do will result in the destruction of
+        configuration data.
+      ]]
+          <div class="confirm">
+            <h2>Delete The <em>[[= h(_.agent.name) ]]</em> Agent?</h2>
+
+            <p>You have requested that SHIELD remove the configuration for
+            the agent "[[= h(_.agent.name) ]]".  <em>This is an
+            irreversible action; it cannot be undone.</em></p>
+
+            <p class="q">Are you sure you want to delete <em>[[= h(_.agent.name) ]]</em>?</p>
+            <div class="a">
+              <button class="safe" rel="close">No, Keep It</button>
+              <button class="danger" rel="yes">Yes, Delete It</button>
+            </div>
+          </div>
+    <!-- }}} --></script>
     <script type="text/html" id="template:auth-providers"><!-- {{{ -->
       [[#
         {auth-providers} template
diff --git a/web/htdocs/js/shield.js b/web/htdocs/js/shield.js
index 7801b3dc5..b417a46aa 100644
--- a/web/htdocs/js/shield.js
+++ b/web/htdocs/js/shield.js
@@ -642,6 +642,28 @@ function dispatch(page) {
                   banner("Resynchronization of agent underway");
                 }
               });
+            } else if (action == 'delete') {
+              var agent_uuid = $(event.target).extract('agent-uuid');
+              modal($($.template('agents-delete', { agent: data.agents[0] }))
+              .on('click', '[rel="yes"]', function (event) {
+                event.preventDefault();
+                api({
+                  type: 'DELETE',
+                  url:  '/v2/agents/'+agent_uuid,
+                  error: "Unable to delete agent",
+                  complete: function () {
+                    modal(true);
+                  },
+                  success: function (event) {
+                    goto('#!/admin/agents');
+                  }
+                });
+              })
+              .on('click', '[rel="close"]', function (event) {
+                  modal(true);
+                  goto('#!/admin/agents');
+                })
+              );
             }
           }));
       }