allow Agent UI to remove router

Author: b1conrad

packages/pico-engine/public/index.html

@@ -569,7 +569,7 @@ <h2>{{ui.name}}</h2>
           </td>
         </tr></table>
         </form>
-          <h3>Inbound router: {{#if ui.routerUI}}<span title="{{ui.routerUI.routerHost}} {{ui.routerUI.routerRequestECI}}">{{ui.routerUI.routerName}}</span>{{else}}<a href="#" onclick="$(this).parent().next('form').toggle()" style="font-size:75%">not configured</a>{{/if}}</h3>
+          <h3>Inbound router: {{#if ui.routerUI}}<span title="{{ui.routerUI.routerHost}} {{ui.routerUI.routerRequestECI}}">{{ui.routerUI.routerName}}</span> {{#if ui.routerUI.unused}}<a class="js-ajax-link" href="/sky/event/{{eci}}/remove-router/edge/router_removal_requested">del</a>{{/if}}{{else}}<a href="#" onclick="$(this).parent().next('form').toggle()" style="font-size:75%">not configured</a>{{/if}}</h3>
           {{#unless ui.routerUI.routerName}}
             <form class="js-ajax-form" action="/sky/event/{{eci}}/add-ruleset/wrangler/install_rulesets_requested?rids=org.sovrin.edge" style="display:none">
               <input name="host" placeholder="router host">

packages/pico-engine/public/js/index.js

@@ -515,14 +515,19 @@ $(document).ready(function () {
           d = theDB.pico_id + '-Policies'
           location.hash = d
         } else if (tabName === 'agent') {
-          if (theDB.ui && theDB.ui.routerUI && theDB.ui.routerUI.routerName && theDB.ui.connections) {
-            var toSuffix = " to " + theDB.ui.name
-            for (var ic=0; ic < theDB.ui.connections.length; ++ic) {
-              var rConnName = theDB.ui.connections[ic].label + toSuffix
-              if (theDB.ui.routerUI.routerConnections && theDB.ui.routerUI.routerConnections[rConnName]) {
-                theDB.ui.connections[ic].routerName = theDB.ui.routerUI.routerName
+          var routerUsedCount = 0
+          if (theDB.ui && theDB.ui.routerUI) {
+            if (theDB.ui.routerUI.routerName && theDB.ui.connections) {
+              var toSuffix = " to " + theDB.ui.name
+              for (var ic=0; ic < theDB.ui.connections.length; ++ic) {
+                var rConnName = theDB.ui.connections[ic].label + toSuffix
+                if (theDB.ui.routerUI.routerConnections && theDB.ui.routerUI.routerConnections[rConnName]) {
+                  theDB.ui.connections[ic].routerName = theDB.ui.routerUI.routerName
+                  ++routerUsedCount
+                }
               }
             }
+            theDB.ui.routerUI.unused = routerUsedCount == 0
           }
           theDB.text = JSON.stringify(theDB.ui, undefined, 2)
           $theSection.html(agentTemplate(theDB))