Feature/sup 2150 ext acc card add profile url link

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

@@ -1,5 +1,5 @@
 .external-link-list
-  div.external-link-tile(ng-repeat="account in linkedAccountsData", ng-class="{'external-link-tile--editable' : editable}")
+  .external-link-tile(ng-repeat="account in linkedAccountsData", ng-class="{'external-link-tile--editable' : editable, 'external-link-tile--pending' : account.status === 'PENDING' || account.data.status === 'PENDING'}", ng-click="openLink(account)")
     .top
       .ext-link-tile_edit-header(ng-show="editable && account.provider === 'weblink'")
         .ext-link-tile_edit-header_delete(ng-click="confirmDeletion(account)", ng-class="{'ext-link-tile_edit-header_delete--disabled': account.deletingAccount || account.status === 'PENDING'}")
@@ -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

@@ -18,12 +18,27 @@
         editable: '=',
         userHandle: '@'
       },
-      controller: ['$log', '$scope', 'ExternalWebLinksService', 'toaster', 'ngDialog',
-        function($log, $scope, ExternalWebLinksService, toaster, ngDialog) {
+      controller: ['$log', '$scope', '$window', '$filter', 'ExternalWebLinksService', 'toaster', 'ngDialog',
+        function($log, $scope, $window, $filter, ExternalWebLinksService, toaster, ngDialog) {
 
           $log = $log.getInstance("ExternalLinksDataCtrl");
           $scope.deletionDialog = null;
 
+          $scope.openLink = function(account) {
+            var url = null;
+            if (account) {
+              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');
+            }
+          }
+
           $scope.confirmDeletion = function(account) {
             $scope.deletionDialog = ngDialog.open({
               className: 'ngdialog-theme-default tc-dialog',

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")

assets/css/directives/external-link-data.scss

@@ -313,5 +313,11 @@ external-accounts {
     .external-link-tile--editable {
       // height: 285px;
     }
+
+    .external-link-tile--pending {
+      &:hover {
+        cursor: default;
+      }
+    }
   }
 }