summaryrefslogtreecommitdiffstats
path: root/assets/js/share-sidebar.js
diff options
context:
space:
mode:
Diffstat (limited to 'assets/js/share-sidebar.js')
-rw-r--r--assets/js/share-sidebar.js51
1 files changed, 51 insertions, 0 deletions
diff --git a/assets/js/share-sidebar.js b/assets/js/share-sidebar.js
new file mode 100644
index 0000000..81e5f6c
--- /dev/null
+++ b/assets/js/share-sidebar.js
@@ -0,0 +1,51 @@
+/**
+ * share-sidebar.js
+ * Social sharing sidebar with copy-to-clipboard
+ */
+
+export function initShareSidebar() {
+ 'use strict';
+
+ const sidebar = document.getElementById('share-sidebar');
+ const copyBtn = document.getElementById('share-copy');
+
+ if (!sidebar) return;
+
+ // Share button handlers
+ const shareBtns = sidebar.querySelectorAll('.share-btn[data-platform]');
+ shareBtns.forEach((btn) => {
+ btn.addEventListener('click', () => {
+ const platform = btn.getAttribute('data-platform');
+ const url = sidebar.getAttribute('data-url');
+ const title = sidebar.getAttribute('data-title');
+
+ const shareUrls = {
+ whatsapp: `https://wa.me/?text=${encodeURIComponent(title + ' ' + url)}`,
+ telegram: `https://t.me/share/url?url=${encodeURIComponent(url)}&text=${encodeURIComponent(title)}`,
+ linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`,
+ twitter: `https://twitter.com/intent/tweet?url=${encodeURIComponent(url)}&text=${encodeURIComponent(title)}`,
+ facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`,
+ reddit: `https://reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`,
+ email: `mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(url)}`,
+ };
+
+ if (shareUrls[platform]) {
+ window.open(shareUrls[platform], '_blank');
+ }
+ });
+ });
+
+ // Copy to clipboard
+ if (copyBtn) {
+ copyBtn.addEventListener('click', () => {
+ const url = sidebar.getAttribute('data-url');
+ navigator.clipboard.writeText(url).then(() => {
+ const originalText = copyBtn.innerHTML;
+ copyBtn.innerHTML = '✓';
+ setTimeout(() => {
+ copyBtn.innerHTML = originalText;
+ }, 2000);
+ });
+ });
+ }
+}