GUACAMOLE-2020: Allow hiding the display statistics bar.

extensions/guacamole-display-statistics/src/main/resources/directives/guacClientStatistics.js

@@ -101,6 +101,9 @@ angular.module('client').directive('guacClientStatistics', [function guacClientS
                 $scope.client.managedDisplay.display.onstatistics = null;
         });
 
+        // Display statistics by default
+        $scope.isVisible = true;
+
     }];
 
     return directive;

extensions/guacamole-display-statistics/src/main/resources/styles/clientStatistics.css

@@ -23,6 +23,39 @@ guac-client-statistics {
     background: #111;
 }
 
+guac-client-statistics div.buttons-statistics {
+    content: '';
+    cursor: pointer;
+    display: block;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+    height: 15px;
+    position: absolute;
+}
+
+guac-client-statistics div.hide-statistics {
+    background-image: url('images/x.svg');
+    bottom: 10px;
+    right: 20px;
+    width: 15px;
+}
+
+guac-client-statistics div.show-statistics {
+    background-color: #888;
+    background-image: url('images/arrows/up.svg');
+    border: 1px solid rgba(0, 0, 0, 0.25);
+    bottom: 0;
+    left: 50%;
+    margin-left: -15px;
+    opacity: .5;
+    width: 30px;
+}
+
+guac-client-statistics div.show-statistics:hover {
+    background-color: #FFF;
+}
+
 guac-client-statistics dl.client-statistics {
     display: table;
     margin: 0;

extensions/guacamole-display-statistics/src/main/resources/templates/guacClientStatistics.html

@@ -1,4 +1,4 @@
-<dl class="client-statistics">
+<dl class="client-statistics" ng-show="isVisible">
 
     <dt class="client-statistic desktop-fps">
         {{ 'CLIENT.FIELD_HEADER_DESKTOP_FRAMERATE' | translate }}
@@ -36,4 +36,9 @@
             translate-values="{ VALUE : round(statistics.dropRate) }"></span>
     </dd>
 
-</dl>
+</dl>
+
+<div class="buttons-statistics"
+     ng-click="isVisible = !isVisible"
+     ng-class="{ 'hide-statistics' : isVisible, 'show-statistics' : !isVisible }">
+</div>