first commit

public/assets/js/main.js

@@ -0,0 +1,156 @@
+// /srv/http/eos-modern/public/assets/js/main.js
+
+// 1. Globální funkce pro Toast notifikaci
+function showToast(message, isError = false) {
+  const existingToasts = document.querySelectorAll('.custom-toast');
+  existingToasts.forEach(t => t.remove());
+
+  const toast = document.createElement('div');
+  toast.className = 'custom-toast';
+  toast.textContent = message;
+
+  const bgColor = isError ? '#e74c3c' : 'var(--primary)';
+
+  Object.assign(toast.style, {
+    position: 'fixed',
+    bottom: '20px',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    backgroundColor: bgColor,
+    color: '#fff',
+    padding: '12px 24px',
+    borderRadius: '8px',
+    boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
+    zIndex: '9999',
+    transition: 'opacity 0.3s ease, transform 0.3s ease',
+    fontFamily: 'var(--font-main)',
+    fontSize: '0.95rem',
+    opacity: '0',
+    pointerEvents: 'none'
+  });
+
+  document.body.appendChild(toast);
+
+  requestAnimationFrame(() => {
+    toast.style.opacity = '1';
+    toast.style.transform = 'translateX(-50%) translateY(0)';
+  });
+
+  setTimeout(() => {
+    toast.style.opacity = '0';
+    toast.style.transform = 'translateX(-50%) translateY(10px)';
+    setTimeout(() => toast.remove(), 300);
+  }, 3000);
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  // 2. Tmavý režim
+  const themeToggle = document.getElementById('themeToggle');
+  const html = document.documentElement;
+
+  if (themeToggle) {
+    const icon = themeToggle.querySelector('i');
+    if (icon) {
+      const savedTheme = localStorage.getItem('theme') || 'dark';
+      html.setAttribute('data-theme', savedTheme);
+      updateIcon(savedTheme);
+
+      themeToggle.addEventListener('click', () => {
+        const currentTheme = html.getAttribute('data-theme');
+        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
+        html.setAttribute('data-theme', newTheme);
+        localStorage.setItem('theme', newTheme);
+        updateIcon(newTheme);
+      });
+
+      function updateIcon(theme) {
+        icon.className = theme === 'dark' ? 'fas fa-sun' : 'fas fa-moon';
+      }
+    }
+  }
+
+  // 3. Vyhledávání (Fuse.js) -
+  const searchInput = document.getElementById('searchInput');
+  const searchResults = document.getElementById('searchResults');
+  let fuse = null;
+
+  if (searchInput && searchResults) {
+    const jsonUrl = '/eos-modern/public/data/articlesSearch.json';
+    fetch(jsonUrl)
+      .then(res => res.json())
+      .then(data => {
+        fuse = new Fuse(data, {
+          keys: ['title', 'excerpt', 'slug'],
+          threshold: 0.3,
+          ignoreLocation: true
+        });
+      })
+      .catch(err => console.error('Chyba JSON:', err));
+
+    searchInput.addEventListener('input', (e) => {
+      const query = e.target.value.trim();
+      if (query.length < 2) {
+        searchResults.style.display = 'none';
+        return;
+      }
+      if (!fuse) return;
+      const results = fuse.search(query);
+      searchResults.innerHTML = '';
+      if (results.length > 0) {
+        searchResults.style.display = 'block';
+        results.forEach(result => {
+          const item = result.item;
+          const link = document.createElement('a');
+          link.href = `/eos-modern/public/article.php?slug=${item.slug}`;
+          link.className = 'search-item';
+          link.innerHTML = `<strong>${item.title}</strong><br><small>${item.excerpt}</small>`;
+          searchResults.appendChild(link);
+        });
+      } else {
+        searchResults.style.display = 'none';
+      }
+    });
+
+    document.addEventListener('click', (e) => {
+      if (!searchInput.contains(e.target) && !searchResults.contains(e.target)) {
+        searchResults.style.display = 'none';
+      }
+    });
+  }
+
+  // 4. Tlačítko Sdílet - ZLEPŠENÁ VERZE
+  const shareButton = document.getElementById('shareButton');
+  if (shareButton) {
+    shareButton.addEventListener('click', async () => {
+      const currentUrl = window.location.href;
+      const title = document.title;
+
+      // Zkusíme nejprve nativní sdílení (mobil)
+      if (navigator.share) {
+        try {
+          await navigator.share({
+            title: title,
+            text: 'Podívej se na tento článek na EndeavourOS CZ!',
+            url: currentUrl
+          });
+          console.log('Sdílení úspěšné (mobile).');
+          return; // Ukončíme, pokud se podařilo
+        } catch (err) {
+          console.warn('Sdílení zrušeno nebo selhalo:', err);
+          // Pokud selže, přejdeme na fallback
+        }
+      }
+
+      // Fallback pro Desktop: Zkusíme zkopírovat do schránky
+      try {
+        await navigator.clipboard.writeText(currentUrl);
+        showToast('Odkaz zkopírován do schránky! 📋');
+        console.log('Odkaz zkopírován (desktop).');
+      } catch (err) {
+        console.error('Chyba kopírování:', err);
+        // Pokud selže i clipboard (často na HTTP), ukážeme chybu
+        showToast('Nelze zkopírovat. Zkuste to ručně (URL v adresním řádku).', true);
+      }
+    });
+  }
+});