fixes for appCard and apps.js

controllers/apps.js

@@ -27,9 +27,19 @@ export const Apps = (req, res) => {
 
     let apps_list = '';
     for (let i = list_start; i < list_end && i < templates.length; i++) {
-        let app_card = readFileSync('./views/partials/appCard.html', 'utf8');
-
-        apps_list += app_card;
+        let appCard = readFileSync('./views/partials/appCard.html', 'utf8');
+        let name = templates[i].name || templates[i].title.toLowerCase();
+        let desc = templates[i].description.slice(0, 60) + "...";
+        let description = templates[i].description.replaceAll(". ", ".\n") || "no description available";
+        let note = templates[i].note ? templates[i].note.replaceAll(". ", ".\n") : "no notes available";
+        let image = templates[i].image;
+        let logo = templates[i].logo;
+
+        appCard = appCard.replace(/AppShortName/g, name);
+        appCard = appCard.replace(/AppDesc/g, desc);
+        appCard = appCard.replace(/AppLogo/g, logo);
+
+        apps_list += appCard;
     }
     
     res.render("apps", {

views/partials/appCard.html

@@ -1,9 +1,9 @@
 <div class="col-md-6 col-lg-3">
     <div class="card">
         <div class="card-body p-4 text-center">
-            <span class="avatar avatar-xlplus mb-3 rounded"><img src='${data.logo}' width="144px" height="144px" loading="lazy"/></span>
-            <h3 class="m-0 mb-1"><a href="#">${shortened_name}</a></h3>
-            <div class="text-secondary">${shortened_desc}</div>
+            <span class="avatar avatar-xlplus mb-3 rounded"><img src='AppLogo' width="144px" height="144px" loading="lazy"/></span>
+            <h3 class="m-0 mb-1"><a href="#">AppShortName</a></h3>
+            <div class="text-secondary">AppDesc</div>
             <div class="mt-3">
             ${categories}
             </div>