Add external link for v1.3 #110

498a4280 · khawkins98 · dcb59e5a · 498a4280 · 498a4280
Commit 498a4280 authored 7 years ago by khawkins98
--- a/css/ebi-css-build/ebi-global.scss
+++ b/css/ebi-css-build/ebi-global.scss
@@ -341,6 +341,18 @@
    .lead { color: $secondary-color; margin-bottom: .5rem; }
  }

+  // external links
+  a.external{
+    &:after {
+      content: " x";
+      font-family: "EBI-Generic";
+      font-size: .65rem;
+      position: relative;
+      top: -1px;
+      margin-left: .4rem;
+    }
+  }
+
  // read more
  a.read-more,
  a.readmore,

--- a/js/foundationExtendEBI.js
+++ b/js/foundationExtendEBI.js
@@ -395,6 +395,18 @@ function invokeResponsiveMenuEBI() {

  }

+  // Programatically open external links in new tabs, and add '.external'
+  function addBlankTargetToExternalLinkEBI(parent) {
+    var parent = parent || '#content';
+    $(parent + ' a').filter(function() {
+       return this.hostname && this.hostname !== location.hostname;
+    }).attr('target','_blank');
+  }
+  function addExternalToBlankWindowLinksEBI(parent) {
+    var parent = parent || '#content';
+    $(parent + ' a[target="_blank"]').addClass('external');
+  }
+
  /* Allow invokation of of foundation and foundationExtendEBI with data attributes

    <body data-foundationInvoke="document" data-foundationExtendEBI="document">
@@ -416,5 +428,9 @@ function invokeResponsiveMenuEBI() {
    if (bodyData.foundationExtendEBI === 'true') bodyData.foundationExtendEBI = 'document';
    $(bodyData.foundationExtendEBI).foundationExtendEBI();
  }
+  if (bodyData.addExternal) {
+    addBlankTargetToExternalLinkEBI();
+    addExternalToBlankWindowLinksEBI();
+  }

 }(jQuery));