Correct logo link on touch devices to navigate to home page and close menu

On touch devices, AngularJS directive does not work with href attribute (angular/angular.js#5307). Thus clicking on the logo was closing the menu but wasn't navigating to the home page. Also profile link was navigating to the profile page but not closing the menu.

Author: Maxime Béguin

app/client/admin/js/ov/MainController.js

@@ -100,6 +100,13 @@
         $scope.isResponsiveMenuClosed = false;
     };
 
+    $scope.navigate = function(event) {
+      if (event) {
+        $scope.closeResponsiveMenu();
+        $location.path(angular.element(event.currentTarget).attr('href'));
+      }
+    };
+
     /**
      * Changes the language to the given one.
      * This will reload the page due to the main menu which can't be

app/client/admin/views/root.html

@@ -33,7 +33,7 @@
         </div>
 
         <!-- Logo -->
-        <a class="navbar-brand" href="/be" ng-click="closeResponsiveMenu();">
+        <a class="navbar-brand" href="/be" ng-click="navigate($event)">
           <img alt="OpenVeo" src="images/logo-white.png">
         </a>
         <!-- /logo -->
@@ -42,7 +42,7 @@
         <!-- Top Right Menu -->
         <ul class="nav navbar-nav navbar-right ">
           <li popover-title="{{'MENU.PROFILES' | translate}}" popover="{{userInfo.name}}" popover-trigger="mouseenter click" popover-placement="bottom">
-            <a class="icon" href="profile" >
+            <a class="icon" href="profile" ng-click="navigate($event)">
               <div class="glyphicon glyphicon-user"></div>
             </a>
           </li>