SUP-2788, Weblinks-- Mousehover on the whole card, but clicking on card is not opening up the weblink

-- Opened web link in new tab for external web link cards
-- Prevented double new tabs for the link when clicked on the URL in the card itself

Author: vikasrohit

app/directives/external-account/external-link-data.directive.jade

@@ -106,4 +106,4 @@
         p.link-title(data-ellipsis, ng-bind="account.title", ng-hide="account.status === 'PENDING'")
         p.link-title(ng-show="account.status === 'PENDING'") Loading data. This will take a few minutes.
 
-        a.link-url(ng-href="{{account.URL | urlProtocol}}", ng-bind="account.URL")
+        a.link-url(ng-href="{{account.URL | urlProtocol}}", ng-bind="account.URL", target="_blank",prevent-event-propagation)

app/directives/external-account/external-links-data.directive.js

@@ -30,6 +30,9 @@
               if (account.data && account.data.profileURL && account.data.status !== 'PENDING') {
                 url = account.data.profileURL;
               }
+              if (account.URL && account.status !== 'PENDING') {
+                url = account.URL;
+              }
             }
             if (url) {
               $window.open($filter('urlProtocol')(url), '_blank');

app/directives/preventEventPropagation.directive.js

@@ -0,0 +1,15 @@
+(function() {
+  'use strict';
+
+  angular.module('tcUIComponents').directive('preventEventPropagation', preventEventPropagation);
+
+  preventEventPropagation.$inject = ['$timeout', '$parse'];
+
+  function preventEventPropagation($timeout, $parse) {
+    return function(scope, element, attr) {
+      element.bind('click', function(evt) {
+        evt.stopPropagation();
+      });
+    };
+  }
+})();

app/index.jade

@@ -205,6 +205,7 @@ html
     script(src="directives/on-file-change.directive.js")
     script(src="directives/onoffswitch/onoffswitch.directive.js")
     script(src="directives/page-state-header/page-state-header.directive.js")
+    script(src="directives/preventEventPropagation.directive.js")
     script(src="directives/profile-widget/profile-widget.directive.js")
     script(src="directives/responsive-carousel/responsive-carousel.directive.js")
     script(src="directives/skill-tile/skill-tile.directive.js")