[597] Connected tags to category

website/modules/case-studies-page/views/index.html

@@ -123,18 +123,34 @@
           {% endif %}
           <div class="cs_details">
             <h3 class="cname">{{ article.title }}</h3>
-            <div class="type">{{ article.caseStudyType }}</div>
-            <div class="industry">{{ article.industry }}</div>
+            <div class="type">
+              {% if article._caseStudyType.length %}
+                {% for type in article._caseStudyType %}
+                  {{ type.title }}{% if not loop.last %}, {% endif %}
+                {% endfor %}
+              {% endif %}
+            </div>
+            <div class="industry">
+              {% if article._industry.length %}
+                {% for industry in article._industry %}
+                  {{ industry.title }}{% if not loop.last %}, {% endif %}
+                {% endfor %}
+              {% endif %}
+            </div>
 
             {% if article.portfolioTitle %}
 
             <h4 class="portfolio-title">{{ article.portfolioTitle }}</h4>
 
-            {% endif %} {% if article.stack %}
-
-            <div class="stack">{{ article.stack }}</div>
-
-            {% endif %}
+            {% endif %} 
+
+            <div class="stack">
+              {% if article._stack.length %}
+                {% for tech in article._stack %}
+                  {{ tech.title }}{% if not loop.last %}, {% endif %}
+                {% endfor %}
+              {% endif %}
+            </div>
           </div>
         </a>
         {# CARD END: {{ article.title }} #} {% endfor %}

website/modules/case-studies-page/views/show.html

@@ -39,14 +39,25 @@ <h1 class="cname">{{ data.piece.title }}</h1>
             class="client-website-link"
             >{{ data.piece.clientWebsite }}</a
           >
-          {% endif %} {% if data.piece.industry %}
-          <div class="industry">{{ data.piece.industry }}</div>
-          {% endif %} {% if data.piece.portfolioTitle %}
+          {% endif %} 
+          {% if data.piece._industry.length %}
+          <div class="industry">
+            {% for industry in data.piece._industry %}
+              {{ industry.title }}{% if not loop.last %}, {% endif %}
+            {% endfor %}
+          </div>
+          {% endif %}
+          {% if data.piece.portfolioTitle %}
           <h2 class="portfolio-title">{{ data.piece.portfolioTitle }}</h2>
           {% endif %} {% if data.piece.descriptor %}
           <p class="descriptor">{{ data.piece.descriptor }}</p>
-          {% endif %} {% if data.piece.caseStudyType %}
-          <div class="type">{{ data.piece.caseStudyType }}</div>
+          {% endif %} 
+          {% if data.piece._caseStudyType.length %}
+          <div class="type">
+            {% for type in data.piece._caseStudyType %}
+              {{ type.title }}{% if not loop.last %}, {% endif %}
+            {% endfor %}
+          </div>
           {% endif %}
         </div>
 
@@ -82,10 +93,15 @@ <h3>Solution</h3>
           <h3>Results</h3>
           <p>{{ data.piece.results }}</p>
         </div>
-        {% endif %} {% if data.piece.stack %}
+        {% endif %} 
+        {% if data.piece._stack.length %}
         <div>
           <h3>Tech stack</h3>
-          <p>{{ data.piece.stack }}</p>
+          <p>
+            {% for tech in data.piece._stack %}
+              {{ tech.title }}{% if not loop.last %}, {% endif %}
+            {% endfor %}
+          </p>
         </div>
         {% endif %}
       </div>

website/modules/case-studies/index.js

@@ -37,23 +37,86 @@ module.exports = {
           },
         },
       },
-      stack: {
+      _stack: {
         label: 'Tech Stack',
-        type: 'string',
-        help: 'Comma separated tags indicating the technologies utilized in the project.',
+        type: 'relationship',
+        withType: 'cases-tags',
         required: true,
+        builders: {
+          project: {
+            'title': 1,
+            '_category.title': 1,
+          },
+        },
+        withRelationships: ['_category'],
+        browser: {
+          projection: {
+            'title': 1,
+            '_category._id': 1,
+            '_category.title': 1,
+          },
+          filters: [
+            {
+              field: '_category.title',
+              value: 'Technology',
+            },
+          ],
+        },
+        help: 'Select technologies utilized in the project.',
       },
-      caseStudyType: {
+      _caseStudyType: {
         label: 'Case Study Type',
-        type: 'string',
-        help: 'The nature of the project identifying the projectʼs scope and requirements, relationship, or key characteristics (e.g., Mobile Development, Product Enhancement, ML/AI).',
+        type: 'relationship',
+        withType: 'cases-tags',
         required: true,
+        builders: {
+          project: {
+            'title': 1,
+            '_category.title': 1,
+          },
+        },
+        withRelationships: ['_category'],
+        browser: {
+          projection: {
+            'title': 1,
+            '_category._id': 1,
+            '_category.title': 1,
+          },
+          filters: [
+            {
+              field: '_category.title',
+              value: 'Case Study Type',
+            },
+          ],
+        },
+        help: 'The nature of the project identifying the projectʼs scope and requirements, relationship, or key characteristics.',
       },
-      industry: {
+      _industry: {
         label: 'Industry',
-        type: 'string',
-        help: "Comma seperated tags representing the client's industry or sector (e.g. Financial Services, Healthcare, Retail & E-commerce).",
+        type: 'relationship',
+        withType: 'cases-tags',
         required: true,
+        builders: {
+          project: {
+            'title': 1,
+            '_category.title': 1,
+          },
+        },
+        withRelationships: ['_category'],
+        browser: {
+          projection: {
+            'title': 1,
+            '_category._id': 1,
+            '_category.title': 1,
+          },
+          filters: [
+            {
+              field: '_category.title',
+              value: 'Industry',
+            },
+          ],
+        },
+        help: "Select client's industry or sector.",
       },
       portfolioTitle: {
         label: 'Portfolio Title',
@@ -136,9 +199,9 @@ module.exports = {
           'title',
           'clientWebsite',
           'picture',
-          'stack',
-          'caseStudyType',
-          'industry',
+          '_stack',
+          '_caseStudyType',
+          '_industry',
           'portfolioTitle',
           'descriptor',
           'prodLink',
@@ -157,8 +220,9 @@ module.exports = {
   },
   columns: {
     add: {
-      stack: {
+      _stack: {
         label: 'Tech Stack',
+        component: 'AposCellTags',
       },
       _tags: {
         label: 'Tags',

website/modules/cases-tags/index.js

@@ -43,4 +43,11 @@ module.exports = {
       },
     },
   },
+  filters: {
+    add: {
+      _category: {
+        label: 'Category',
+      },
+    },
+  },
 };