LOOP-1237: Make external links open in new tab

Author: rimi-itk

web/profiles/custom/os2loop/themes/os2loop_theme/assets/app.js

@@ -38,4 +38,12 @@ jQuery(() => {
 				.parent()
 				.removeClass("search-api-autocomplete-has-suggestions")
 		);
+
+	// Add target="_blank" to all external links in main content.
+	jQuery(".os2loop-main-content a").each((index, el) => {
+		const $el = $(el);
+		if (/^https?:\/\//.test($el.attr("href")) && !$el.attr("target")) {
+			$el.attr("target", "_blank");
+		}
+	});
 });

web/profiles/custom/os2loop/themes/os2loop_theme/templates/content/node--os2loop-documents-collection.html.twig

@@ -85,7 +85,7 @@
   <div class="tab-content" id="document-tabs-content">
     <div class="tab-pane show active" id="collection" role="tabpanel" aria-labelledby="collection-tab">
       {{ macros.title(label, "collection", node, content) }}
-      <div{{ content_attributes }}>
+      <div{{ content_attributes.addClass('os2loop-main-content') }}>
         {{ content.os2loop_documents_info_box }}
         {{ content.os2loop_documents_dc_content }}
       </div>

web/profiles/custom/os2loop/themes/os2loop_theme/templates/content/node--os2loop-documents-document.html.twig

@@ -113,7 +113,7 @@
   <div class="tab-content" id="document-tabs-content">
     <div class="tab-pane show active" id="document" role="tabpanel" aria-labelledby="document-tab">
       {{ macros.title(label, "document", node, content) }}
-      <div{{ content_attributes }}>
+      <div{{ content_attributes.addClass('os2loop-main-content') }}>
         {{ content.os2loop_documents_info_box }}
         {{ content.os2loop_documents_document_body }}
         {{ content.os2loop_documents_document_conte }}