Class Navigation

apps/wallet/src/plugins/navigation.plugin.ts:217–316

}

class Navigation {
  constructor(
    public sections: () => NavigationSections,
    public routes: RouteRecordRaw[] = [],
  ) {}

  withSections(sections: NavigationSections): Navigation {
    this.sections = () => sections;
    return this;
  }

  withRoutes(routes: RouteRecordRaw[]): Navigation {
    this.routes = routes;
    return this;
  }

  install(app: App): void {
    const { sections } = this;

    const navigation = ref<NavigationSections>(sections());
    const session = useSessionStore();
    const store = useStationStore();
    const userState = computed(() => ({
      user: store.$state.user,
      privileges: store.$state.privileges,
      selectedStation: session.data.selected,
    }));

    watch(
      () => userState.value,
      () => {
        const full = sections();
        navigation.value = {
          main: this.retainAuthorizedNavigation(full.main),
        };
      },
      { deep: true, immediate: true },
    );

    app.config.globalProperties.$navigation = navigation;
  }

  private retainAuthorizedNavigation = (items: NavigationItem[]): NavigationItem[] => {
    return items.filter(item => {
      item.items = this.retainAuthorizedNavigation(item.items || []);

      if (item.auth.type === NavigastionAuthType.Route) {
        const route = this.findRouteByName(item.auth.route, this.routes);

        if (!route) {
          logger.warn(`Route '${item.auth.route}' not found for navigation item`);
          return false;
        }

        if (!route.meta) {
          logger.warn(`Route '${item.auth.route}' has no meta with the auth configuration`);
          return false;
        }