From b13c133c3a7ac100123c2fc0c9ea2f2424d5bd16 Mon Sep 17 00:00:00 2001
From: d3netxer <tgertin@vt.edu>
Date: Fri, 12 Jan 2024 18:41:11 +0300
Subject: [PATCH] decoding more fields

---
 _layouts/post.html                 |  2 +-
 _layouts/project.html              | 24 +++++++++++++++++++++++-
 assets/js/custom/project-filter.js | 14 ++++++++++----
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index a556be04..7f355fbd 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -6,7 +6,7 @@
       {% include navbar.html %}
       <div class="blog-post content">
         <div class="blog-post-title">
-          {{ page.title}}
+          {{ page.title }}
         </div>
         {% if page.author %}
         <span class="blog-post-by-line">
diff --git a/_layouts/project.html b/_layouts/project.html
index 11b37900..3c780718 100644
--- a/_layouts/project.html
+++ b/_layouts/project.html
@@ -145,13 +145,22 @@ <h3>Education Activity Duration:</h3>
         </div>
         
         
-        <div class="project-tags">
+        <!-- <div class="project-tags">
           <p>Tags:&nbsp;</p>
           <div class="card-tags">
             {% for tag in page.tags %}
               <span class="card-tag">{{ tag }}</span>
             {% endfor %}
           </div>
+        </div> -->
+
+        <div class="project-tags">
+          <p>Tags:&nbsp;</p>
+          <div class="card-tags" id="card-tags">
+            {% for tag in page.tags %}
+              <span class="card-tag" data-encoded-tag="{{ tag | url_decode }}">{{ tag | url_decode }}</span>
+            {% endfor %}
+          </div>
         </div>
         
         {% if page.video_link %}
@@ -225,10 +234,23 @@ <h3>Education Activity Duration:</h3>
           let decodedDescription = decodeURIComponent(encodedDescription);
 
           //console.log(decodedDescription)
+          //console.log('lets decode')
 
           // Insert the decoded string into the HTML
           document.getElementById('project-description').innerHTML = decodedDescription;
 
+          // Decode the fields
+          let decodedTitle = decodeURIComponent("{{ page.title }}");
+          let decodedSubtitle = decodeURIComponent("{{ page.subtitle }}");
+          let decodedAuthor = decodeURIComponent("{{ page.author }}");
+
+          //console.log('lets decode title')
+          //console.log(decodedTitle)
+          // Set the decoded strings into the HTML
+          document.querySelector('.project-title h1').textContent = decodedTitle;
+          document.querySelector('.project-title h3').textContent = decodedSubtitle;
+          document.querySelector('.project-title p').textContent = decodedAuthor;
+
         </script>
 
         <script>
diff --git a/assets/js/custom/project-filter.js b/assets/js/custom/project-filter.js
index 65a9a77c..a198cb7d 100644
--- a/assets/js/custom/project-filter.js
+++ b/assets/js/custom/project-filter.js
@@ -125,10 +125,16 @@ class ProjectFilter {
       url,
     } = project;
 
+    let decodedTitle = decodeURIComponent(project.title);
+    let decodedSubtitle = decodeURIComponent(project.subtitle);
+    let decodedAuthor = decodeURIComponent(project.author);
     // Decode URL-encoded description
     let decodedDescription = decodeURIComponent(project.description);
     // Then decode HTML entities
     decodedDescription = decodeHtml(decodedDescription);
+    //decode tags
+    let decodedTags = project.tags.map(tag => decodeURIComponent(tag));
+
 
     return `
       <div class="project-card">
@@ -140,12 +146,12 @@ class ProjectFilter {
         <div class="card-content">
           <div class="card-title">
 
-            <a href="${project.url}"><h1><strong>Title: </strong>${title}</h1></a>
-            <h2><strong>Subtitle: </strong>${subtitle}</h2>
+            <a href="${project.url}"><h1><strong>Title: </strong>${decodedTitle}</h1></a>
+            <h2><strong>Subtitle: </strong>${decodedSubtitle}</h2>
 
             <div class="card-container">
                 <div class="card-child">
-                    <strong>Author: </strong>${author}
+                    <strong>Author: </strong>${decodedAuthor}
                 </div>
                 <div class="card-child">
                     <strong>Date posted: </strong>${date_posted || '-'}
@@ -159,7 +165,7 @@ class ProjectFilter {
         <div class="card-tags">
           <p>Tags:&nbsp;</p>
           ${
-            tags
+            decodedTags
               .map(tag => `<span class="card-tag">${tag}</span>`)
               .join('')
           }