dashboard: add / eventhandler for search

dashboard/src/views/apps.html

@@ -135,7 +135,7 @@
       <div class="view-header-search-bar">
         <form class="form-inline">
           <div class="input-group">
-            <input type="text" class="form-control" style="width: 300px" placeholder="{{ 'apps.searchPlaceholder' | tr }}" id="appSearch" ng-model="appSearch"/>
+            <input type="text" class="form-control" style="width: 300px" placeholder="{{ 'apps.searchPlaceholder' | tr }} ( / )" id="appSearch" ng-model="appSearch"/>
             <span class="input-group-btn">
               <button class="btn btn-default" type="button" ng-class="{ 'active': showFilter, 'btn-warning': showFilter || selectedTags.length || selectedState.state || !selectedGroup._unset || !selectedDomain._alldomains }" ng-click="showFilter = !showFilter"><i class="fas fa-filter"></i></button>
             </span>

dashboard/src/views/apps.js

@@ -340,7 +340,7 @@ angular.module('Application').controller('AppsController', ['$scope', '$translat
     // setup all the dialog focus handling
     ['applinksAddModal', 'applinksEditModal'].forEach(function (id) {
         $('#' + id).on('shown.bs.modal', function () {
-            $(this).find("[autofocus]:first").focus();
+            $(this).find('autofocus]:first').focus();
         });
     });
 
@@ -351,4 +351,17 @@ angular.module('Application').controller('AppsController', ['$scope', '$translat
     });
 
     $('.modal-backdrop').remove();
+
+    function keyboardHandler(event) {
+        if (event.key === '/') {
+            document.getElementById('appSearch').focus();
+            event.preventDefault();
+        }
+    }
+
+    document.addEventListener('keydown', keyboardHandler);
+
+    $scope.$on('$destroy', function () {
+        document.removeEventListener('keydown', keyboardHandler);
+    });
 }]);