Resolves API error for fetching and Article/Article List links on 'Ar…

…ticles by Person' blocks on Person pages
CuBoulder · Jul 25, 2024 · 4f9278a · 4f9278a
1 parent f161d62
commit 4f9278a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/js/ucb-person-article-list.js b/js/ucb-person-article-list.js
@@ -3,7 +3,8 @@ class PersonArticleList extends HTMLElement {
         super();
         // Article Endpoint
         const nodeID = this.getAttribute('nodeId');
-        const API = `/jsonapi/node/ucb_article?include=field_ucb_article_byline.field_author_person_page&filter[field_ucb_article_byline.field_author_person_page.meta.drupal_internal__target_id]=${nodeID}&filter[status][value]=1&page[limit]=10&sort=-created`;
+        this._baseURI = this.getAttribute("base-uri");
+        const API = `${this._baseURI}/jsonapi/node/ucb_article?include=field_ucb_article_byline.field_author_person_page&filter[field_ucb_article_byline.field_author_person_page.meta.drupal_internal__target_id]=${nodeID}&filter[status][value]=1&page[limit]=10&sort=-created`;
         fetch(API)
             .then(this.handleError)
             .then((data) => this.build(data, 5))
@@ -20,7 +21,7 @@ class PersonArticleList extends HTMLElement {
         let NEXTJSONURL = "";
         if(data.links.next) {
             let nextURL = data.links.next.href.split("/jsonapi/");
-            NEXTJSONURL = `/jsonapi/${nextURL[1]}`;
+            NEXTJSONURL = `${this._baseURI}/jsonapi/${nextURL[1]}`;
           } else {
             NEXTJSONURL = "";
           }
@@ -62,7 +63,7 @@ class PersonArticleList extends HTMLElement {
         }
 
         // Have articles and want to proceed
-        if(finalArticles.length > 0 && !NEXTJSONURL){
+        if(finalArticles.length > 0 && !NEXTJSONURL ){
           this.renderDisplay(finalArticles, bylineTerm);
         }
     }
@@ -74,13 +75,13 @@ class PersonArticleList extends HTMLElement {
 
         articleArray.forEach(article=>{
           // Article Data
-          var articleLink = article.link;
+          var articleLink = `${this._baseURI}${article.link}`;
           var articleTitle = article.title;
 
           // Create and Append Elements
           var article = document.createElement('article');
           article.classList = 'ucb-article-card-title-only col-sm-12 col-md-6';
-    
+
           var articleBody = document.createElement('div');
           articleBody.classList = 'ucb-article-card-data';
 
@@ -105,7 +106,7 @@ class PersonArticleList extends HTMLElement {
         var readMoreDiv = document.createElement('div');
         readMoreDiv.classList.add('ucb-article-read-more-container', 'col-sm-12', 'col-md-6');
         var readMoreLink = document.createElement('a');
-        readMoreLink.href = `/taxonomy/term/${bylineTerm.id}`;
+        readMoreLink.href = `${this._baseURI}/taxonomy/term/${bylineTerm.id}`;
         readMoreLink.classList.add('ucb-article-read-more');
         readMoreLink.innerText = `More Articles by ${bylineTerm.name}`;
         readMoreDiv.appendChild(readMoreLink);
@@ -130,7 +131,7 @@ class PersonArticleList extends HTMLElement {
 
     // Used for error handling within the API response
     handleError = response => {
-        if (!response.ok) { 
+        if (!response.ok) {
            throw new Error;
         } else {
            return response.json();
@@ -147,4 +148,4 @@ class PersonArticleList extends HTMLElement {
     }
 }
 
-customElements.define('person-article-list', PersonArticleList);
+customElements.define('person-article-list', PersonArticleList);
diff --git a/templates/content/node--ucb-person.html.twig b/templates/content/node--ucb-person.html.twig
@@ -16,6 +16,8 @@
   'ucb-content-wrapper'
 ] %}
 
+{% set baseurlJSON = url('<front>')|render|trim('/') %}
+
 <article{{attributes.addClass(classes)}} itemscope itemtype="https://schema.org/Person">
     <div class="container ucb-person-header">
         <h1 class="ucb-person-name">
@@ -72,7 +74,7 @@
             </div>
         </div>
         <div class="ucb-articles-by-person-block">
-            <person-article-list nodeid="{{ node.id }}">
+            <person-article-list base-uri="{{baseurlJSON}}" nodeid="{{ node.id }}">
                 <div id="ucb-person-article-block-title" style="display:none">
                     <h2>Articles by
                         {{ content.field_ucb_person_first_name }}