feat: complete admin panel and backend admin api migration

2026-09-13 21:02:25 +03:30
parent 03119cd655
commit 267fc7b7d1
239 changed files with 25431 additions and 935 deletions
@@ -1,13 +1,128 @@
+// Ported from legacy henza_admin/src/router.js
 import { createRouter, createWebHistory } from 'vue-router';
-import DashboardView from '../views/DashboardView.vue';
-import OrderNewView from '../views/OrderNewView.vue';
-import OrderDetailView from '../views/OrderDetailView.vue';
+import { adminRoute, fullPageAdminRoute } from './admin';
+import { branchRoute, fullPageBranchRoute } from './branch';
+import { isBranch, tokenName, userName } from '../utils';
+import { useUsersStore } from '../stores/users';
+import api from '../api/client';

-export const router = createRouter({
-  history: createWebHistory(),
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  // legacy router.js:17-19
+  scrollBehavior() {
+    return { left: 0, top: 0 };
+  },
  routes: [
-    { path: '/', name: 'dashboard', component: DashboardView },
-    { path: '/orders/new', name: 'order-new', component: OrderNewView },
-    { path: '/orders/:id', name: 'order-detail', component: OrderDetailView },
+    // ── MAIN LAYOUT ROUTES ──────────────────────────────────────────
+    {
+      path: '',
+      component: () => import('../layouts/main/Main.vue'),
+      children: isBranch() ? branchRoute : adminRoute,
+    },
+    // ── FULL PAGE LAYOUTS ───────────────────────────────────────────
+    {
+      path: '',
+      component: () => import('../layouts/full-page/FullPage.vue'),
+      children: [
+        ...(isBranch() ? fullPageBranchRoute : fullPageAdminRoute),
+        {
+          path: '/pages/error-404',
+          name: 'page-error-404',
+          component: () => import('../views/pages/Error404.vue'),
+          meta: { rule: 'editor' },
+        },
+        {
+          path: '/pages/error-500',
+          name: 'page-error-500',
+          component: () => import('../views/pages/Error500.vue'),
+          meta: { rule: 'editor' },
+        },
+        {
+          path: '/pages/not-authorized',
+          name: 'page-not-authorized',
+          component: () => import('../views/pages/NotAuthorized.vue'),
+          meta: { rule: 'editor' },
+        },
+        {
+          path: '/pages/maintenance',
+          name: 'page-maintenance',
+          component: () => import('../views/pages/Maintenance.vue'),
+          meta: { rule: 'editor' },
+        },
+      ],
+    },
+    // Redirect to 404 page, if no match found
+    {
+      path: '/:pathMatch(.*)*',
+      redirect: '/pages/error-404',
+    },
  ],
 });
+
+// legacy router.js:147-153
+router.afterEach(() => {
+  const appLoading = document.getElementById('loading-bg');
+  if (appLoading) {
+    appLoading.style.display = 'none';
+  }
+});
+
+// legacy router.js:156-161
+const noneAuthUrl = ['/auth/login', '/auth/forgot-password', '/auth/register', '/reg'];
+
+/**
+ * Port of legacy getPermission() (router.js:163-182).
+ *
+ * Legacy cached the result in a MODULE-SCOPED `let roles`, which was never reset
+ * on logout — so the next user to sign in on the same tab inherited the previous
+ * user's permissions (bug #2 in docs/ADMIN-PORT-PLAN.md). Here the cache is the
+ * Pinia users store, which auth.logout() clears; `roles === undefined` still
+ * means "not fetched", exactly as legacy's check did.
+ */
+async function getPermission(): Promise<string[] | undefined> {
+  const users = useUsersStore();
+  if (users.roles) return users.roles;
+
+  try {
+    const { data } = await api.get('users/show');
+    users.getRoles(data.permission);
+    // Legacy stripped these before caching the user blob.
+    delete data.permission;
+    delete data.ut;
+    if (data.api_token) {
+      localStorage.setItem(tokenName, data.api_token);
+    }
+    localStorage.setItem(userName, JSON.stringify(data));
+  } catch (e) {
+    console.log(e);
+  }
+  return users.roles;
+}
+
+/**
+ * Port of legacy router.beforeEach (router.js:184-199).
+ *
+ * One deliberate change: legacy's final line was a bare
+ *   router.push({path: '/auth/login'})
+ * with no next() call, which in Vue Router 4 leaves the navigation permanently
+ * pending and hangs the app (bug #1). Returning the redirect is the Vue Router 4
+ * equivalent and produces the same user-visible result.
+ */
+router.beforeEach(async (to) => {
+  if (noneAuthUrl.indexOf(to.path) > -1) {
+    return true;
+  }
+
+  const token = localStorage.getItem(tokenName);
+  if (token) {
+    const roles = await getPermission();
+    if (roles && to.meta && to.meta.role && !roles.includes(to.meta.role as string)) {
+      return { name: 'page-not-authorized' };
+    }
+    return true;
+  }
+
+  return { path: '/auth/login' };
+});
+
+export default router;