VaAppBar:sidebar

<script>
import isEmpty from "lodash/isEmpty"
import { useDisplay } from "vuetify";
import Trans from "@/i18n/translation";
import LanguageSwitcher from "@/components/LanguageSwitcher.vue";
import { storeToRefs } from 'pinia'
import useAuth from "olobase-admin/src/store/auth";

export default {
  name: "App",
  inject: [],
  components: { LanguageSwitcher },
  setup() {
    const { lgAndUp } = useDisplay();
    return { lgAndUp };
  },
  data() {
    return {
      avatar: null,
      avatarExists: false,
      email: null,
      fullname: null,
      authenticatedUser: null,
    };
  },
  async created() {
    /**
     * Set default locale
     */
    const lang = Trans.guessDefaultLocale();
    if (lang && Trans.supportedLocales.includes(lang)) { // assign browser language
      await Trans.switchLanguage(lang);
    }
    /**
     * Check user is authenticated
     */
    this.authenticatedUser = await this.$store.getModule("auth").checkAuth();
    if (! this.authenticatedUser) {
      this.$router.push({name: "login"});
    } else {
      this.email = this.$store.getModule("auth").getEmail;
      this.fullname = this.$store.getModule("auth").getFullname;
      // 
      // Please do not remove it, it periodically updates the session lifetime.
      // Thus, as long as the user's browser is open, the user logged in to the application,
      // otherwise the session will be closed when the ttl period expires.
      // 
      this.$admin.http.post('/auth/session', { update: 1 }); 
    }
    /**
     * Check avatar
     */
    let base64Image = this.$store.getModule("auth").getAvatar;
    if (base64Image == "undefined" || base64Image == "null" || isEmpty(base64Image)) { 
      this.avatar = this.$admin.getConfig().avatar.base64; // default avatar image
      this.avatarExists = false;
    } else {
      this.avatarExists = true;
      this.avatar = base64Image;
    }
  },
  computed: {
    getNavbarKey() {
      return this.$store.navbarKey + '_' + this.$store.getLocale;
    },
    getCurrentLocale() {
      const { locale } = storeToRefs(this.$store);
      return locale;
    },
    getAvatar() {
      return this.avatar;
    },
    getEmail() {
      return this.email;
    },
    getFullname() {
      return this.fullname;
    },
    getHeaderMenu() {
      return [];
    },
    getProfileMenu() {
      return [
        {
          icon: "mdi-account",
          text:  this.$t("va.account"),
          link: "/account",
        },
        {
          icon: "mdi-key-variant",
          text: this.$t("va.changePassword"),
          link: "/password",
        },
        {
          icon: "mdi-logout",
          text: this.$t("va.logout"),
          logout: true,
        },
      ];
    },
    getFooterMenu() {
      return []
    }
  },
  methods: {
    logout() {
      this.$store.getModule("auth").logout();
      this.$router.push({ name: "login" });
    },
  },
};
</script>