Issue/163

css/ucb-related-articles.css

@@ -0,0 +1,21 @@
+.ucb-related-articles-block{
+    display: none;
+}
+
+.ucb-article-card-img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  .ucb-article-card-data {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .ucb-article-card {
+    margin-bottom: 2em;
+  }
+
+  .ucb-related-article-card-body{
+    font-size: 85%;
+  }

templates/content/node--ucb-article.html.twig

@@ -8,6 +8,7 @@
 
 {{ attach_library('ucb2021_base/ucb-page') }}
 {{ attach_library('ucb2021_base/ucb-article') }}
+{{ attach_library('ucb2021_base/ucb-related-articles') }}
 
 {%
 set classes = [
@@ -18,6 +19,7 @@ view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
 ]
 %}
 
+
 {% set social_share_button_position = drupal_config('ucb2021_base.settings', 'ucb_social_share_position')%}
 {% set social_share_class = "" %}
 {% if social_share_button_position == "0"%}
@@ -36,9 +38,27 @@ view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
 
 {#Dummy variable to ensure that all content tags are set for caching purposes#}
 {% set content_render = content|render %}
-
 {% if not content.field_ucb_article_external_url|render %}
+
+{# Related Articles setup #}
+{# {% set showRelated = ''%} #}
+
+{% set myTags %}
+    {{ content.field_ucb_article_tags }}
+{% endset %}
+{% set myCats %}
+    {{ content.field_ucb_article_categories }}
+{% endset %}
+{% set showRelated %}
+    {{content.field_ucb_related_articles_parag.0}}
+{% endset %}
+{# {% if show_Related != "Off" %}
+    {% set showRelated = true %}
+    {% endset %}
+{% endif %} #}
+
 <article{{attributes.addClass(classes)}}>
+
     <div class="container ucb-article" itemscope itemtype="https://schema.org/Article">
         {{ label }}
         {# TO DO - conditional render #}
@@ -83,8 +103,13 @@ view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
                 {{ content.field_ucb_article_tags }}
             </div>
         {% endif %}
+{# TO DO -- Related Articles Block #}
+        <div class="ucb-related-articles-block" data-catsjson="{{content.field_ucb_article_categories| json_encode(constant('JSON_PRETTY_PRINT'))}}" data-tagsjson="{{ content.field_ucb_article_tags| json_encode(constant('JSON_PRETTY_PRINT')) }}"data-relatedshown="{{showRelated|striptags|trim}}"data-tags="{{myTags|render|striptags|trim|replace({"\n": "", "\r": "", "\t": ""})}}"data-cats="{{myCats|render|striptags|trim|replace({"\n": "", "\r": "", "\t": ""})}}">
+                {{content.field_ucb_related_articles_parag}}
+        </div>
     </div>
 </article>
+
 {% else %}
     {% if not user.hasPermission('update node') %}
         {# redirect non-authenticated users to the specified URL #}

templates/field/field--field-ucb-article-categories.html.twig

@@ -6,5 +6,7 @@
 #}
 
 {% for item in items %}
+  <div>
     {{ item|render }}
+  </div>
 {% endfor %}

templates/field/field--node--field-ucb-related-articles-parag.html.twig

@@ -0,0 +1,3 @@
+{% for item in items %}
+    <h2>{{item}}</h2>
+{% endfor %}

templates/field/field--paragraph--field-ucb-related-cat-exclude.html.twig

@@ -0,0 +1,19 @@
+{% set excludeCategories = '' %}
+{% set myExCategories =
+  items|render|striptags|trim|split(' ')
+%}
+
+
+{% for item in myExCategories %}
+  {% if item %}
+    {% if loop.last %}
+      {% set excludeCategories = excludeCategories ~ (item|trim) %}
+    {% else %}
+      {% set excludeCategories = excludeCategories ~ (item|trim) ~ ',' %}
+    {% endif %}
+  {% endif %}
+{% endfor %}
+
+   <div id="ucb-related-articles-exclude-categories" data-excludeCategories="{{excludeCategories}}"></div>
+
+

templates/field/field--paragraph--field-ucb-related-tag-exclude.html.twig

@@ -0,0 +1,16 @@
+{% set excludeTags = '' %}
+{% set myExTags =
+  items|render|striptags|trim|split('')
+%}
+
+{% for item in myExTags %}
+  {% if item %}
+    {% if loop.last %}
+      {% set excludeTags = excludeTags ~ (item|trim) %}
+    {% else %}
+      {% set excludeTags = excludeTags ~ (item|trim) ~ ',' %}
+    {% endif %}
+  {% endif %}
+{% endfor %}
+
+   <div id="ucb-related-articles-exclude-tags" data-excludeTags="{{excludeTags}}"></div>

ucb2021_base.libraries.yml

@@ -164,7 +164,14 @@ ucb-article-list:
     theme:
       css/ucb-article-list.css: {}
 
+ucb-related-articles:
+  version: 1.x
+  js:
+    js/ucb-related-articles.js: {}
+  css:
+    theme:
+      css/ucb-related-articles.css: {}
 ucb-site-contact-info-footer:
   css:
     theme:
-      css/ucb-site-contact-info-footer.css: {}
+      css/ucb-site-contact-info-footer.css: {}