Merge pull request #514 from GSA/staging

OGPWEB-10753
External links now displays the external link icon beside them and opens a new window

assets/css/main.scss

@@ -32,4 +32,33 @@
 
 .margin-top{
     margin-top: 2rem !important;
+}
+
+
+
+
+.external-link::after {
+  background-image: url('../images/icons/external-link.svg'); 
+  margin-left: 4px;
+  background-position: 50% 60%;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  content: "";
+  display: inline;
+  margin-left: 5px;
+  padding-left: .65em;
+}
+
+#ogp-identifier.usa-identifier .external-link::after,
+.usa-button.external-link::after,
+.usa-nav__submenu-item .external-link::after {
+  background-image: url('../images/icons/launch--white.png'); 
+  margin-left: 4px;
+  background-position: 50% 60%;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  content: "";
+  display: inline;
+  margin-left: 5px;
+  padding-left: .65em;
 }

assets/js/app.js

@@ -1,3 +1,14 @@
 // Add your custom javascript here
 console.log("Hi from Federalist");
 
+
+document.addEventListener('DOMContentLoaded', function() {
+    const links = document.querySelectorAll('a');
+    links.forEach(link => {
+      const url = new URL(link.href);
+      if (url.origin !== window.location.origin && !link.querySelector('img')) {
+        link.classList.add('external-link');
+        link.setAttribute('target', '_blank');
+      }
+    });
+  });