external-links-data.directive.js

(function() {
  'use strict';

  /**
   * @desc links data card directive
   * @example <external-links-data></external-links-data>
   */
  angular
    .module('tcUIComponents')
    .directive('externalLinksData', externalLinksData);

  function externalLinksData() {
    var directive = {
     restrict: 'E',
      templateUrl: 'directives/external-account/external-link-data.directive.html',
      scope: {
        linkedAccountsData: '=',
        editable: '=',
        userHandle: '@'
      },
      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',
              template: 'directives/external-account/external-link-deletion-confirm.html',
              controller: 'ExternalLinkDeletionController',
              controllerAs: 'vm',
              resolve: {
                userHandle: function() {
                  return $scope.userHandle;
                },
                account: function() {
                  return account;
                },
                linkedAccountsData: function() {
                  return $scope.linkedAccountsData;
                }
              }
            }).closePromise.then(function (data) {
              $log.debug('Closing deletion confirmation dialog.');
            });
          }
        }
      ]
    };
    return directive;
  }
})();