From 6a54a606022560aeedff5891fc0e85af06f803de Mon Sep 17 00:00:00 2001
From: Italo Rossi <italorossib@gmail.com>
Date: Thu, 9 Jun 2016 17:13:18 -0300
Subject: [PATCH] FS-9249 [verto_communicator] Closing settings panel if the
 user clicks outside the element

---
 html5/verto/verto_communicator/bower.json                      | 3 ++-
 html5/verto/verto_communicator/src/index.html                  | 1 +
 html5/verto/verto_communicator/src/partials/settings.html      | 2 +-
 html5/verto/verto_communicator/src/vertoApp/vertoApp.module.js | 1 +
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/html5/verto/verto_communicator/bower.json b/html5/verto/verto_communicator/bower.json
index 975807de00..9722da6eb8 100644
--- 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 736ab14974..e886875756 100644
--- 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 96d19db0b7..d806f3e2b0 100644
--- 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 80b81236da..dc3ce4a181 100644
--- 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', {