summaryrefslogtreecommitdiff
path: root/themes/tabi-lean/static/js/hyvortalk.js
diff options
context:
space:
mode:
Diffstat (limited to 'themes/tabi-lean/static/js/hyvortalk.js')
-rw-r--r--themes/tabi-lean/static/js/hyvortalk.js44
1 files changed, 0 insertions, 44 deletions
diff --git a/themes/tabi-lean/static/js/hyvortalk.js b/themes/tabi-lean/static/js/hyvortalk.js
deleted file mode 100644
index 3f9959d..0000000
--- a/themes/tabi-lean/static/js/hyvortalk.js
+++ /dev/null
@@ -1,44 +0,0 @@
-function initHyvorTalk() {
- // Get the div that will contain the comments.
- const commentsDiv = document.querySelector('.comments');
- if (commentsDiv) {
- // Get the various settings from data attributes on the div.
- const websiteId = commentsDiv.getAttribute('data-website-id');
- const pageId = commentsDiv.getAttribute('data-page-id');
- const pageLanguage = commentsDiv.getAttribute('data-page-language');
- const loading = commentsDiv.getAttribute('data-loading');
- const pageAuthor = commentsDiv.getAttribute('data-page-author');
-
- // Create a new script tag that will load the Hyvor Talk script.
- const script = document.createElement('script');
- script.src = 'https://talk.hyvor.com/embed/embed.js';
- script.async = true;
- script.type = 'module';
- document.head.appendChild(script);
-
- // Create a new Hyvor Talk comments tag.
- const comments = document.createElement('hyvor-talk-comments');
- comments.setAttribute('website-id', websiteId);
- comments.setAttribute('page-id', pageId);
- comments.setAttribute('page-language', pageLanguage);
- comments.setAttribute('loading', loading);
- comments.setAttribute('page-author', pageAuthor);
-
- // Choose the correct theme based on the current theme of the document.
- const currentTheme =
- document.documentElement.getAttribute('data-theme') || 'light';
- comments.setAttribute('colors', currentTheme);
-
- // Add the Hyvor Talk comments tag to the div.
- commentsDiv.appendChild(comments);
-
- // Listen for theme changes and update the Hyvor Talk theme when they occur.
- window.addEventListener('themeChanged', (event) => {
- const selectedTheme = event.detail.theme;
- comments.setAttribute('colors', selectedTheme);
- });
- }
-}
-
-// Initialize HyvorTalk.
-initHyvorTalk();