GUACAMOLE-723: Allow connections to be closed/removed directly from the panel.

guacamole/src/main/webapp/app/client/templates/guacClientPanel.html

@@ -7,13 +7,25 @@
     <!-- List of connection thumbnails -->
     <ul class="client-panel-connection-list">
         <li ng-repeat="client in clients | toArray | orderBy: [ '-value.lastUsed', 'value.title' ]"
-            ng-class="{ 'error' : hasError(client.value) }" class="client-panel-connection">
+            ng-class="{ 'needs-attention' : hasStatusUpdate(client.value) }"
+            ng-show="isManaged(client.value)"
+            class="client-panel-connection">
+
+            <!-- Close connection -->
+            <button class="close-other-connection" ng-click="disconnect(client.value)">
+                <img ng-attr-alt="{{ 'CLIENT.ACTION_DISCONNECT' | translate }}"
+                     ng-attr-title="{{ 'CLIENT.ACTION_DISCONNECT' | translate }}"
+                     src="images/x.png">
+            </button>
+
+            <!-- Thumbnail -->
             <a href="#/client/{{client.value.id}}">
                 <div class="thumbnail">
                     <guac-thumbnail client="client.value"></guac-thumbnail>
                 </div>
                 <div class="name">{{ client.value.title }}</div>
             </a>
+
         </li>
     </ul>