@gudhub/ssg-web-components-library 1.0.78 → 1.0.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gudhub/ssg-web-components-library",
-  "version": "1.0.78",
+  "version": "1.0.79",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/components/blog/blog-banner/blog-banner.js

@@ -7,10 +7,16 @@ class BlogBanner extends GHComponent {
 
     constructor() {
         super();
+        const homepageAttr = this.getAttribute('data-homepage');
+        try {
+            this.homepageObj = homepageAttr && JSON.parse(homepageAttr);
+        } catch (e) {
+            console.warn('Invalid data-homepage JSON:', `data-homepage='{"title": "Головна", "link": "/"}'`);
+            this.homepageObj = { title: 'Головна', link: '/' };
+        }
     }
 
     async onServerRender() {
-
         this.config = initBlogConfig(window.getConfig().componentsConfigs.blog_config[0]);
 
         let url = new URL(window.location.href);
@@ -40,10 +46,7 @@ class BlogBanner extends GHComponent {
             breadcrumbsTitle.innerHTML = this.json.title;
             
             this.breadcrumbs = JSON.stringify([
-                {
-                    title: 'Головна',
-                    link: '/'
-                },
+                this.homepageObj,
                 {
                     title: breadcrumbsTitle.innerText
                 }

package/src/components/blog/categories-list/categories-list.html

@@ -2,8 +2,8 @@
     <div class="button text" onclick="openList()">${config.general_settings.categories}</div>
     <div class="list_wrapper">
         <ul class="categories_list flex-wrapper">
-            <li ${url == '/blog/' ? 'class="active"' : ''}>
-                <a href="/blog/" class="text btn empty">${config.general_settings.all_articles_button}</a>
+            <li ${url == `${allArticlesButtonLink}` ? 'class="active"' : ''}>
+                <a href="${allArticlesButtonLink}" class="text btn empty">${config.general_settings.all_articles_button}</a>
             </li>
             ${
                 categories.reduce((acc, category, index) => {

package/src/components/blog/categories-list/categories-list.js

@@ -28,6 +28,7 @@ class CategoriesList extends GHComponent {
         this.categories = this.categories.categories;
         this.url = new URL (window.location.href);
         this.url = this.url.searchParams.get('path');
+        this.allArticlesButtonLink = this.config.general_settings.all_articles_button_link || '/blog/'
         super.render(html);
     }
 

package/src/components/blog/category-banner/category-banner.js

@@ -42,12 +42,12 @@ class CategoryBanner extends GHComponent {
 
         this.breadcrumbs = JSON.stringify([
             {
-                "title": "Головна",
-                "link": "/"
+                "title": this.config.breadcrumbs.homepage || "Головна",
+                "link": this.config.breadcrumbs.homepageLink || "/"
             },
             {
-                "title": this.config.breadcrumbs.blog,
-                "link": "/blog/"
+                "title": this.config.breadcrumbs.blog || "Блог",
+                "link": this.config.breadcrumbs.blogLink || "/blog/"
             },
             {
                 "title": this.title

package/src/components/blog/comments/comments.js

@@ -110,7 +110,7 @@ class CommentsComponent extends GHComponent {
         }
 
         if (comment.name && comment.text) {
-            const { api_app_id } = window.getConfig().componentsConfigs.chapters.blog || window.getConfig().chapters.blog;
+            const { api_app_id } = window.getConfig().chapters.blog;
             const response = await fetch(`https://gudhub.com/api/services/prod/api/${api_app_id}/add-comment`, {
                 method: 'POST',
                 headers: {