SoonDesign/frontend-web/js/common/portal-auth.js

(function () {
  'use strict';

  function showAuthedNav() {
    var guest = document.getElementById('auth_guest');
    var account = document.getElementById('auth_account');
    var session = document.getElementById('auth_session');
    if (guest) guest.style.display = 'none';
    if (account) account.style.display = 'inline-flex';
    if (session) session.style.display = 'inline-flex';
  }

  function clearSession() {
    if (typeof window.soonClearAuthSession === 'function') {
      window.soonClearAuthSession();
    } else {
      localStorage.removeItem('soon_access');
      localStorage.removeItem('soon_refresh');
    }
  }

  function initTopbar(options) {
    options = options || {};
    var tok = localStorage.getItem('soon_access') || '';
    var login = document.getElementById('auth_login');
    var reg = document.getElementById('auth_register');
    var member = document.getElementById('auth_member');
    var admin = document.getElementById('auth_admin');
    var logout = document.getElementById('auth_logout');
    var avatar = document.getElementById('auth_avatar');

    if (!tok) return;

    showAuthedNav();
    if (login) login.style.display = 'none';
    if (reg) reg.style.display = 'none';
    if (member) member.style.display = 'inline-flex';
    if (logout) logout.style.display = 'inline-flex';

    var base = (window.SOON_DEPLOY_CONFIG && window.SOON_DEPLOY_CONFIG.api_v1_base) || '';
    if (!base) return;

    var meFetch = typeof window.soonAuthedFetch === 'function'
      ? window.soonAuthedFetch(base + '/auth/me', { headers: { Authorization: 'Bearer ' + tok } })
      : fetch(base + '/auth/me', { headers: { Authorization: 'Bearer ' + tok } });
    meFetch
      .then(function (r) { return r.json(); })
      .then(function (j) {
        if (!j.ok || !j.data) {
          clearSession();
          location.reload();
          return;
        }
        if (j.data.role === 'admin' && admin) admin.style.display = 'inline-flex';
        if (avatar && j.data.email) {
          avatar.style.display = 'inline-flex';
          avatar.textContent = j.data.email.charAt(0).toUpperCase();
          avatar.title = j.data.email;
        }
        if (typeof window.soonLoadMembership === 'function') {
          window.soonLoadMembership().then(function () {
            if (typeof window.soonRefreshPortalIdentity === 'function') {
              window.soonRefreshPortalIdentity();
            }
          });
        }
      })
      .catch(function () { /* keep authed shell */ });

    if (logout) {
      logout.addEventListener('click', function (e) {
        e.preventDefault();
        clearSession();
        if (options.logoutReload !== false) location.reload();
        else location.href = 'index.web.html';
      });
    }
  }

  window.soonPortalAuth = { init: initTopbar };
})();