-
+
+ );
}
-export default Home;
+export default Home;
\ No newline at end of file
diff --git a/src/pages/dashboard/index.js b/src/pages/dashboard/index.js
index 7651895e..3b32e950 100644
--- a/src/pages/dashboard/index.js
+++ b/src/pages/dashboard/index.js
@@ -2,3 +2,9 @@ export * from "@/pages/dashboard/home";
export * from "@/pages/dashboard/profile";
export * from "@/pages/dashboard/tables";
export * from "@/pages/dashboard/notifications";
+export * from "@/pages/dashboard/queuemanagementpage.jsx";
+
+
+
+
+
diff --git a/src/pages/dashboard/notifications.jsx b/src/pages/dashboard/notifications.jsx
index f4be88b0..50e1f755 100644
--- a/src/pages/dashboard/notifications.jsx
+++ b/src/pages/dashboard/notifications.jsx
@@ -1,88 +1,151 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
import {
Typography,
- Alert,
Card,
CardHeader,
CardBody,
+ Button,
} from "@material-tailwind/react";
-import { InformationCircleIcon } from "@heroicons/react/24/outline";
+import apiClient from "../../api/axiosConfig.js";
+import { AddRouteModal } from "@/widgets/layout/AddRouteModal";
+import { EditRouteModal } from "@/widgets/layout/EditRouteModal"; // 1. Edit modal'ı import et
export function Notifications() {
- const [showAlerts, setShowAlerts] = React.useState({
- blue: true,
- green: true,
- orange: true,
- red: true,
- });
- const [showAlertsWithIcon, setShowAlertsWithIcon] = React.useState({
- blue: true,
- green: true,
- orange: true,
- red: true,
- });
- const alerts = ["gray", "green", "orange", "red"];
+ const [routes, setRoutes] = useState([]);
+
+ // "Ekle" modalı için state'ler
+ const [addModalOpen, setAddModalOpen] = useState(false);
+ const handleOpenAddModal = () => setAddModalOpen(!addModalOpen);
+
+ // 2. "Düzenle" modalı için yeni state'ler
+ const [editModalOpen, setEditModalOpen] = useState(false);
+ const [currentRoute, setCurrentRoute] = useState(null); // Düzenlenecek güzergahı tutar
+
+ // Düzenleme modal'ını açan fonksiyon
+ const handleOpenEditModal = (route) => {
+ setCurrentRoute(route);
+ setEditModalOpen(true);
+ };
+
+ // Düzenleme modal'ını kapatan fonksiyon
+ const handleCloseEditModal = () => {
+ setEditModalOpen(false);
+ setCurrentRoute(null);
+ };
+
+ // Güzergah listesini API'den çeken ana fonksiyon
+ const fetchRoutes = async () => {
+ try {
+ const response = await apiClient.get("/admin/routes");
+ setRoutes(response.data);
+ } catch (error) {
+ console.error("Güzergahları çekerken hata oluştu:", error);
+ }
+ };
+
+ useEffect(() => {
+ fetchRoutes();
+ }, []);
+
+ // Ekleme, silme veya güncelleme sonrası listeyi yeniden çekmek için
+ const handleDataChange = () => {
+ fetchRoutes();
+ };
+
+ const handleDelete = async (routeId) => {
+ if (window.confirm("Bu güzergahı silmek istediğinizden emin misiniz?")) {
+ try {
+ await apiClient.delete(`/admin/routes/${routeId}`);
+ handleDataChange(); // Silme sonrası listeyi yenile
+ } catch (error) {
+ console.error("Güzergah silinirken hata oluştu:", error);
+ }
+ }
+ };
return (
-
- Sign In
- Enter your email and password to Sign In.
-
-
-
-
-
- Alerts
-
-
-
- {alerts.map((color) => (
- setShowAlerts((current) => ({ ...current, [color]: false }))}
- >
- A simple {color} alert with an example link. Give
- it a click if you like.
-
- ))}
-
-
-
-
-
- Alerts with Icon
-
-
-
- {alerts.map((color) => (
-
+ Güzergahlar
+
+
+
+
+
+
+
+
+
+
+
);
}
-export default Notifications;
+export default Notifications;
\ No newline at end of file
diff --git a/src/pages/dashboard/profile.jsx b/src/pages/dashboard/profile.jsx
index 0d9f0115..bc40433a 100644
--- a/src/pages/dashboard/profile.jsx
+++ b/src/pages/dashboard/profile.jsx
@@ -1,221 +1,122 @@
-import {
- Card,
- CardBody,
- CardHeader,
- CardFooter,
- Avatar,
- Typography,
- Tabs,
- TabsHeader,
- Tab,
- Switch,
- Tooltip,
- Button,
-} from "@material-tailwind/react";
-import {
- HomeIcon,
- ChatBubbleLeftEllipsisIcon,
- Cog6ToothIcon,
- PencilIcon,
-} from "@heroicons/react/24/solid";
-import { Link } from "react-router-dom";
-import { ProfileInfoCard, MessageCard } from "@/widgets/cards";
-import { platformSettingsData, conversationsData, projectsData } from "@/data";
+import React, { useState, useEffect } from "react";
+import { Card, CardHeader, CardBody, Typography, Button } from "@material-tailwind/react";
+import apiClient from "../../api/axiosConfig.js";
+import { AddUserModal } from "@/widgets/layout/AddUserModal";
+import { EditUserModal } from "@/widgets/layout/EditUserModal";
export function Profile() {
+ const [users, setUsers] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(null);
+
+ // Ekleme ve Düzenleme Modalları için state'ler
+ const [openAddModal, setOpenAddModal] = useState(false);
+ const [openEditModal, setOpenEditModal] = useState(false);
+ const [currentUser, setCurrentUser] = useState(null);
+
+ const handleOpenAddModal = () => setOpenAddModal(true);
+ const handleCloseAddModal = () => setOpenAddModal(false);
+
+ // Düzenleme modalını açan fonksiyon
+ const handleOpenEditModal = (user) => {
+ setCurrentUser(user);
+ setOpenEditModal(true);
+ };
+ // Düzenleme modalını kapatan fonksiyon
+ const handleCloseEditModal = () => {
+ setCurrentUser(null);
+ setOpenEditModal(false);
+ };
+
+ const fetchUsers = async () => {
+ try {
+ setLoading(true);
+ const response = await apiClient.get("/Users");
+ setUsers(response.data);
+ setError(null);
+ } catch (err) {
+ setError("Kullanıcı verileri yüklenirken bir hata oluştu.");
+ console.error(err);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchUsers();
+ }, []);
+
+ // Ekleme, silme veya güncelleme sonrası listeyi yeniden çek
+ const handleDataChange = () => {
+ fetchUsers();
+ };
+
+ const handleDeleteUser = async (userId, userName) => {
+ if (window.confirm(`'${userName}' adlı kullanıcıyı silmek istediğinizden emin misiniz?`)) {
+ try {
+ await apiClient.delete(`/Users/${userId}`);
+ handleDataChange(); // Silme sonrası listeyi yenile
+ } catch (err) {
+ alert("Kullanıcı silinirken bir hata oluştu.");
+ console.error(err);
+ }
+ }
+ };
+
+ if (loading) return
+
+
- A simple {color} alert with an example link. Give
- it a click if you like.
-
- ))}
-
-
-
+ |
+ |
+ ))}
+ |
|---|---|
|
+ |
+ + {/* 4. Düzenle butonunun onClick olayını güncelle */} + + + | +
-
-
-
-
-
-
-
-
- Richard Davis
-
-
- CEO / Co-Founder
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ),
- }}
- action={
-
-
- Platform Settings
-
-
-
- {platformSettingsData.map(({ title, options }) => (
-
-
-
- {title}
-
-
- ))}
-
- {options.map(({ checked, label }) => (
-
-
-
- Platform Settings
-
-
-
- {conversationsData.map((props) => (
-
-
+
+ {({ isActive }) => ( + + )} + +
+ ))}
+
+
+
+ Kullanıcılar
+
+
+
+
+
+
+
+
+
+
);
}
-export default Profile;
+export default Profile;
\ No newline at end of file
diff --git a/src/pages/dashboard/queuemanagementpage.jsx b/src/pages/dashboard/queuemanagementpage.jsx
new file mode 100644
index 00000000..f6151c3e
--- /dev/null
+++ b/src/pages/dashboard/queuemanagementpage.jsx
@@ -0,0 +1,187 @@
+import React, { useState, useEffect, useMemo } from "react";
+import {
+ Typography, Card, CardHeader, CardBody, Button, Select, Option, List, ListItem,
+} from "@material-tailwind/react";
+import apiClient from "../../api/axiosConfig.js";
+
+export function QueueManagementPage() {
+ // --- STATE TANIMLAMALARI ---
+ const [routes, setRoutes] = useState([]); // Tüm güzergahların listesi (sol panel)
+ const [allVehicles, setAllVehicles] = useState([]); // Tüm araçların listesi (dropdown için)
+ const [selectedRoute, setSelectedRoute] = useState(null); // Seçili olan güzergah
+ const [queuedVehicles, setQueuedVehicles] = useState([]); // Seçili güzergahın sırasındaki araçlar
+ const [vehicleToAdd, setVehicleToAdd] = useState(""); // Dropdown'dan seçilen araç ID'si
+ const [loadingQueue, setLoadingQueue] = useState(false); // Sıra yüklenirken gösterilecek spinner için
+
+ // --- VERİ ÇEKME İŞLEMLERİ ---
+
+ // 1. Bileşen ilk yüklendiğinde tüm güzergahları ve tüm araçları çek
+ useEffect(() => {
+ const fetchInitialData = async () => {
+ try {
+ const routesPromise = apiClient.get("/admin/routes");
+ const vehiclesPromise = apiClient.get("/admin/vehicles");
+
+ const [routesResponse, vehiclesResponse] = await Promise.all([routesPromise, vehiclesPromise]);
+
+ setRoutes(routesResponse.data);
+ setAllVehicles(vehiclesResponse.data);
+ } catch (error) {
+ console.error("Ana veriler çekilirken hata oluştu:", error);
+ }
+ };
+ fetchInitialData();
+ }, []);
+
+ // 2. Bir güzergah seçildiğinde, o güzergahın sırasını API'den çek
+ useEffect(() => {
+ if (selectedRoute) {
+ setLoadingQueue(true);
+ const fetchQueue = async () => {
+ try {
+ const response = await apiClient.get(`/routes/${selectedRoute.id}/queue`);
+ setQueuedVehicles(response.data);
+ } catch (error) {
+ console.error(`Sıra çekilirken hata (Güzergah ID: ${selectedRoute.id}):`, error);
+ setQueuedVehicles([]); // Hata durumunda listeyi boşalt
+ } finally {
+ setLoadingQueue(false);
+ }
+ };
+ fetchQueue();
+ }
+ }, [selectedRoute]); // selectedRoute her değiştiğinde bu blok çalışır
+
+
+
+ const handleAddVehicleToQueue = async () => {
+ if (!vehicleToAdd || !selectedRoute) {
+ alert("Lütfen bir araç seçin.");
+ return;
+ }
+ try {
+ await apiClient.post(`/routes/${selectedRoute.id}/queue`, { vehicleId: vehicleToAdd });
+ // Başarılı ekleme sonrası sırayı anında güncelle (Refetch)
+ const response = await apiClient.get(`/routes/${selectedRoute.id}/queue`);
+ setQueuedVehicles(response.data);
+ setVehicleToAdd(""); // Dropdown'ı temizle
+ } catch (error) {
+ console.error("Sıraya araç eklenirken hata:", error);
+ alert(error.response?.data || "Araç sıraya eklenemedi.");
+ }
+ };
+
+ const handleRemoveVehicleFromQueue = async (vehicleId) => {
+ if (window.confirm("Bu aracı sıradan çıkarmak istediğinizden emin misiniz?")) {
+ try {
+ await apiClient.delete(`/routes/${selectedRoute.id}/queue/${vehicleId}`);
+ // Başarılı silme sonrası sırayı anında güncelle (Refetch)
+ const response = await apiClient.get(`/routes/${selectedRoute.id}/queue`);
+ setQueuedVehicles(response.data);
+ } catch (error) {
+ console.error("Araç sıradan çıkarılırken hata:", error);
+ alert("Araç sıradan çıkarılamadı.");
+ }
+ }
+ };
+
+ // KULLANICI DENEYİMİ İYİLEŞTİRMESİ: Mevcut sırada olan araçları, ekleme dropdown'ında gösterme.
+ const availableVehicles = useMemo(() => {
+ const queuedVehicleIds = new Set(queuedVehicles.map(v => v.id));
+ return allVehicles.filter(v => !queuedVehicleIds.has(v.id));
+ }, [allVehicles, queuedVehicles]);
+
+ return (
+ |
+ |
+ ))}
+ |||
|---|---|---|---|
|
+ |
+
+ |
+
+ |
+ + {/* 3. Düzenle butonunun onClick olayı güncellendi */} + + {/* 4. Buton boyutu `xs`'den `sm`'ye çevrildi */} + + | +
+
+
+
+ Güzergah Sıra Yönetimi
+
+
+
+ {/* SOL PANEL: Güzergah Listesi */}
+
+
+
+ );
+}
+
+export default QueueManagementPage;
\ No newline at end of file
diff --git a/src/pages/dashboard/tables.jsx b/src/pages/dashboard/tables.jsx
index 3d453ed7..0b583910 100644
--- a/src/pages/dashboard/tables.jsx
+++ b/src/pages/dashboard/tables.jsx
@@ -1,221 +1,129 @@
-import {
- Card,
- CardHeader,
- CardBody,
- Typography,
- Avatar,
- Chip,
- Tooltip,
- Progress,
-} from "@material-tailwind/react";
-import { EllipsisVerticalIcon } from "@heroicons/react/24/outline";
-import { authorsTableData, projectsTableData } from "@/data";
+import React, { useState, useEffect } from "react";
+import { Card, CardHeader, CardBody, Typography, Button } from "@material-tailwind/react";
+import apiClient from "../../api/axiosConfig.js";
+import { AddVehicleModal } from "@/widgets/layout/AddVehicleModal";
+import { EditVehicleModal } from "@/widgets/layout/EditVehicleModal";
export function Tables() {
+ const [vehicles, setVehicles] = useState([]);
+
+ // "Ekle" modalı için state'ler
+ const [addModalOpen, setAddModalOpen] = useState(false);
+ const handleOpenAddModal = () => setAddModalOpen(!addModalOpen);
+
+ // "Düzenle" modalı için state'ler
+ const [editModalOpen, setEditModalOpen] = useState(false);
+ const [currentVehicle, setCurrentVehicle] = useState(null); // Düzenlenecek aracı tutar
+
+ // Düzenleme modal'ını açan fonksiyon
+ const handleOpenEditModal = (vehicle) => {
+ setCurrentVehicle(vehicle); // Hangi aracın düzenleneceğini state'e ata
+ setEditModalOpen(true); // Modal'ı aç
+ };
+
+ // Düzenleme modal'ını kapatan fonksiyon
+ const handleCloseEditModal = () => {
+ setEditModalOpen(false);
+ setCurrentVehicle(null); // Modal kapanınca seçili aracı temizle
+ }
+
+ // Araç listesini API'den çeken ana fonksiyon
+ const fetchVehicles = async () => {
+ try {
+ const response = await apiClient.get("/admin/vehicles");
+ setVehicles(response.data);
+ } catch (error) {
+ console.error("Araçlar çekilirken bir hata oluştu:", error);
+ }
+ };
+
+ // Bileşen ilk yüklendiğinde araçları çek
+ useEffect(() => {
+ fetchVehicles();
+ }, []);
+
+ // Ekleme, silme veya güncelleme sonrası listeyi yeniden çekmek için
+ const handleDataChange = () => {
+ fetchVehicles();
+ };
+
+ // Araç silme fonksiyonu
+ const handleDelete = async (id) => {
+ if (window.confirm("Bu aracı silmek istediğinizden emin misiniz?")) {
+ try {
+ await apiClient.delete(`/admin/vehicles/${id}`);
+ handleDataChange(); // Silme sonrası listeyi yenile
+ } catch (error) {
+ alert("Araç silinirken bir sorun oluştu.");
+ console.error("Araç silinirken hata:", error);
+ }
+ }
+ };
+
return (
-
+ Güzergah Seçin
+
+
+
+
+ {/* SAĞ PANEL: Sıra ve Ekleme Formu */}
+ -
+ {routes.map(route => (
+
+ {!selectedRoute ? (
+
+
+ Lütfen bir güzergah seçin
+
+ ) : (
+
+ {/* Sıradaki Araçlar Tablosu */}
+
+ Sıradaki Araçlar: {selectedRoute.routeName}
+
+
+ )}
+
+
+
+
+
+
+ {/* Sıraya Araç Ekleme Formu */}
+ |
+ |
+ ))}
+ |||
|---|---|---|---|
| Yükleniyor... | |||
| {vehicle.licensePlate} | +{vehicle.userFullName} | ++ + | +|
+
+
+
+
+
+
-
-
-
- Authors Table
-
-
-
-
-
-
-
-
-
-
-
- Projects Table
-
-
-
-
-
-
+
+
+
+
);
}
-export default Tables;
+export default Tables;
\ No newline at end of file
diff --git a/src/routes.jsx b/src/routes.jsx
index 3a5a8da0..e076afca 100644
--- a/src/routes.jsx
+++ b/src/routes.jsx
@@ -5,9 +5,25 @@ import {
InformationCircleIcon,
ServerStackIcon,
RectangleStackIcon,
+ TruckIcon,
+ MapIcon,
+ Squares2X2Icon,
+ QueueListIcon, // 1. YENİ: Sıra Yönetimi sayfası için gerekli ikonu import edelim
} from "@heroicons/react/24/solid";
-import { Home, Profile, Tables, Notifications } from "@/pages/dashboard";
-import { SignIn, SignUp } from "@/pages/auth";
+
+// 1. YENİ: Yeni sayfa bileşenimizi de diğerlerinin yanına import edelim
+import {
+ Home,
+ Profile,
+ Tables,
+ Notifications,
+ QueueManagementPage
+} from "@/pages/dashboard";
+
+
+import { SignIn } from "@/pages/auth";
+
+
const icon = {
className: "w-5 h-5 text-inherit",
@@ -18,28 +34,40 @@ export const routes = [
layout: "dashboard",
pages: [
{
- icon: |
- |
- ))}
- ||||
|---|---|---|---|---|
|
-
-
-
-
- |
-
- |
-
- |
-
- |
-
- |
-
|
- |
- )
- )}
-
|---|
|
+ |
+ ))}
+ ||||
|---|---|---|---|---|
|
-
-
- |
-
- {members.map(({ img, name }, key) => (
- |
-
- |
-
-
-
- |
-
- |
-
|
+ |
+
+ |
+
+ |
+ + + + | +
+
+ );
+}
+
+export default VehicleQueueCard;
\ No newline at end of file
diff --git a/src/widgets/layout/dashboard-navbar.jsx b/src/widgets/layout/dashboard-navbar.jsx
index d91e23f7..00eaa89b 100644
--- a/src/widgets/layout/dashboard-navbar.jsx
+++ b/src/widgets/layout/dashboard-navbar.jsx
@@ -1,36 +1,23 @@
-import { useLocation, Link } from "react-router-dom";
-import {
- Navbar,
- Typography,
- Button,
- IconButton,
- Breadcrumbs,
- Input,
- Menu,
- MenuHandler,
- MenuList,
- MenuItem,
- Avatar,
-} from "@material-tailwind/react";
-import {
- UserCircleIcon,
- Cog6ToothIcon,
- BellIcon,
- ClockIcon,
- CreditCardIcon,
- Bars3Icon,
-} from "@heroicons/react/24/solid";
-import {
- useMaterialTailwindController,
- setOpenConfigurator,
- setOpenSidenav,
-} from "@/context";
+import { ArrowRightOnRectangleIcon, Bars3Icon } from "@heroicons/react/24/solid";
+import { IconButton, Input, Navbar, Typography, Breadcrumbs } from "@material-tailwind/react";
+import { useMaterialTailwindController, setOpenSidenav } from "@/context";
+import { useLocation, Link, useNavigate } from "react-router-dom"; // 🔹 useNavigate eklendi
export function DashboardNavbar() {
const [controller, dispatch] = useMaterialTailwindController();
const { fixedNavbar, openSidenav } = controller;
const { pathname } = useLocation();
const [layout, page] = pathname.split("/").filter((el) => el !== "");
+
+
+ const navigate = useNavigate();
+
+const handleLogout = () => {
+ localStorage.removeItem("authToken"); // Token sil
+ localStorage.removeItem("userRole"); // varsa rol bilgisini de sil
+ navigate("/auth/sign-in"); // Login ekranına yönlendir
+};
+
return (
+
+ #{index + 1}
+
+
+
+
+ {vehicle.licensePlate}
+
+
+ {vehicle.userFullName}
+
+
+
+
+ {/* Breadcrumbs ve sayfa başlığı */}
- {layout}
+ {layout || "Home"}
-
- {page}
+
+ {page || "Dashboard"}
-
- {page}
+
+ {page || "Dashboard"}
-
+
+
+ {/* Arama ve ikonlar */}
+
-
-
-
-
-
-
+
+ {/* Çıkış butonu */}
setOpenConfigurator(dispatch, true)}
+ color="red"
+ onClick={handleLogout} // 🔹 logout çağrıldı
+ className="rounded-full hover:bg-red-100 transition-colors"
>
-
);
}
-
-DashboardNavbar.displayName = "/src/widgets/layout/dashboard-navbar.jsx";
-
-export default DashboardNavbar;
diff --git a/src/widgets/layout/footer.jsx b/src/widgets/layout/footer.jsx
index 1ea98e53..f2c59643 100644
--- a/src/widgets/layout/footer.jsx
+++ b/src/widgets/layout/footer.jsx
@@ -8,33 +8,7 @@ export function Footer({ brandName, brandLink, routes }) {
return (
);
diff --git a/src/widgets/layout/sidenav.jsx b/src/widgets/layout/sidenav.jsx
index cc7e6ffe..e389bbdb 100644
--- a/src/widgets/layout/sidenav.jsx
+++ b/src/widgets/layout/sidenav.jsx
@@ -11,7 +11,8 @@ import { useMaterialTailwindController, setOpenSidenav } from "@/context";
export function Sidenav({ brandImg, brandName, routes }) {
const [controller, dispatch] = useMaterialTailwindController();
- const { sidenavColor, sidenavType, openSidenav } = controller;
+ const { sidenavColor, sidenavType, openSidenav, userRole } = controller;
+
const sidenavTypes = {
dark: "bg-gradient-to-br from-gray-800 to-gray-900",
white: "bg-white shadow-sm",
@@ -19,93 +20,74 @@ export function Sidenav({ brandImg, brandName, routes }) {
};
return (
-
+
-
+
+
+ {/* Sidenav toggle */}
+ {routes
+ .filter((route) => route.layout === "dashboard") // Sadece dashboard layout'unu al
+ .map(({ layout, pages }, key) => (
+
+
);
}
-Sidenav.defaultProps = {
- brandImg: "/img/logo-ct.png",
- brandName: "Material Tailwind React",
-};
-
-Sidenav.propTypes = {
- brandImg: PropTypes.string,
- brandName: PropTypes.string,
- routes: PropTypes.arrayOf(PropTypes.object).isRequired,
-};
-Sidenav.displayName = "/src/widgets/layout/sidnave.jsx";
-export default Sidenav;
+export default Sidenav;
\ No newline at end of file
-
+ {pages
+ // BU SATIR SAYESİNDE OTOMATİK FİLTRELEME YAPILIYOR
+ .filter((page) => !page.roles || page.roles.includes(userRole))
+ .map(({ icon, name, path }) => (
+