feat: tup-706 news on other sites

pyproject.toml

@@ -59,6 +59,7 @@ djangocms-picture = "3.0.0"
 djangocms-snippet = "3.0.0"
 djangocms-style = "3.0.0"
 djangocms-tacc-image-gallery = {git = "https://github.com/TACC/Core-CMS-Plugin-Image-Gallery.git", rev = "v0.1.4"}
+djangocms-tacc-remote-content = {git = "https://github.com/TACC/Core-CMS-Plugin-Remote-Content.git", rev = "v0.3.3"}
 djangocms-tacc-system-monitor = {git = "https://github.com/TACC/Core-CMS-Plugin-System-Monitor.git", rev = "v0.3.0"}
 djangocms-text-ckeditor = "^5.1"
 djangocms-transfer = "1.0.1"

taccsite_cms/settings_custom.example.py

@@ -33,8 +33,8 @@
     ('standard.html', 'Standard'),
     ('fullwidth.html', 'Full Width'),
 
-    # WARNING: Not intuitive to unset, so only enable as needed e.g. serve Blog such that it can be injected into another CMS
-    # ('raw.html', 'Raw'),
+    # WARNING: Unintuitive, so only enable as needed e.g. TACC/Core-CMS#868
+    # ('plain.html', 'Plain'),
 )
 
 ########################

taccsite_cms/static/site_cms/js/modules/manageExternalArticles.js

@@ -0,0 +1,46 @@
+/**
+ * Get URL of external web article of which internal news article represents
+ * @param {HTMLElement} article - The article within which to find external URL
+ * @return {string|null} - The URL of the external article
+ */
+export function getArticleExternalURL(article) {
+  if (!article) {
+    console.warn('No article found', article);
+    return;
+  }
+
+  // The admin of news promises leads/abstracts will only have 1 external link
+  const contentLink = article.querySelector('.blog-lead a[href^="http"]');
+  const isExternalLink = contentLink.hostname !== window.location.hostname;
+  const URL = isExternalLink ? contentLink.href : null;
+
+  return URL;
+}
+
+/**
+ * Modify article links to point to external URLs based on tag name
+ * @param {string} [extTagName='external'] - A tag that has been set on articles to select
+ */
+export function changeHowExternalArticleOpens(extTagName = 'external') {
+  const articles = document.querySelectorAll(
+    `.blog-list article.has-blog-tag-${extTagName}`
+  );
+
+  console.debug(`Found ${articles.length} article(s) with tag "${extTagName}"`, articles );
+
+  [ ...articles ].forEach( article => {
+    const externalLinkUrl = getArticleExternalURL( article );
+
+    if ( externalLinkUrl ) {
+      const links = article.querySelectorAll(':is(h3, footer) a');
+
+      // all links to the post should open external URL in new window
+      [ ...links ].forEach( link => {
+        console.debug(`Changed article link to "${externalLinkUrl}"`, link );
+
+        link.href = externalLinkUrl;
+        link.setAttribute('target', '_blank');
+      });
+    }
+  });
+}

taccsite_cms/templates/snippets/news/open-external-articles.html

@@ -0,0 +1,16 @@
+{# To open external news article, instead of internal news article #}
+{% load static %}
+
+<script id="blog-list-link-to-external-site" type="module">
+import { changeHowExternalArticleOpens } from '{% static "site_cms/js/modules/manageExternalArticles.js" %}';
+
+// The `{{html}}` is whatever user entered into snippet "HTML:" field
+const parameter = '{{html}}';
+
+// Only certain articles should support this feature, cuz
+// articles might include external links on internal article
+const extTagName = parameter ? parameter : `external`;
+
+// Only care about articles with the given tag
+changeHowExternalArticleOpens(extTagName);
+</script>