Function useHeaderMenus

frontend/src/hooks/useHeaderMenus.ts:64–293

()

  | SidebarAppDropdownEntry;

export function useHeaderMenus() {
  const { saveGlobalLayoutConfig, resetGlobalLayoutConfig } = useLayoutConfigStore();
  const { containerState, changeDesignMode } = useLayoutContainerStore();
  const { toPage } = useAppRouters();
  const { setTheme } = useAppConfigStore();
  const { state: appTools } = useAppToolsStore();
  const { isAdmin, state: appState, isLogged } = useAppStateStore();
  const { execute } = logoutUser();

  const openNewCardDialog = (): void => {
    containerState.showNewCardDialog = true;
  };

  const handleToPage = (url: string) => {
    containerState.showPhoneMenu = false;
    toPage({ path: url });
  };

  const onClickIcon = () => {
    window.open("https://github.com/MCSManager/MCSManager", "_blank");
  };

  const menus = computed(() => {
    return router
      .getRoutes()
      .filter((v) => {
        if (v.path === "/" || !v.name) return false;
        const metaInfo = v.meta as RouterMetaInfo;
        if (metaInfo.condition && !metaInfo.condition()) {
          return false;
        }
        if (containerState.isDesignMode) {
          return metaInfo.onlyDisplayEditMode || metaInfo.mainMenu;
        }
        if (isAdmin.value) {
          return metaInfo.mainMenu === true && metaInfo.onlyDisplayEditMode !== true;
        }
        return (
          metaInfo.mainMenu === true &&
          isLogged.value &&
          Number(appState.userInfo?.permission) >= Number(metaInfo.permission)
        );
      })
      .map((r) => ({
        name: r.name,
        path: r.path,
        meta: r.meta,
        customClass: r.meta.customClass ?? []
      }));
  });

  const appMenus = computed(() => {
    return [
      {
        iconText: "",
        title: "GitHub",
        icon: GithubFilled,
        onlyPC: true,