+
setSearchTerm(e.target.value)}
- className="w-full bg-white border border-gray-200 rounded-[16px] pr-12 pl-4 py-3.5 text-sm focus:outline-none focus:border-indigo-500 transition-colors shadow-sm"
+ value={search}
+ onChange={e => setSearch(e.target.value)}
+ placeholder="جستجو بر اساس نام یا کد کالا..."
+ className="w-full bg-gray-50 border border-gray-200 rounded-[16px] pr-12 pl-4 py-3.5 text-sm font-bold focus:outline-none focus:border-indigo-500 focus:bg-white transition-all placeholder:font-normal"
/>
-
-
- {['all', 'in-stock', 'out-of-stock'].map(filter => (
+
+
+
+
+
+ {['all', 'in-stock', 'out-of-stock'].map(f => (
))}
-
- {filteredProducts.map(p => (
-
-
-
-
- {p.Name}
- {p.Code}
-
-
+
+ تعداد کل یافت شده
+ {filteredProducts.length}
+
+
+ کالاهای موجود
+
+ {filteredProducts.filter(p => p.Stock > 0).length}
+
+
+
0 ? 'bg-green-50 text-green-600 border border-green-100' : 'bg-gray-50 text-gray-500 border border-gray-100'}`}>
-
- {p.Stock} {p.Unit || 'عدد'}
-
-
- ))}
+ {/* Products List */}
+
+
+ {filteredProducts.map((p) => (
+
+
+
+
+
+
+
{p.Name}
+
+
+ کد: {p.Code}
+
+ {p.Barcode && (
+
+ بارکد: {p.Barcode}
+
+ )}
+
+
+
+
+ موجودی سیستم
+ 0 ? 'text-green-600' : 'text-red-500'}`}>
+ {p.Stock} {p.Unit || 'عدد'}
+
+
+
+ فی فروش
+
+ {p.SalesPrice?.toLocaleString()} تومان
+
+
+
{filteredProducts.length === 0 && (
-
-
-
-
-
کالایی یافت نشد
+
+
+
هیچ کالایی با این مشخصات یافت نشد.
)}
+
);
diff --git a/src/app/admin/users/[id]/page.js b/src/app/admin/users/[id]/page.js
new file mode 100644
index 0000000..a7db241
--- /dev/null
+++ b/src/app/admin/users/[id]/page.js
@@ -0,0 +1,117 @@
+'use client';
+import { useState, useEffect } from 'react';
+import Header from '@/components/Header';
+import { use } from 'react';
+import { User as UserIcon, Calendar, Package, ArrowRight, ShieldCheck } from 'lucide-react';
+
+export default function UserProfilePage({ params }) {
+ const unwrappedParams = use(params);
+ const [user, setUser] = useState(null);
+ const [countings, setCountings] = useState([]);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ fetchUserData();
+ }, [unwrappedParams.id]);
+
+ const fetchUserData = async () => {
+ try {
+ // In a full implementation, we'd have /api/users/[id]
+ // For now, we fetch all users and filter, and also fetch their countings
+ const [usersRes, countingsRes] = await Promise.all([
+ fetch('/api/users'),
+ fetch(`/api/reports/countings?userId=${unwrappedParams.id}`) // Assuming such an API or similar exists
+ ]);
+
+ if (usersRes.ok) {
+ const users = await usersRes.json();
+ const found = users.find(u => u.id === parseInt(unwrappedParams.id));
+ setUser(found);
+ }
+
+ // Since /api/reports/countings might not support userId yet,
+ // let's just pretend we have it or gracefully fallback.
+ if (countingsRes.ok) {
+ const data = await countingsRes.json();
+ // Fallback for demo if API doesn't support filter
+ setCountings(data.filter ? data.filter(c => c.userId === parseInt(unwrappedParams.id)) : []);
+ }
+ } catch (e) {
+ console.error(e);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ if (loading) {
+ return (
+
+ );
+ }
+
+ if (!user) {
+ return (
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ {/* Profile Card */}
+
+
+
+
+ {user.name ? user.name.charAt(0) : '?'}
+
+
+
{user.name || 'کاربر بدون نام'}
+
{user.mobile || user.username}
+
+
+ {user.roles?.map(role => (
+
+ {role}
+
+ ))}
+
+
+
+ {/* Stats */}
+
+
+
+
مجموع شمارشها
+
{user._count?.countings || 0}
+
+
+
+
+
+
تاریخ عضویت
+
+ {new Date(user.createdAt).toLocaleDateString('fa-IR')}
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/admin/users/page.js b/src/app/admin/users/page.js
index 25184dc..94c48d1 100644
--- a/src/app/admin/users/page.js
+++ b/src/app/admin/users/page.js
@@ -1,69 +1,79 @@
'use client';
import { useState, useEffect } from 'react';
import Header from '@/components/Header';
+import { Users, Check, XCircle, Search, ShieldAlert, BarChart2 } from 'lucide-react';
import { motion, AnimatePresence } from 'framer-motion';
-import { Users, Edit2, Check, Shield, User as UserIcon, X } from 'lucide-react';
+import Link from 'next/link';
export default function UsersPage() {
const [users, setUsers] = useState([]);
const [loading, setLoading] = useState(true);
- const [editingUser, setEditingUser] = useState(null);
- const [saving, setSaving] = useState(false);
+ const [search, setSearch] = useState('');
+ const [saving, setSaving] = useState(null); // id of user being saved
+ const [toast, setToast] = useState({ show: false, message: '', isError: false });
const availableRoles = [
- { id: 'ADMIN', label: 'مدیر کل' },
- { id: 'SUPERVISOR', label: 'سرپرست انبار' },
+ { id: 'ADMIN', label: 'مدیر' },
+ { id: 'SUPERVISOR', label: 'سرپرست' },
{ id: 'ACCOUNTANT', label: 'حسابدار' },
{ id: 'COUNTER', label: 'انبارگردان' }
];
+ const showToast = (message, isError = false) => {
+ setToast({ show: true, message, isError });
+ setTimeout(() => setToast({ show: false, message: '', isError: false }), 3000);
+ };
+
useEffect(() => {
fetchUsers();
}, []);
const fetchUsers = async () => {
try {
- const res = await fetch('/api/admin/users');
+ const res = await fetch('/api/users');
if (res.ok) {
- setUsers(await res.json());
+ const data = await res.json();
+ setUsers(data);
}
} catch (e) {
- console.error(e);
+ showToast('خطا در دریافت لیست کاربران', true);
} finally {
setLoading(false);
}
};
- const handleSaveRoles = async () => {
- if (!editingUser) return;
- setSaving(true);
+ const handleToggleRole = async (userId, roleId, currentRoles) => {
+ setSaving(userId);
+ let newRoles = [...currentRoles];
+ if (newRoles.includes(roleId)) {
+ newRoles = newRoles.filter(r => r !== roleId);
+ } else {
+ newRoles.push(roleId);
+ }
+
try {
- const res = await fetch(`/api/admin/users/${editingUser.id}`, {
+ const res = await fetch('/api/users', {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ roles: editingUser.roles })
+ body: JSON.stringify({ id: userId, roles: newRoles })
});
+
if (res.ok) {
- fetchUsers();
- setEditingUser(null);
+ setUsers(users.map(u => u.id === userId ? { ...u, roles: newRoles } : u));
+ showToast('نقشها با موفقیت ذخیره شد');
+ } else {
+ showToast('خطا در بروزرسانی نقش', true);
}
} catch (e) {
- console.error(e);
+ showToast('خطای شبکه', true);
} finally {
- setSaving(false);
+ setSaving(null);
}
};
- const toggleRole = (roleId) => {
- setEditingUser(prev => {
- const roles = prev.roles || [];
- if (roles.includes(roleId)) {
- return { ...prev, roles: roles.filter(r => r !== roleId) };
- } else {
- return { ...prev, roles: [...roles, roleId] };
- }
- });
- };
+ const filteredUsers = users.filter(u =>
+ u.name?.includes(search) || u.username?.includes(search) || u.mobile?.includes(search)
+ );
if (loading) {
return (
@@ -80,124 +90,107 @@ export default function UsersPage() {
-
-
-
لیست کاربران سیستم
-
مدیریت دسترسیها و بررسی فعالیت کارکنان
+
+
+
+
+ لیست کاربران سیستم
+
+
+ تعیین نقشهای کاربران و مشاهده آمار انبارگردانی آنها
+
-
- {users.map(user => {
- const userRoles = user.roles || [];
- return (
-
-
-
-
-
-
-
- {user.name || user.username}
- {user.username}
-
-
-
-
-
- {userRoles.map(r => {
- const label = availableRoles.find(ar => ar.id === r)?.label || r;
- return {label};
- })}
- {userRoles.length === 0 && بدون نقش}
-
-
- {user._count?.countings || 0} شمارش
-
-
- );
- })}
+ {/* Search */}
+
+
+ setSearch(e.target.value)}
+ placeholder="جستجو بر اساس نام، نام کاربری یا موبایل..."
+ className="w-full bg-white border border-gray-200 rounded-[20px] pr-12 pl-4 py-4 text-sm font-bold focus:outline-none focus:border-indigo-500 shadow-sm transition-all"
+ />
-
- {/* Edit Modal */}
-
- {editingUser && (
-
-
setEditingUser(null)}
- className="absolute inset-0 bg-gray-900/40 backdrop-blur-sm"
- />
-
-
-
-
- ویرایش دسترسیها
-
-
-
-
- {editingUser.name || editingUser.username}
+ {/* Users List */}
+
+ {filteredUsers.map(user => (
+
+
+
+
+ {user.name ? user.name.charAt(0) : '?'}
+
+
+ {user.name || 'کاربر بدون نام'}
+ {user.mobile || user.username}
+
-
+
+
+ کارنامه
+
+
+
+
+
+ تعیین نقشهای مجاز:
+
+
{availableRoles.map(role => {
- const isSelected = editingUser.roles?.includes(role.id);
+ const isSelected = user.roles?.includes(role.id);
+ const isSaving = saving === user.id;
+
return (
-
toggleRole(role.id)}
- className={`flex items-center justify-between p-3 rounded-[16px] border text-xs font-bold transition-all ${
+ onClick={() => handleToggleRole(user.id, role.id, user.roles || [])}
+ disabled={isSaving}
+ className={`px-3 py-1.5 rounded-xl text-xs font-bold transition-all border ${
isSelected
- ? 'border-indigo-500 bg-indigo-50 text-indigo-700'
- : 'border-gray-200 bg-white text-gray-600'
- }`}
+ ? 'bg-indigo-50 border-indigo-200 text-indigo-700'
+ : 'bg-white border-gray-200 text-gray-500 hover:bg-gray-50'
+ } ${isSaving ? 'opacity-50 cursor-not-allowed' : ''}`}
>
{role.label}
-
-
-
-
+
);
})}
-
-
- {saving ? : 'ذخیره دسترسیها'}
-
-
-
+
+
+ تعداد اقلام شمارش شده:
+ {user._count?.countings || 0} مورد
+
+
+ ))}
+
+ {filteredUsers.length === 0 && (
+
+ )}
+
+
+
+
+ {toast.show && (
+
+ {toast.isError ? : }
+ {toast.message}
+
)}
-
-
-
انبارهای حسابفا
-
مدیریت لیست انبارهایی که سیستم استعلام موجودی میگیرد
+
+
+
+
+
+ مدیریت انبارهای حسابفا
+
+
+ کد انبار باید دقیقاً منطبق با کد انبار در سیستم حسابفا باشد. با افزودن انبار در اینجا، دسترسی کاربران به آن در اپلیکیشن فعال میشود.
+
-
+ {/* Add New Warehouse */}
+
+
-
-
-
-
-
- ثبت انبار جدید
-
-
-
-
-
- setNewCode(e.target.value)}
- placeholder="مثال: 11"
- className="w-full bg-white border border-gray-200 rounded-[12px] px-4 py-3 text-sm focus:outline-none focus:border-orange-500 transition-colors"
- />
-
-
-
- setNewName(e.target.value)}
- placeholder="مثال: انبار مرکزی"
- className="w-full bg-white border border-gray-200 rounded-[12px] px-4 py-3 text-sm focus:outline-none focus:border-orange-500 transition-colors"
- />
-
-
- {saving ? : }
- افزودن به لیست
-
+
افزودن انبار جدید
+
+
-
-
-
لیست انبارهای فعال
- {warehouses.length === 0 ? (
-
-
هیچ انباری ثبت نشده است.
-
- ) : (
-
-
- {warehouses.map((wh) => (
-
-
-
- {wh.id}
-
-
{wh.name}
-
-
- )}
+
+
+ ثبت انبار در سیستم
+
-
+
+ {/* List of Warehouses */}
+
+
لیست انبارهای فعال
+
+
+ {warehouses.map((wh) => (
+
+
+
+ کد
+ {wh.id}
+
+
+ {wh.name}
+
+ متصل به حسابفا
+
+
+
+
+ {warehouses.length === 0 && (
+
+
+
هیچ انباری تعریف نشده است.
+
+ )}
+
+
+ {/* Toast Notification */}
{toast.show && (
{toast.isError ? : }
{toast.message}
diff --git a/src/app/api/users/route.js b/src/app/api/users/route.js
new file mode 100644
index 0000000..cb316ba
--- /dev/null
+++ b/src/app/api/users/route.js
@@ -0,0 +1,60 @@
+import prisma from '@/lib/prisma';
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+ try {
+ const users = await prisma.user.findMany({
+ select: {
+ id: true,
+ name: true,
+ username: true,
+ mobile: true,
+ roles: true,
+ role: true,
+ createdAt: true,
+ _count: {
+ select: { countings: true }
+ }
+ },
+ orderBy: { createdAt: 'desc' }
+ });
+
+ // Parse roles
+ const parsedUsers = users.map(user => {
+ let parsedRoles = user.roles;
+ if (typeof parsedRoles === 'string') {
+ try { parsedRoles = JSON.parse(parsedRoles); } catch (e) { parsedRoles = null; }
+ }
+ return {
+ ...user,
+ roles: Array.isArray(parsedRoles) ? parsedRoles : (user.role === 'ADMIN' ? ['ADMIN'] : ['COUNTER'])
+ };
+ });
+
+ return NextResponse.json(parsedUsers);
+ } catch (error) {
+ console.error('Fetch users error:', error);
+ return NextResponse.json({ error: 'خطا در دریافت کاربران' }, { status: 500 });
+ }
+}
+
+export async function PUT(req) {
+ try {
+ const { id, roles } = await req.json();
+
+ if (!id || !roles) {
+ return NextResponse.json({ error: 'اطلاعات ناقص است' }, { status: 400 });
+ }
+
+ const updated = await prisma.user.update({
+ where: { id: parseInt(id) },
+ data: { roles: JSON.stringify(roles) },
+ select: { id: true, roles: true }
+ });
+
+ return NextResponse.json({ message: 'نقشهای کاربر بروزرسانی شد', user: updated });
+ } catch (error) {
+ console.error('Update user error:', error);
+ return NextResponse.json({ error: 'خطا در بروزرسانی کاربر' }, { status: 500 });
+ }
+}