FM / js

/var/www/coeditor.org/users/drasio.gr/assets/js/

/var/www/coeditor.org/users/drasio.gr/assets/js

Name	Size	Mode	Actions
main.js	11552	0644	edit dl rm

Edit: /var/www/coeditor.org/users/drasio.gr/assets/js/main.js (11552B)

// Scroll to Top Button
(function() {
  const scrollToTopBtn = document.getElementById('scrollToTop');
  
  if (!scrollToTopBtn) return;

// Show/hide button based on scroll position
  function toggleScrollButton() {
    if (window.pageYOffset > 300) {
      scrollToTopBtn.classList.add('visible');
    } else {
      scrollToTopBtn.classList.remove('visible');
    }
  }

// Scroll to top when button is clicked
  function scrollToTop() {
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    });
  }

// Event listeners
  window.addEventListener('scroll', toggleScrollButton);
  scrollToTopBtn.addEventListener('click', scrollToTop);

// Initial check
  toggleScrollButton();
})();
// Cookie Consent Banner
(function() {
  const cookieBanner = document.getElementById('cookieConsent');
  const acceptButton = document.getElementById('cookieConsentBtn');
  const COOKIE_CONSENT_KEY = 'cookieConsentAccepted';

if (!cookieBanner || !acceptButton) return;

// Check if user has already accepted cookies
  function hasAcceptedCookies() {
    return localStorage.getItem(COOKIE_CONSENT_KEY) === 'true';
  }

// Show banner if consent not given
  function showBanner() {
    if (!hasAcceptedCookies()) {
      setTimeout(function() {
        cookieBanner.classList.add('show');
      }, 1000); // Show after 1 second delay
    }
  }

// Hide banner and save consent
  function acceptCookies() {
    cookieBanner.classList.remove('show');
    localStorage.setItem(COOKIE_CONSENT_KEY, 'true');
    
    // Remove from DOM after animation
    setTimeout(function() {
      cookieBanner.remove();
    }, 400);
  }

// Event listener for accept button
  acceptButton.addEventListener('click', acceptCookies);

// Initialize
  showBanner();
})();

// Sticky Header Shrink + Anchor Offset Scroll
(function() {
  var headers = document.querySelectorAll('.block-header.header-sticky');
  if (!headers.length) return;

var docEl = document.documentElement;
  var menuToggle = document.querySelector('.mobile-menu-toggle');
  var headerNav = document.querySelector('.header-nav');
  var ticking = false;

function currentHeader() {
    return headers[0] || null;
  }

var cachedCompactHeight = null;

function setAnchorOffsetVar() {
    docEl.style.setProperty('--header-anchor-offset', getAnchorOffset() + 'px');
  }

function updateHeaderState() {
    var y = window.pageYOffset || docEl.scrollTop || 0;
    headers.forEach(function(header) {
      header.classList.toggle('header-scrolled', y > 16);
    });
    setAnchorOffsetVar();
  }

function onScroll() {
    if (ticking) return;
    ticking = true;
    requestAnimationFrame(function() {
      updateHeaderState();
      ticking = false;
    });
  }

function findHashTarget(hash) {
    if (!hash || hash.length < 2) return null;
    var id = decodeURIComponent(hash.slice(1));
    return document.getElementById(id) || document.querySelector('[name="' + id.replace(/"/g, '\\"') + '"]');
  }

function scrollToHash(hash, behavior) {
    var target = findHashTarget(hash);
    if (!target) return false;

// Measure target position first, then offset separately
    var targetTop = window.pageYOffset + target.getBoundingClientRect().top;
    var offset = getAnchorOffset();
    var top = targetTop - offset;
    window.scrollTo({ top: Math.max(0, top), behavior: behavior || 'smooth' });
    return true;
  }

document.addEventListener('click', function(e) {
    var link = e.target.closest('a[href*="#"]');
    if (!link) return;

var href = link.getAttribute('href') || '';
    if (href === '#' || href.indexOf('#') === -1) return;

var targetUrl;
    try {
      targetUrl = new URL(link.href, window.location.href);
    } catch (_) {
      return;
    }

if (targetUrl.origin !== window.location.origin) return;
    if (targetUrl.pathname !== window.location.pathname) return;
    if (!targetUrl.hash) return;

if (!findHashTarget(targetUrl.hash)) return;

e.preventDefault();
    scrollToHash(targetUrl.hash, 'smooth');

if (menuToggle && headerNav) {
      menuToggle.classList.remove('active');
      headerNav.classList.remove('active');
    }

if (window.history && typeof window.history.pushState === 'function') {
      window.history.pushState(null, '', targetUrl.hash);
    }
  });

updateHeaderState();

// Logo click: scroll to top on home page, navigate to / on other pages
  document.addEventListener('click', function(e) {
    var logo = e.target.closest('.block-header .logo');
    if (!logo) return;
    var loc = window.location;
    // Resolve the logo href to absolute path
    var resolved;
    try { resolved = new URL(logo.href, loc.href); } catch(_) { return; }
    // Check if we're already on the page the logo points to
    if (resolved.origin === loc.origin && resolved.pathname === loc.pathname) {
      e.preventDefault();
      window.scrollTo({ top: 0, behavior: 'smooth' });
      if (loc.hash) history.pushState(null, '', loc.pathname);
    }
    // Otherwise let the browser navigate normally
  });
})();
// Mobile Menu Toggle
(function() {
  const menuToggle = document.querySelector('.mobile-menu-toggle');
  const headerNav = document.querySelector('.header-nav');
  const menuDropdowns = document.querySelectorAll('.menu-item-dropdown');
  
  if (!menuToggle || !headerNav) return;

// Toggle mobile menu
  menuToggle.addEventListener('click', function(e) {
    e.stopPropagation();
    menuToggle.classList.toggle('active');
    headerNav.classList.toggle('active');
  });

// Close menu when clicking outside
  document.addEventListener('click', function(e) {
    if (!headerNav.contains(e.target) && !menuToggle.contains(e.target)) {
      menuToggle.classList.remove('active');
      headerNav.classList.remove('active');
    }
  });

// Handle dropdown menus on mobile
  menuDropdowns.forEach(dropdown => {
    const link = dropdown.querySelector('.menu-item-has-children');
    if (link) {
      link.addEventListener('click', function(e) {
        if (window.innerWidth <= 768) {
          e.preventDefault();
          dropdown.classList.toggle('active');
        }
      });
    }
  });

// Close mobile menu when window is resized to desktop
  window.addEventListener('resize', function() {
    if (window.innerWidth > 768) {
      menuToggle.classList.remove('active');
      headerNav.classList.remove('active');
      menuDropdowns.forEach(dropdown => {
        dropdown.classList.remove('active');
      });
    }
  });
})();

// Hero Video Playback Modes
(function() {
  var videos = document.querySelectorAll('.hero-video-background video');
  if (!videos.length) return;

function normalizeVideoMode(rawMode) {
    var mode = String(rawMode || '').trim().toLowerCase();
    if (!mode) return 'loop';

if (mode === 'loop' || mode.indexOf('по кругу') !== -1) return 'loop';
    if (mode === 'once' || mode.indexOf('один раз') !== -1) return 'once';
    if (mode === 'boomerang' || mode.indexOf('бумеранг') !== -1 || mode.indexOf('вперёд-назад') !== -1) return 'boomerang';

return 'loop';
  }

videos.forEach(function(video) {
    var mode = normalizeVideoMode(video.dataset.videoPlayMode || video.getAttribute('data-video-play-mode'));

video.loop = mode === 'loop';
    if (mode === 'loop') return;
    video.removeAttribute('loop');

if (mode !== 'boomerang') return;

var reverseFrameId = null;
    var isManualReverse = false;
    var reverseStarted = false;

function stopManualReverse() {
      isManualReverse = false;
      if (reverseFrameId !== null) {
        cancelAnimationFrame(reverseFrameId);
        reverseFrameId = null;
      }
    }

function playForwardFromStart() {
      stopManualReverse();
      reverseStarted = false;
      video.loop = false;
      video.removeAttribute('loop');
      video.playbackRate = 1;
      video.currentTime = 0;
      video.play().catch(function() {});
    }

function playBackwardFromEndManual() {
      if (isManualReverse) return;
      var lastTimestamp = null;
      var duration = video.duration || 0;

stopManualReverse();
      isManualReverse = true;
      reverseStarted = true;
      video.loop = false;
      video.removeAttribute('loop');
      video.pause();
      video.currentTime = Math.max(duration - 0.05, 0);

function step(timestamp) {
        if (!isManualReverse) return;
        if (lastTimestamp === null) {
          lastTimestamp = timestamp;
          reverseFrameId = requestAnimationFrame(step);
          return;
        }

var deltaSeconds = (timestamp - lastTimestamp) / 1000;
        lastTimestamp = timestamp;
        var nextTime = video.currentTime - deltaSeconds;

if (nextTime <= 0.05) {
          video.currentTime = 0;
          playForwardFromStart();
          return;
        }

video.currentTime = nextTime;
        reverseFrameId = requestAnimationFrame(step);
      }

reverseFrameId = requestAnimationFrame(step);
    }

video.addEventListener('ended', function() {
      playBackwardFromEndManual();
    });

video.addEventListener('timeupdate', function() {
      if (isManualReverse) return;

video.loop = false;
      if (video.hasAttribute('loop')) video.removeAttribute('loop');

var duration = video.duration || 0;
      if (!duration) return;

if (!reverseStarted && video.currentTime >= duration - 0.08) {
        playBackwardFromEndManual();
      }

if (video.currentTime < 0.2) {
        reverseStarted = false;
      }
    });

video.addEventListener('play', function() {
      if (isManualReverse) {
        video.pause();
      }
    });

video.addEventListener('emptied', function() {
      stopManualReverse();
    });
  });
})();

cmd: