- new tables user_panels (panel: procurement/inventory/pm + level full/limited)
and user_project_members (M:N membership, separate from pm responsibility)
- UserContext carries panels + member_project_ids; /users/me and the users
list include them
- admin endpoints: PUT /users/{id}/panels, PUT /users/{id}/panel-projects
- inventory scope: panel inventory 'full' -> manager scope (all projects, NO
stock change); 'limited' -> supervisor scope (own memberships, stock change
allowed); legacy roles kept as migration fallback; admin untouched
- procurement writes: _procurement_writer is now panel-aware (admin, legacy
procurement_manager, or procurement 'full') across all 18 write routers;
quote CREATE additionally allows 'limited' users restricted to their member
projects (validated server-side)
- frontend: panel-aware HomeRoute (inventory -> warehouse panel, procurement
limited -> minimal RequesterHome), wizard project options restricted for
limited users, change-inventory button/route gated to inventory 'limited',
organization panel gains the panels & access-levels management section
83 lines
3.7 KiB
TypeScript
83 lines
3.7 KiB
TypeScript
import { useEffect, useState, type ReactNode } from "react";
|
|
import { apiV26 } from "../lib/api";
|
|
import { useAuthStore } from "../store/auth";
|
|
import { useLogout } from "../pages/Inventory/panelMenu";
|
|
|
|
// گیتِ پروژههای مدیر پروژه (PM → 1:N):
|
|
// - لیست پروژههای تخصیصیافته را از بکاند میگیرد و پروژهی فعالِ ذخیرهشده را
|
|
// اعتبارسنجی میکند؛ اگر پروژه باطل شده باشد به اولین پروژه برمیگردد
|
|
// (localStorage هم با همان store بهروز میشود).
|
|
// - اگر هیچ پروژهای تخصیص نیافته باشد: صفحهی خالی با پیام + دکمهی خروج
|
|
// (بدون حلقهی ریدایرکت و بدون باطلکردن نشست).
|
|
// - حالت توسعه (بدون توکن) از همین پروژهی انتخابیِ dev استفاده میکند.
|
|
export function RequirePmProjects({ children }: { children: ReactNode }) {
|
|
const user = useAuthStore((s) => s.user);
|
|
const isDev = useAuthStore((s) => s.isDev);
|
|
const setProjects = useAuthStore((s) => s.setProjects);
|
|
const logout = useLogout();
|
|
|
|
// پنل انبار limited هم مثل سرپرست: پروژههای فعالش از عضویتها اعتبارسنجی میشود
|
|
const isSupervisor = user?.role === "supervisor" || user?.panels?.inventory === "limited";
|
|
const [state, setState] = useState<"loading" | "ok" | "empty">(isSupervisor ? "loading" : "ok");
|
|
|
|
useEffect(() => {
|
|
const scoped = user?.role === "supervisor" || user?.panels?.inventory === "limited";
|
|
if (!user || !scoped) {
|
|
setState("ok");
|
|
return;
|
|
}
|
|
if (isDev) {
|
|
setState(user.project_id ? "ok" : "empty");
|
|
return;
|
|
}
|
|
let alive = true;
|
|
setState("loading");
|
|
void apiV26.users
|
|
.myProjects()
|
|
.then((list) => {
|
|
if (!alive) return;
|
|
setProjects(list); // پروژهی فعال را اعتبارسنجی/جایگزین میکند
|
|
setState(list.length ? "ok" : "empty");
|
|
})
|
|
.catch(() => {
|
|
// خطای شبکه نباید کاربر را قفل کند — با وضعیت فعلی ادامه میدهیم
|
|
if (alive) setState("ok");
|
|
});
|
|
return () => {
|
|
alive = false;
|
|
};
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [user?.id, user?.role, user?.panels, isDev]);
|
|
|
|
if (state === "loading") {
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center text-sm text-muted">
|
|
در حال بارگذاری پروژهها…
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (state === "empty") {
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center bg-bg px-4">
|
|
<div className="w-full max-w-md rounded-2xl border border-line bg-panel p-8 text-center shadow-sm">
|
|
<h1 className="text-[16px] font-extrabold">هیچ پروژهای به شما تخصیص داده نشده است</h1>
|
|
<p className="mt-2 text-[12.5px] leading-6 text-muted">
|
|
در حال حاضر هیچ پروژهای به شما تخصیص داده نشده است. برای دسترسی به پنل انبار، از مدیر
|
|
سیستم بخواهید پروژهای را به شما اختصاص دهد.
|
|
</p>
|
|
<button
|
|
type="button"
|
|
onClick={logout}
|
|
className="mt-5 inline-flex h-10 w-full cursor-pointer items-center justify-center rounded-lg bg-accent px-4 text-[13px] font-bold text-white transition-colors hover:bg-accent-dark"
|
|
>
|
|
خروج از حساب
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return <>{children}</>;
|
|
}
|