FS-9249 [verto_communicator] Closing settings panel if the user clicks outside the...

diff --git a/html5/verto/verto_communicator/bower.json b/html5/verto/verto_communicator/bower.json
index 975807de00bf09fafeb6f6492bfe70ea448222f7..9722da6eb8cedf5ac155d27d70c82294e377d553 100644 (file)
--- a/html5/verto/verto_communicator/bower.json
+++ b/html5/verto/verto_communicator/bower.json
@@ -45,7 +45,8 @@
     "angular-bootstrap": "~0.14.3",
     "bootstrap-material-design": "~0.3.0",
     "angular-translate": "~2.10.0",
-    "angular-translate-loader-static-files": "~2.10.0"
+    "angular-translate-loader-static-files": "~2.10.0",
+    "angular-click-outside": "^2.8.3"
   },
   "resolutions": {
     "angular": "~1.3.15",

diff --git a/html5/verto/verto_communicator/src/index.html b/html5/verto/verto_communicator/src/index.html
index 736ab14974e34fc66d696130b3b7312bab3e2062..e8868757569196f5b340114051b9936cea16b889 100644 (file)
--- a/html5/verto/verto_communicator/src/index.html
+++ b/html5/verto/verto_communicator/src/index.html
@@ -99,6 +99,7 @@
     <script src="bower_components/bootstrap-material-design/dist/js/ripples.js"></script>
     <script src="bower_components/angular-translate/angular-translate.js"></script>
     <script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>
+    <script src="bower_components/angular-click-outside/clickoutside.directive.js"></script>
     <!-- endbower -->
     <!-- endbuild -->
 

diff --git a/html5/verto/verto_communicator/src/partials/settings.html b/html5/verto/verto_communicator/src/partials/settings.html
index 96d19db0b7cbc303f6563f4c7b72af1d056bb142..d806f3e2b08df5eea479f0e67906a08448f4e1bb 100644 (file)
--- a/html5/verto/verto_communicator/src/partials/settings.html
+++ b/html5/verto/verto_communicator/src/partials/settings.html
@@ -1,4 +1,4 @@
-<div id="settings" ng-controller="SettingsController">
+<div id="settings" ng-controller="SettingsController" click-outside="$parent.toggleSettings()">
   <div class="content">
     <div class="col-md-4">
 

diff --git a/html5/verto/verto_communicator/src/vertoApp/vertoApp.module.js b/html5/verto/verto_communicator/src/vertoApp/vertoApp.module.js
index 80b81236da6a7bec3ea897b69b7468d807f499cf..dc3ce4a18101dc5caacf8cc72ad1777f3357262f 100644 (file)
--- a/html5/verto/verto_communicator/src/vertoApp/vertoApp.module.js
+++ b/html5/verto/verto_communicator/src/vertoApp/vertoApp.module.js
@@ -18,6 +18,7 @@
     'ui.bootstrap',
     'directive.g+signin',
     'pascalprecht.translate',
+    'angular-click-outside',
   ]);
 
   vertoApp.constant('configLanguages', {