@underpostnet/underpost/src/client/components/core/LogOut.js

pwa api rest template

import { Auth } from './Auth.js';
import { BtnIcon } from './BtnIcon.js';
import { LogIn } from './LogIn.js';
import { Translate } from './Translate.js';
import { htmls, s } from './VanillaJs.js';
import { Webhook } from './Webhook.js';

const LogOut = {
  Event: {},
  Trigger: async function (options) {
    LogIn.Scope.user.main.model.user = {};
    await Webhook.unregister();
    for (const eventKey of Object.keys(this.Event)) await this.Event[eventKey](options);
    if (s(`.session`))
      htmls(
        `.session`,
        html`<style>
          .session-in-log-out {
            display: block;
          }
          .session-inl-log-out {
            display: inline-table;
          }
          .session-fl-log-out {
            display: flow-root;
          }
          .session-in-log-in {
            display: none;
          }
          .session-inl-log-in {
            display: none;
          }
          .session-fl-log-in {
            display: none;
          }
        </style>`,
      );
  },
  Render: async function () {
    setTimeout(() => {
      s('.btn-log-out').onclick = async (e) => {
        e.preventDefault();
        await Auth.sessionOut();
      };
    });
    // Translate.Render('confirm-logout')
    return html` <form class="in">
      <div class="in">
        ${await BtnIcon.Render({
          class: 'inl section-mp btn-custom btn-log-out',
          label: html`<i class="fa-solid fa-power-off"></i> ${Translate.Render('log-out')}`,
          type: 'submit',
        })}
      </div>
    </form>`;
  },
};

export { LogOut };