-
-
-
- Get started by editing{" "}
-
- src/app/page.tsx -- . -
- - - Save and see your changes instantly. - -
-
- = () => {
+ return = () => {
+ return = () => {
+ return = () => {
+ return = () => {
+ return = () => {
+ return {
+ if (url in menuPages) {
+ return menuPages[url as keyof typeof menuPages];
+ }
+ return UnAuthorizedPage;
+}
diff --git a/WebServices/management-frontend/src/components/Pages/unauthorizedpage.tsx b/WebServices/management-frontend/src/components/Pages/unauthorizedpage.tsx
new file mode 100644
index 0000000..9ee42de
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/unauthorizedpage.tsx
@@ -0,0 +1,43 @@
+import { PageProps } from "../validations/translations/translation";
+
+// Language dictionary for internationalization
+const languageDictionary = {
+ en: {
+ title: "Unauthorized Access",
+ message1: "You do not have permission to access this page.",
+ message2: "Please contact the administrator.",
+ footer: `© ${new Date().getFullYear()} My Application`,
+ },
+ tr: {
+ title: "Yetkisiz EriÅŸim",
+ message1: "Bu sayfaya eriÅŸim izniniz yok.",
+ message2: "Lütfen yönetici ile iletişime geçin.",
+ footer: `© ${new Date().getFullYear()} Uygulamam`,
+ },
+};
+
+export const UnAuthorizedPage: React.FC = ({
+ lang = "en",
+ queryParams,
+}) => {
+ // Use the language dictionary based on the lang prop, defaulting to English
+ const t =
+ languageDictionary[lang as keyof typeof languageDictionary] ||
+ languageDictionary.en;
+ return (
+ <>
+ (null);
+ const [jsonText, setJsonText] = useState(null);
+
+ const Router = useRouter();
+
+ const {
+ register,
+ formState: { errors },
+ handleSubmit,
+ } = useForm({
+ resolver: zodResolver(loginSchema),
+ });
+
+ const onSubmit = async (data: LoginFormData) => {
+ try {
+ startTransition(() => {
+ try {
+ loginViaAccessKeys({
+ accessKey: data.email,
+ password: data.password,
+ rememberMe: false,
+ })
+ .then((result: any) => {
+ const dataResponse = result?.data;
+ if (dataResponse?.access_token) {
+ setJsonText(JSON.stringify(dataResponse));
+ setTimeout(() => {
+ Router.push("/auth/select");
+ }, 2000);
+ }
+ return dataResponse;
+ })
+ .catch(() => {});
+ } catch (error) {}
+ });
+ } catch (error) {
+ console.error("Login error:", error);
+ setError("An error occurred during login");
+ }
+ };
+ return (
+ <>
+ = ({ lang }) => {
+ const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+ const [isNotificationsOpen, setIsNotificationsOpen] = useState(false);
+ const [isMessagesOpen, setIsMessagesOpen] = useState(false);
+ const [notifications, setNotifications] = useState(mockNotifications);
+ const [messages, setMessages] = useState(mockMessages);
+
+ const dropdownRef = useRef(null);
+ const notificationsRef = useRef(null);
+ const messagesRef = useRef(null);
+ const t = dropdownLanguage[lang] || dropdownLanguage.en;
+
+ const router = useRouter();
+
+ // Close dropdowns when clicking outside
+ useEffect(() => {
+ const handleClickOutside = (event: MouseEvent) => {
+ if (
+ dropdownRef.current &&
+ !dropdownRef.current.contains(event.target as Node)
+ ) {
+ setIsDropdownOpen(false);
+ }
+ if (
+ notificationsRef.current &&
+ !notificationsRef.current.contains(event.target as Node)
+ ) {
+ setIsNotificationsOpen(false);
+ }
+ if (
+ messagesRef.current &&
+ !messagesRef.current.contains(event.target as Node)
+ ) {
+ setIsMessagesOpen(false);
+ }
+ };
+
+ document.addEventListener("mousedown", handleClickOutside);
+ return () => {
+ document.removeEventListener("mousedown", handleClickOutside);
+ };
+ }, []);
+
+ const handleLogout = () => {
+ // Implement logout functionality
+ console.log("Logging out...");
+ logoutActiveSession()
+ .then(() => {
+ console.log("Logout successful");
+ })
+ .catch((error) => {
+ console.error("Logout error:", error);
+ })
+ .finally(() => {
+ setIsDropdownOpen(false);
+ router.replace("/auth/login");
+ });
+ };
+
+ const markAllNotificationsAsRead = () => {
+ setNotifications(
+ notifications.map((notification) => ({
+ ...notification,
+ read: true,
+ }))
+ );
+ };
+
+ const markAllMessagesAsRead = () => {
+ setMessages(
+ messages.map((message) => ({
+ ...message,
+ read: true,
+ }))
+ );
+ };
+
+ // Format date to display in a user-friendly way
+ const formatDate = (date: Date) => {
+ return date.toLocaleString(lang === "tr" ? "tr-TR" : "en-US", {
+ hour: "2-digit",
+ minute: "2-digit",
+ day: "2-digit",
+ month: "2-digit",
+ year: "numeric",
+ });
+ };
+
+ return (
+
+
+ );
+};
+
+export default Header;
diff --git a/WebServices/management-frontend/src/components/menu/EmployeeProfileSection.tsx b/WebServices/management-frontend/src/components/menu/EmployeeProfileSection.tsx
new file mode 100644
index 0000000..5493744
--- /dev/null
+++ b/WebServices/management-frontend/src/components/menu/EmployeeProfileSection.tsx
@@ -0,0 +1,223 @@
+"use client";
+import React, { useState, useEffect } from "react";
+import { User, Briefcase, ChevronDown } from "lucide-react";
+import {
+ retrieveAccessObjects,
+ retrieveUserSelection,
+} from "@/apicalls/cookies/token";
+import { loginSelectEmployee } from "@/apicalls/login/login";
+
+// Language definitions for employee profile section
+const profileLanguage = {
+ tr: {
+ userType: "Kullanıcı Tipi",
+ employee: "Çalışan",
+ loading: "Yükleniyor...",
+ changeSelection: "Seçimi Değiştir",
+ selectCompany: "Şirket Seçin",
+ noCompanies: "Kullanılabilir şirket bulunamadı",
+ duty: "Görev",
+ },
+ en: {
+ userType: "User Type",
+ employee: "Employee",
+ loading: "Loading...",
+ changeSelection: "Change Selection",
+ selectCompany: "Select Company",
+ noCompanies: "No companies available",
+ duty: "Duty",
+ },
+};
+
+interface CompanyInfo {
+ uu_id: string;
+ public_name: string;
+ company_type: string;
+ company_address: string | null;
+ duty: string;
+}
+
+interface UserSelection {
+ userType: string;
+ selected: CompanyInfo;
+}
+
+interface EmployeeProfileSectionProps {
+ userSelectionData: UserSelection;
+ lang?: "en" | "tr";
+}
+
+const EmployeeProfileSection: React.FC = ({
+ userSelectionData,
+ lang = "en",
+}) => {
+ const t =
+ profileLanguage[lang as keyof typeof profileLanguage] || profileLanguage.en;
+
+ const [showSelectionList, setShowSelectionList] = useState(false);
+ const [loading, setLoading] = useState(true);
+ // Initialize state with data from props
+ const [userSelection, setUserSelection] = useState(
+ userSelectionData?.selected || null
+ );
+ const [selectionList, setSelectionList] = useState(
+ null
+ );
+ const [availableCompanies, setAvailableCompanies] = useState(
+ []
+ );
+ const [hasMultipleOptions, setHasMultipleOptions] = useState(false);
+
+ // Fetch access objects for selection list when needed
+ useEffect(() => {
+ if (showSelectionList && !selectionList) {
+ setLoading(true);
+ retrieveAccessObjects()
+ .then((accessObjectsData) => {
+ console.log("Access Objects:", accessObjectsData);
+
+ if (accessObjectsData && "selectionList" in accessObjectsData) {
+ const companies = (accessObjectsData as any)
+ .selectionList as CompanyInfo[];
+ setSelectionList(companies);
+
+ // Filter out the currently selected company
+ if (userSelection) {
+ const filteredCompanies = companies.filter(
+ (company) => company.uu_id !== userSelection.uu_id
+ );
+ setAvailableCompanies(filteredCompanies);
+ setHasMultipleOptions(filteredCompanies.length > 0);
+ } else {
+ setAvailableCompanies(companies);
+ setHasMultipleOptions(companies.length > 1);
+ }
+ }
+ })
+ .catch((err) => {
+ console.error("Error fetching access objects:", err);
+ })
+ .finally(() => setLoading(false));
+ }
+ }, [showSelectionList, selectionList, userSelection]);
+
+ // Update user selection when props change
+ useEffect(() => {
+ if (userSelectionData?.selected) {
+ setUserSelection(userSelectionData.selected as CompanyInfo);
+
+ // Check if we need to fetch selection list to determine if multiple options exist
+ if (!selectionList) {
+ retrieveAccessObjects()
+ .then((accessObjectsData) => {
+ if (accessObjectsData && "selectionList" in accessObjectsData) {
+ const companies = (accessObjectsData as any)
+ .selectionList as CompanyInfo[];
+ setSelectionList(companies);
+
+ // Filter out the currently selected company
+ const filteredCompanies = companies.filter(
+ (company) => company.uu_id !== userSelectionData.selected.uu_id
+ );
+ setHasMultipleOptions(filteredCompanies.length > 0);
+ }
+ })
+ .catch((err) => {
+ console.error("Error fetching access objects:", err);
+ });
+ }
+ }
+ }, [userSelectionData, selectionList]);
+
+ const handleSelectCompany = (company: any) => {
+ loginSelectEmployee({ company_uu_id: company.uu_id })
+ .then((responseData: any) => {
+ if (responseData?.status === 200 || responseData?.status === 202) {
+ // Refresh the page to update the selection
+ window.location.reload();
+ }
+ })
+ .catch((error) => {
+ console.error("Error selecting company:", error);
+ });
+ };
+
+ if (!userSelection) {
+ return = ({
+ userSelectionData,
+ lang = "en",
+}) => {
+ const t =
+ profileLanguage[lang as keyof typeof profileLanguage] || profileLanguage.en;
+ const router = useRouter();
+
+ const [showSelectionList, setShowSelectionList] = useState(false);
+ const [loading, setLoading] = useState(true);
+ // Initialize state with data from props
+ const [userSelection, setUserSelection] = useState(
+ userSelectionData?.selected || null
+ );
+ const [selectionList, setSelectionList] =
+ useState(null);
+ const [availableOccupants, setAvailableOccupants] = useState([]);
+ const [hasMultipleOptions, setHasMultipleOptions] = useState(false);
+ const [selectedBuildingKey, setSelectedBuildingKey] = useState(
+ null
+ );
+ const [buildings, setBuildings] = useState<{ [key: string]: BuildingInfo }>(
+ {}
+ );
+
+ // Fetch access objects for selection list when needed
+ useEffect(() => {
+ if (showSelectionList && !selectionList) {
+ setLoading(true);
+ retrieveAccessObjects()
+ .then((accessObjectsData) => {
+ console.log("Access Objects:", accessObjectsData);
+
+ if (accessObjectsData && accessObjectsData.selectionList) {
+ const data = accessObjectsData as OccupantSelectionList;
+ setSelectionList(data);
+ setBuildings(data.selectionList);
+
+ // Check if there are multiple buildings or multiple occupants across all buildings
+ const buildingKeys = Object.keys(data.selectionList);
+ let totalOccupants = 0;
+ let currentBuildingKey = null;
+ let currentOccupantId = null;
+
+ // Count total occupants and find current building/occupant
+ buildingKeys.forEach((key) => {
+ const building = data.selectionList[key];
+ if (building.occupants && building.occupants.length > 0) {
+ totalOccupants += building.occupants.length;
+
+ // Try to find the current user's building and occupant
+ if (userSelection) {
+ building.occupants.forEach((occupant) => {
+ if (
+ occupant.build_living_space_uu_id ===
+ userSelection.build_living_space_uu_id
+ ) {
+ currentBuildingKey = key;
+ currentOccupantId = occupant.build_living_space_uu_id;
+ }
+ });
+ }
+ }
+ });
+
+ // Set whether there are multiple options
+ setHasMultipleOptions(totalOccupants > 1);
+
+ // If we found the current building, set it as selected
+ if (currentBuildingKey) {
+ setSelectedBuildingKey(currentBuildingKey);
+ }
+ }
+ })
+ .catch((err) => {
+ console.error("Error fetching access objects:", err);
+ })
+ .finally(() => setLoading(false));
+ }
+ }, [showSelectionList, userSelection]);
+
+ // Update user selection when props change
+ useEffect(() => {
+ if (userSelectionData?.selected) {
+ setUserSelection(userSelectionData.selected as OccupantInfo);
+
+ // Check if we need to fetch selection list to determine if multiple options exist
+ if (!selectionList) {
+ retrieveAccessObjects()
+ .then((accessObjectsData) => {
+ if (accessObjectsData && accessObjectsData.selectionList) {
+ const data = accessObjectsData as OccupantSelectionList;
+ setSelectionList(data);
+ setBuildings(data.selectionList);
+
+ // Count total occupants across all buildings
+ let totalOccupants = 0;
+ let currentBuildingKey = null;
+
+ Object.keys(data.selectionList).forEach((key) => {
+ const building = data.selectionList[key];
+ if (building.occupants && building.occupants.length > 0) {
+ totalOccupants += building.occupants.length;
+
+ // Try to find the current user's building
+ building.occupants.forEach((occupant) => {
+ if (
+ userSelectionData.selected.build_living_space_uu_id ===
+ occupant.build_living_space_uu_id
+ ) {
+ currentBuildingKey = key;
+ }
+ });
+ }
+ });
+
+ setHasMultipleOptions(totalOccupants > 1);
+ if (currentBuildingKey) {
+ setSelectedBuildingKey(currentBuildingKey);
+ }
+ }
+ })
+ .catch((err) => {
+ console.error("Error fetching access objects:", err);
+ });
+ }
+ }
+ }, [userSelectionData, selectionList]);
+
+ // Helper function to process occupant data
+ const processOccupantData = (data: OccupantSelectionList) => {
+ if (!data.selectionList) return;
+
+ const occupantList: any[] = [];
+
+ // Process the building/occupant structure
+ Object.keys(data.selectionList).forEach((buildKey) => {
+ const building = data.selectionList[buildKey];
+ if (building.occupants && building.occupants.length > 0) {
+ building.occupants.forEach((occupant: OccupantDetails) => {
+ occupantList.push({
+ buildKey,
+ buildName: building.build_name,
+ buildNo: building.build_no,
+ ...occupant,
+ });
+ });
+ }
+ });
+
+ setAvailableOccupants(occupantList);
+ };
+
+ // Process occupant data when selection menu is opened or when selectionList changes
+ useEffect(() => {
+ if (showSelectionList && selectionList && selectionList.selectionList) {
+ setLoading(true);
+ processOccupantData(selectionList);
+ setLoading(false);
+ }
+ }, [showSelectionList, selectionList]);
+
+ const handleSelectOccupant = (occupant: any) => {
+ loginSelectOccupant({
+ build_living_space_uu_id: occupant.build_living_space_uu_id,
+ })
+ .then((responseData: any) => {
+ if (responseData?.status === 200 || responseData?.status === 202) {
+ // Refresh the page to update the selection
+ window.location.reload();
+ }
+ })
+ .catch((error) => {
+ console.error("Error selecting occupant:", error);
+ });
+ };
+
+ if (!userSelection) {
+ return = ({ loadingText }) => {
+ return (
+ = ({ lang = "en", activePage }) => {
+ const t =
+ dashboardLanguage[lang as keyof typeof dashboardLanguage] ||
+ dashboardLanguage.en;
+
+ // State for loading indicator, user type, and user selection data
+ const [loading, setLoading] = useState(true);
+ const [userType, setUserType] = useState(null);
+ const [userSelectionData, setUserSelectionData] =
+ useState(null);
+
+ // Fetch user selection data
+ useEffect(() => {
+ setLoading(true);
+
+ retrieveUserSelection()
+ .then((data) => {
+ console.log("User Selection:", data);
+
+ if (data && "userType" in data) {
+ setUserType((data as UserSelection).userType);
+ setUserSelectionData(data as UserSelection);
+ }
+ })
+ .catch((err) => {
+ console.error("Error fetching user selection data:", err);
+ })
+ .finally(() => setLoading(false));
+ }, []);
+ return (
+
+ );
+};
+
+export default ClientMenu;
diff --git a/WebServices/management-frontend/src/components/menu/store.tsx b/WebServices/management-frontend/src/components/menu/store.tsx
new file mode 100644
index 0000000..c04419f
--- /dev/null
+++ b/WebServices/management-frontend/src/components/menu/store.tsx
@@ -0,0 +1,255 @@
+const Individual = {
+ name: "Individual",
+ lg: {
+ tr: "Birey",
+ en: "Individual",
+ },
+ siteUrl: "/individual",
+};
+
+const User = {
+ name: "User",
+ lg: {
+ tr: "Kullanıcı",
+ en: "User",
+ },
+ siteUrl: "/user",
+};
+
+const Build = {
+ name: "Build",
+ lg: {
+ tr: "Apartman",
+ en: "Build",
+ },
+ siteUrl: "/build",
+};
+
+const Dashboard = {
+ name: "Dashboard",
+ lg: {
+ tr: "Pano",
+ en: "Dashboard",
+ },
+ siteUrl: "/dashboard",
+};
+
+const BuildParts = {
+ name: "BuildParts",
+ lg: {
+ tr: "Daireler",
+ en: "Build Parts",
+ },
+ siteUrl: "/build/parts",
+};
+
+const BuildArea = {
+ name: "BuildArea",
+ lg: {
+ tr: "Daire Alanları",
+ en: "Build Area",
+ },
+ siteUrl: "/build/area",
+};
+
+const ManagementAccounting = {
+ name: "ManagementAccounting",
+ lg: {
+ tr: "Yönetim Cari Hareketler",
+ en: "ManagementAccounting",
+ },
+ siteUrl: "/management/accounting",
+};
+
+const ManagementBudget = {
+ name: "ManagementBudget",
+ lg: {
+ tr: "Yönetim Bütçe İşlemleri",
+ en: "Management Budget",
+ },
+ siteUrl: "/management/budget",
+};
+
+const BuildPartsAccounting = {
+ name: "BuildPartsAccounting",
+ lg: {
+ tr: "Daire Cari Hareketler",
+ en: "Build Parts Accounting",
+ },
+ siteUrl: "/build/parts/accounting",
+};
+
+const AnnualMeeting = {
+ name: "AnnualMeeting",
+ lg: {
+ tr: "Yıllık Olağan Toplantı Tanımlama ve Davet",
+ en: "Annual Meetings and Invitations",
+ },
+ siteUrl: "/annual/meeting",
+};
+
+const AnnualMeetingClose = {
+ name: "AnnualMeetingClose",
+ lg: {
+ tr: "Yıllık Olağan Toplantı kapatma ve Cari Yaratma",
+ en: "Annual Meeting Close and Accountings",
+ },
+ siteUrl: "/annual/meeting/close",
+};
+
+const EmergencyMeeting = {
+ name: "EmergencyMeeting",
+ lg: {
+ tr: "Acil Toplantı Tanımlama ve Davet",
+ en: "Emergency Meeting and Invitations",
+ },
+ siteUrl: "/emergency/meeting",
+};
+
+const EmergencyMeetingClose = {
+ name: "EmergencyMeetingClose",
+ lg: {
+ tr: "Acil Olağan Toplantı kapatma ve Cari Yaratma",
+ en: "Emergency Meeting Close and Accountings",
+ },
+ siteUrl: "/emergency/meeting/close",
+};
+
+const MeetingParticipations = {
+ name: "MeetingParticipations",
+ lg: {
+ tr: "Toplantı Katılım İşlemleri",
+ en: "Meeting Participations",
+ },
+ siteUrl: "/meeting/participation",
+};
+
+const TenantSendMessageToBuildManager = {
+ name: "TenantSendMessageToBuildManager",
+ lg: {
+ tr: "Bina Yöneticisine Mesaj Gönder",
+ en: "Send Message to Build Manager",
+ },
+ siteUrl: "/tenant/messageToBM",
+};
+
+const TenantSendMessageToOwner = {
+ name: "TenantSendMessageToOwner",
+ lg: {
+ tr: "Sahibine Mesaj Gönder",
+ en: "Send Message to Owner",
+ },
+ siteUrl: "/tenant/messageToOwner",
+};
+
+const TenantAccountView = {
+ name: "TenantAccountView",
+ lg: {
+ tr: "Kiracı Cari Hareketleri",
+ en: "Tenant Accountings",
+ },
+ siteUrl: "/tenant/accounting",
+};
+
+const Menu = [
+ {
+ name: "Dashboard",
+ lg: {
+ tr: "Pano",
+ en: "Dashboard",
+ },
+ subList: [
+ {
+ name: "Dashboard",
+ lg: {
+ tr: "Pano",
+ en: "Dashboard",
+ },
+ subList: [Dashboard],
+ },
+ ],
+ },
+ {
+ name: "Definitions",
+ lg: {
+ tr: "Tanımlar",
+ en: "Definitions",
+ },
+ subList: [
+ {
+ name: "People",
+ lg: {
+ tr: "KiÅŸiler",
+ en: "People",
+ },
+ subList: [Individual, User],
+ },
+ {
+ name: "Building",
+ lg: {
+ tr: "Binalar",
+ en: "Building",
+ },
+ subList: [Build, BuildParts, BuildArea],
+ },
+ ],
+ },
+ {
+ name: "Building Management",
+ lg: {
+ tr: "Bina Yönetimi",
+ en: "Building Management",
+ },
+ subList: [
+ {
+ name: "Management Accounting",
+ lg: {
+ tr: "Cari iÅŸlemler",
+ en: "Management Accounting",
+ },
+ subList: [ManagementAccounting, ManagementBudget, BuildPartsAccounting],
+ },
+ {
+ name: "Meetings",
+ lg: {
+ tr: "Toplantılar",
+ en: "Meetings",
+ },
+ subList: [
+ AnnualMeeting,
+ AnnualMeetingClose,
+ EmergencyMeeting,
+ EmergencyMeetingClose,
+ MeetingParticipations,
+ ],
+ },
+ ],
+ },
+ {
+ name: "Tenants",
+ lg: {
+ tr: "Kiracı İşlemleri",
+ en: "Tenant Actions",
+ },
+ subList: [
+ {
+ name: "Accountings",
+ lg: {
+ tr: "Kiracı Cari Hareketler",
+ en: "Tenant Accountings",
+ },
+ subList: [TenantAccountView],
+ },
+ {
+ name: "Messages",
+ lg: {
+ tr: "Mesaj Gönder",
+ en: "Send Messages",
+ },
+ subList: [TenantSendMessageToBuildManager, TenantSendMessageToOwner],
+ },
+ ],
+ },
+];
+
+export default Menu;
diff --git a/WebServices/management-frontend/src/components/ui/button.tsx b/WebServices/management-frontend/src/components/ui/button.tsx
new file mode 100644
index 0000000..a2df8dc
--- /dev/null
+++ b/WebServices/management-frontend/src/components/ui/button.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+ {
+ variants: {
+ variant: {
+ default:
+ "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+ destructive:
+ "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+ outline:
+ "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+ secondary:
+ "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+ ghost:
+ "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-9 px-4 py-2 has-[>svg]:px-3",
+ sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+ icon: "size-9",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+function Button({
+ className,
+ variant,
+ size,
+ asChild = false,
+ ...props
+}: React.ComponentProps<"button"> &
+ VariantProps
+
);
}
diff --git a/WebServices/management-frontend/src/components/Pages/Readme.md b/WebServices/management-frontend/src/components/Pages/Readme.md
new file mode 100644
index 0000000..e69de29
diff --git a/WebServices/management-frontend/src/components/Pages/appenderEvent/page.tsx b/WebServices/management-frontend/src/components/Pages/appenderEvent/page.tsx
new file mode 100644
index 0000000..ea688ab
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/appenderEvent/page.tsx
@@ -0,0 +1,8 @@
+import { PageProps } from "@/components/validations/translations/translation";
+import React from "react";
+
+const EventAppendPage: React.FC
+ {/* Welcome Banner */}
+
+
-
-
+
+ {/* Login Section */}
+ Welcome to EVYOS
+Enterprise Management System
+Server Time: {currentDate}
+
+
+
+ Go to Sign In
+
+
+
+
+
+ © {new Date().getFullYear()} EVYOS. All rights reserved.
+EventAppendPage
;
+};
+
+export default EventAppendPage;
diff --git a/WebServices/management-frontend/src/components/Pages/appendersService/page.tsx b/WebServices/management-frontend/src/components/Pages/appendersService/page.tsx
new file mode 100644
index 0000000..505d2aa
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/appendersService/page.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { PageProps } from "@/components/validations/translations/translation";
+
+const AppendersServicePage: React.FCAppendersServicePage
;
+};
+
+export default AppendersServicePage;
diff --git a/WebServices/management-frontend/src/components/Pages/application/page.tsx b/WebServices/management-frontend/src/components/Pages/application/page.tsx
new file mode 100644
index 0000000..77127f5
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/application/page.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { PageProps } from "@/components/validations/translations/translation";
+
+const ApplicationPage: React.FCApplicationPage
;
+};
+
+export default ApplicationPage;
diff --git a/WebServices/management-frontend/src/components/Pages/dashboard/page.tsx b/WebServices/management-frontend/src/components/Pages/dashboard/page.tsx
new file mode 100644
index 0000000..71a2e8b
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/dashboard/page.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { PageProps } from "@/components/validations/translations/translation";
+
+const DashboardPage: React.FCDashboardPage
;
+};
+
+export default DashboardPage;
diff --git a/WebServices/management-frontend/src/components/Pages/employee/page.tsx b/WebServices/management-frontend/src/components/Pages/employee/page.tsx
new file mode 100644
index 0000000..7b600d8
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/employee/page.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { PageProps } from "@/components/validations/translations/translation";
+
+const EmployeePage: React.FCEmployeePage
;
+};
+
+export default EmployeePage;
diff --git a/WebServices/management-frontend/src/components/Pages/index.ts b/WebServices/management-frontend/src/components/Pages/index.ts
new file mode 100644
index 0000000..d025691
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/index.ts
@@ -0,0 +1,15 @@
+import EventAppendPage from "@/components/Pages/appenderEvent/page";
+import AppendersServicePage from "./appendersService/page";
+import ApplicationPage from "./application/page";
+import EmployeePage from "./employee/page";
+import OcuppantPage from "./ocuppant/page";
+import DashboardPage from "./dashboard/page";
+
+export const menuPages = {
+ "/dashboard": DashboardPage,
+ "/append/event": EventAppendPage,
+ "/append/service": AppendersServicePage,
+ "/application": ApplicationPage,
+ "/employee": EmployeePage,
+ "/ocuppant": OcuppantPage,
+};
diff --git a/WebServices/management-frontend/src/components/Pages/ocuppant/page.tsx b/WebServices/management-frontend/src/components/Pages/ocuppant/page.tsx
new file mode 100644
index 0000000..931742d
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/ocuppant/page.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { PageProps } from "@/components/validations/translations/translation";
+
+const OcuppantPage: React.FCOcuppantPage
;
+};
+
+export default OcuppantPage;
diff --git a/WebServices/management-frontend/src/components/Pages/pageRetriever.tsx b/WebServices/management-frontend/src/components/Pages/pageRetriever.tsx
new file mode 100644
index 0000000..63fd96c
--- /dev/null
+++ b/WebServices/management-frontend/src/components/Pages/pageRetriever.tsx
@@ -0,0 +1,10 @@
+import { menuPages } from ".";
+import { PageProps } from "../validations/translations/translation";
+import { UnAuthorizedPage } from "./unauthorizedpage";
+
+export function retrievePageByUrl(url: string): React.FC
+
+
+
+
+
+
+
+ );
+};
diff --git a/WebServices/management-frontend/src/components/auth/LoginEmployee.tsx b/WebServices/management-frontend/src/components/auth/LoginEmployee.tsx
new file mode 100644
index 0000000..3c925ff
--- /dev/null
+++ b/WebServices/management-frontend/src/components/auth/LoginEmployee.tsx
@@ -0,0 +1,146 @@
+"use client";
+import React from "react";
+import { loginSelectEmployee } from "@/apicalls/login/login";
+import { useRouter } from "next/navigation";
+import { Company } from "./types";
+
+interface LoginEmployeeProps {
+ selectionList: Company[];
+ lang?: "en" | "tr";
+ onSelect?: (uu_id: string) => void;
+}
+
+// Language dictionary for internationalization
+const languageDictionary = {
+ tr: {
+ companySelection: "Şirket Seçimi",
+ loggedInAs: "Çalışan olarak giriş yaptınız",
+ duty: "Görev",
+ id: "Kimlik",
+ noSelections: "Seçenek bulunamadı",
+ },
+ en: {
+ companySelection: "Select your company",
+ loggedInAs: "You are logged in as an employee",
+ duty: "Duty",
+ id: "ID",
+ noSelections: "No selections available",
+ },
+};
+
+function LoginEmployee({
+ selectionList,
+ lang = "en",
+ onSelect,
+}: LoginEmployeeProps) {
+ const t = languageDictionary[lang] || languageDictionary.en;
+ const router = useRouter();
+
+ const handleSelect = (uu_id: string) => {
+ console.log("Selected employee uu_id:", uu_id);
+
+ // If an external onSelect handler is provided, use it
+ if (onSelect) {
+ onSelect(uu_id);
+ return;
+ }
+
+ // Otherwise use the internal handler
+ loginSelectEmployee({ company_uu_id: uu_id })
+ .then((responseData: any) => {
+ if (responseData?.status === 200 || responseData?.status === 202) {
+ router.push("/dashboard");
+ }
+ })
+ .catch((error) => {
+ console.error(error);
+ });
+ };
+
+ return (
+ <>
+ {t.title}
+{t.message1}
+{t.message2}
+{t.companySelection}
+ {t.loggedInAs}
+
+ {Array.isArray(selectionList) && selectionList.length === 0 && (
+ {t.noSelections}
+ )}
+
+ {Array.isArray(selectionList) && selectionList.length === 1 && (
+
+
+ )}
+
+ {Array.isArray(selectionList) &&
+ selectionList.length > 1 &&
+ selectionList.map((item: Company, index: number) => (
+
+
+
+
+ {selectionList[0].public_name}
+
+ {selectionList[0].company_type && (
+
+ {selectionList[0].company_type}
+
+ )}
+
+ {selectionList[0].duty && (
+
+
+ {t.duty}: {selectionList[0].duty}
+
+
+ )}
+
+
+
+ {t.id}: {selectionList[0].uu_id}
+
+
+
+
+
+
+ handleSelect(item.uu_id)}
+ >
+
+ ))}
+
+ );
+}
+
+export default LoginEmployee;
diff --git a/WebServices/management-frontend/src/components/auth/LoginOccupant.tsx b/WebServices/management-frontend/src/components/auth/LoginOccupant.tsx
new file mode 100644
index 0000000..493e27c
--- /dev/null
+++ b/WebServices/management-frontend/src/components/auth/LoginOccupant.tsx
@@ -0,0 +1,111 @@
+"use client";
+import React from "react";
+import { loginSelectOccupant } from "@/apicalls/login/login";
+import { useRouter } from "next/navigation";
+import { BuildingMap } from "./types";
+
+interface LoginOccupantProps {
+ selectionList: BuildingMap;
+ lang?: "en" | "tr";
+}
+
+// Language dictionary for internationalization
+const languageDictionary = {
+ tr: {
+ occupantSelection: "Daire Seçimi",
+ loggedInAs: "Kiracı olarak giriş yaptınız",
+ buildingInfo: "Bina Bilgisi",
+ level: "Kat",
+ noSelections: "Seçenek bulunamadı",
+ },
+ en: {
+ occupantSelection: "Select your occupant type",
+ loggedInAs: "You are logged in as an occupant",
+ buildingInfo: "Building Info",
+ level: "Level",
+ noSelections: "No selections available",
+ },
+};
+
+function LoginOccupant({
+ selectionList,
+ lang = "en"
+}: LoginOccupantProps) {
+ const t = languageDictionary[lang] || languageDictionary.en;
+ const router = useRouter();
+
+ const handleSelect = (uu_id: string) => {
+ console.log("Selected occupant uu_id:", uu_id);
+
+ loginSelectOccupant({
+ build_living_space_uu_id: uu_id,
+ })
+ .then((responseData: any) => {
+ if (responseData?.status === 200 || responseData?.status === 202) {
+ router.push("/dashboard");
+ }
+ })
+ .catch((error) => {
+ console.error(error);
+ });
+ };
+
+ return (
+ <>
+
+
+
+ {item.public_name}
+ {item.company_type && (
+
+ {item.company_type}
+
+ )}
+
+ {item.duty && (
+
+
+ {t.duty}: {item.duty}
+
+
+ )}
+
+
+
+ {t.id}: {item.uu_id}
+
+
+
+ {t.occupantSelection}
+
+ {t.loggedInAs}
+
+ {selectionList && Object.keys(selectionList).length > 0 ? (
+ Object.keys(selectionList).map((buildKey: string) => {
+ const building = selectionList[buildKey];
+ return (
+
+
+ );
+ })
+ ) : (
+
+
+
+ + {t.buildingInfo}: + {building.build_name} - No: {building.build_no} +
+
+ {building.occupants.map((occupant: any, idx: number) => (
+
+ handleSelect(occupant.build_living_space_uu_id)}
+ >
+
+ ))}
+
+
+
+
+ {occupant.description}
+
+
+ {occupant.code}
+
+
+
+
+ {occupant.part_name}
+
+
+
+
+ {t.level}: {occupant.part_level}
+
+
+ {t.noSelections}
+ )}
+
+ );
+}
+
+export default LoginOccupant;
diff --git a/WebServices/management-frontend/src/components/auth/login.tsx b/WebServices/management-frontend/src/components/auth/login.tsx
new file mode 100644
index 0000000..f468d19
--- /dev/null
+++ b/WebServices/management-frontend/src/components/auth/login.tsx
@@ -0,0 +1,152 @@
+"use client";
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { loginViaAccessKeys } from "@/apicalls/login/login";
+import { z } from "zod";
+
+const loginSchema = z.object({
+ email: z.string().email("Invalid email address"),
+ password: z.string().min(5, "Password must be at least 5 characters"),
+ remember_me: z.boolean().optional().default(false),
+});
+
+type LoginFormData = {
+ email: string;
+ password: string;
+ remember_me?: boolean;
+};
+
+function Login() {
+ // Open transition for form login
+ const [isPending, startTransition] = useTransition();
+ const [error, setError] = useState
+
+
+ );
+}
+
+export default Login;
diff --git a/WebServices/management-frontend/src/components/auth/select.tsx b/WebServices/management-frontend/src/components/auth/select.tsx
new file mode 100644
index 0000000..4077251
--- /dev/null
+++ b/WebServices/management-frontend/src/components/auth/select.tsx
@@ -0,0 +1,87 @@
+"use client";
+import React from "react";
+import {
+ loginSelectEmployee,
+ loginSelectOccupant,
+} from "@/apicalls/login/login";
+import { useRouter } from "next/navigation";
+import LoginEmployee from "./LoginEmployee";
+import LoginOccupant from "./LoginOccupant";
+import { SelectListProps, Company, BuildingMap } from "./types";
+
+function SelectList({
+ selectionList,
+ isEmployee,
+ isOccupant,
+ lang = "en",
+}: SelectListProps) {
+ const router = useRouter();
+
+ // Log the complete selectionList object and its structure
+ console.log("selectionList (complete):", selectionList);
+ console.log(
+ "selectionList (type):",
+ Array.isArray(selectionList) ? "Array" : "Object"
+ );
+
+ if (isEmployee && Array.isArray(selectionList)) {
+ console.log("Employee companies:", selectionList);
+ } else if (isOccupant && !Array.isArray(selectionList)) {
+ // Log each building and its occupants
+ Object.entries(selectionList).forEach(([buildingKey, building]) => {
+ console.log(`Building ${buildingKey}:`, building);
+ console.log(`Occupants for building ${buildingKey}:`, building.occupants);
+ });
+ }
+
+ const setSelectionHandler = (uu_id: string) => {
+ if (isEmployee) {
+ console.log("Selected isEmployee uu_id:", uu_id);
+ loginSelectEmployee({ company_uu_id: uu_id })
+ .then((responseData: any) => {
+ if (responseData?.status === 200 || responseData?.status === 202) {
+ router.push("/dashboard");
+ }
+ })
+ .catch((error) => {
+ console.error(error);
+ });
+ } else if (isOccupant) {
+ console.log("Selected isOccupant uu_id:", uu_id);
+ // For occupants, the uu_id is a composite of buildKey|partUuid
+ loginSelectOccupant({
+ build_living_space_uu_id: uu_id,
+ })
+ .then((responseData: any) => {
+ if (responseData?.status === 200 || responseData?.status === 202) {
+ router.push("/dashboard");
+ }
+ })
+ .catch((error) => {
+ console.error(error);
+ });
+ }
+ };
+
+ return (
+ <>
+ {isEmployee && Array.isArray(selectionList) && (
+
+
+
+ {jsonText && (
+ + Login +
+ +
+
+ )}
+ + Response Data +
+
+ {Object.entries(JSON.parse(jsonText)).map(([key, value]) => (
+
+
+ {key}:
+
+ {typeof value === "object"
+ ? JSON.stringify(value)
+ : value?.toString() || "N/A"}
+
+
+ ))}
+ {menuLanguage[lang]}
+
+
+
+ {/* Notifications dropdown */}
+
+
+
+
+ {/* Messages dropdown */}
+ {
+ setIsNotificationsOpen(!isNotificationsOpen);
+ setIsMessagesOpen(false);
+ setIsDropdownOpen(false);
+ }}
+ >
+
+
+ {/* Notifications dropdown menu */}
+ {isNotificationsOpen && (
+
+
+ )}
+
+
+
+ {t.notifications}
+ {notifications.some((n) => !n.read) && ( + + )} +
+ {notifications.length === 0 ? (
+
+
+
+ {t.noNotifications}
+
+ ) : (
+ notifications.map((notification) => (
+
+
+ ))
+ )}
+
+
+ + {notification.title} +
+ {!notification.read && ( + + )} ++ {notification.description} +
++ {formatDate(notification.time)} +
+
+
+ {t.viewAll}
+
+
+
+
+
+ {/* Profile dropdown */}
+ {
+ setIsMessagesOpen(!isMessagesOpen);
+ setIsNotificationsOpen(false);
+ setIsDropdownOpen(false);
+ }}
+ >
+
+
+ {/* Messages dropdown menu */}
+ {isMessagesOpen && (
+
+
+ )}
+
+
+
+ {t.messages}
+ {messages.some((m) => !m.read) && ( + + )} +
+ {messages.length === 0 ? (
+
+
+
+ {t.noMessages}
+
+ ) : (
+ messages.map((message) => (
+
+
+ ))
+ )}
+
+
+
+
+ {message.avatar}
+
+
+
+
+
+
+ + {message.sender} +
++ {formatDate(message.time)} +
++ {message.message} +
+
+
+ {t.viewAll}
+
+
+
+
+ {
+ setIsDropdownOpen(!isDropdownOpen);
+ setIsNotificationsOpen(false);
+ setIsMessagesOpen(false);
+ }}
+ >
+
+
+ {/* Dropdown menu */}
+ {isDropdownOpen && (
+
+
+
+
+
+ )}
+ {t.loading}
;
+ }
+
+ return (
+
+ {/*
+ );
+};
+
+export default EmployeeProfileSection;
diff --git a/WebServices/management-frontend/src/components/menu/NavigationMenu.tsx b/WebServices/management-frontend/src/components/menu/NavigationMenu.tsx
new file mode 100644
index 0000000..1f14b79
--- /dev/null
+++ b/WebServices/management-frontend/src/components/menu/NavigationMenu.tsx
@@ -0,0 +1,55 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+
+const NavigationLanguage = {
+ en: {
+ "/dashboard": "Dashboard",
+ "/append/event": "Event Append",
+ "/append/service": "Service Append",
+ "/application": "Application",
+ "/employee": "Employee",
+ "/ocuppant": "Ocuppant",
+ },
+ tr: {
+ "/dashboard": "Kontrol Paneli",
+ "/append/event": "Event Append",
+ "/append/service": "Service Append",
+ "/application": "Application",
+ "/employee": "Employee",
+ "/ocuppant": "Ocuppant",
+ },
+};
+
+function NavigationMenu({
+ lang,
+ activePage,
+}: {
+ lang: string;
+ activePage: string;
+}) {
+ // Get the navigation items based on the selected language
+ const navItems =
+ NavigationLanguage[lang as keyof typeof NavigationLanguage] ||
+ NavigationLanguage.en;
+
+ return (
+
+ );
+}
+
+export default NavigationMenu;
diff --git a/WebServices/management-frontend/src/components/menu/OccupantProfileSection.tsx b/WebServices/management-frontend/src/components/menu/OccupantProfileSection.tsx
new file mode 100644
index 0000000..5aaa973
--- /dev/null
+++ b/WebServices/management-frontend/src/components/menu/OccupantProfileSection.tsx
@@ -0,0 +1,455 @@
+"use client";
+import React, { useState, useEffect } from "react";
+import { User, Building, Home, ChevronDown } from "lucide-react";
+import { retrieveAccessObjects } from "@/apicalls/cookies/token";
+import { loginSelectOccupant } from "@/apicalls/login/login";
+import { useRouter } from "next/navigation";
+
+// Language definitions for occupant profile section
+const profileLanguage = {
+ tr: {
+ userType: "Kullanıcı Tipi",
+ occupant: "Sakin",
+ building: "Bina",
+ apartment: "Daire",
+ loading: "Yükleniyor...",
+ changeSelection: "Seçimi Değiştir",
+ selectOccupant: "Daire Seçin",
+ noOccupants: "Kullanılabilir daire bulunamadı",
+ },
+ en: {
+ userType: "User Type",
+ occupant: "Occupant",
+ building: "Building",
+ apartment: "Apartment",
+ loading: "Loading...",
+ changeSelection: "Change Selection",
+ selectOccupant: "Select Apartment",
+ noOccupants: "No apartments available",
+ },
+};
+
+// {
+// "userType": "occupant",
+// "selectionList": {
+// "3fe72194-dad6-4ddc-8679-70acdbe7f619": {
+// "build_uu_id": "3fe72194-dad6-4ddc-8679-70acdbe7f619",
+// "build_name": "Build Example",
+// "build_no": "B001",
+// "occupants": [
+// {
+// "build_living_space_uu_id": "b67e5a37-ac04-45ab-8bca-5a3427358015",
+// "part_uu_id": "441ef61b-1cc5-465b-90b2-4835d0e16540",
+// "part_name": "APARTMAN DAIRESI : 1",
+// "part_level": 1,
+// "occupant_uu_id": "6bde6bf9-0d13-4b6f-a612-28878cd7324f",
+// "description": "Daire Kiracısı",
+// "code": "FL-TEN"
+// }
+// ]
+// }
+// }
+// }
+
+// Define interfaces for occupant data structures based on the access object structure
+interface OccupantDetails {
+ build_living_space_uu_id: string;
+ part_uu_id: string;
+ part_name: string;
+ part_level: number;
+ occupant_uu_id: string;
+ description: string;
+ code: string;
+ [key: string]: any; // Allow other properties
+}
+
+interface BuildingInfo {
+ build_uu_id: string;
+ build_name: string;
+ build_no: string;
+ occupants: OccupantDetails[];
+ [key: string]: any; // Allow other properties
+}
+
+interface OccupantSelectionList {
+ userType: string;
+ selectionList: {
+ [key: string]: BuildingInfo;
+ };
+}
+
+// Interface for the selected occupant data
+interface OccupantInfo {
+ buildName?: string;
+ buildNo?: string;
+ occupantName?: string;
+ description?: string;
+ code?: string;
+ part_name?: string;
+ build_living_space_uu_id?: string;
+ [key: string]: any; // Allow other properties
+}
+
+interface UserSelection {
+ userType: string;
+ selected: OccupantInfo;
+}
+
+interface OccupantProfileSectionProps {
+ userSelectionData: UserSelection;
+ lang?: "en" | "tr";
+}
+
+const OccupantProfileSection: React.FC
+
*/}
+
+
+
+
+
+ {t.userType}
+{t.employee}
+
+ hasMultipleOptions && setShowSelectionList(!showSelectionList)
+ }
+ >
+
+
+ {/* Selection dropdown */}
+ {showSelectionList && hasMultipleOptions && (
+
+
+
+
+
+
+ + {userSelection.public_name} {userSelection.company_type} +
+{userSelection.duty}
+
+
+ )}
+
+
+ {t.selectCompany}
+
+ {loading ? (
+
+ {t.loading}
+ ) : availableCompanies.length > 0 ? (
+ availableCompanies.map((company, index) => (
+ handleSelectCompany(company)}
+ >
+
+ ))
+ ) : (
+ {company.public_name}
+ {company.company_type && (
+
+ {company.company_type}
+
+ )}
+ {company.duty && (
+
+ {t.duty}: {company.duty}
+
+ )}
+
+ {t.noCompanies}
+
+ )}
+ {t.loading}
;
+ }
+
+ return (
+
+ {/*
+ );
+};
+
+export default OccupantProfileSection;
diff --git a/WebServices/management-frontend/src/components/menu/ProfileLoadingState.tsx b/WebServices/management-frontend/src/components/menu/ProfileLoadingState.tsx
new file mode 100644
index 0000000..b5f2b63
--- /dev/null
+++ b/WebServices/management-frontend/src/components/menu/ProfileLoadingState.tsx
@@ -0,0 +1,22 @@
+"use client";
+import React from "react";
+
+interface ProfileLoadingStateProps {
+ loadingText: string;
+}
+
+const ProfileLoadingState: React.FC
+
*/}
+
+ {userSelection?.buildName && (
+
+
+
+
+ {t.userType}
+{t.occupant}
+
+
+ )}
+
+ {userSelection?.part_name && (
+
+
+
+
+ {t.building}
+{userSelection.buildName}
+
+ hasMultipleOptions && setShowSelectionList(!showSelectionList)
+ }
+ >
+
+ )}
+
+ {/* Selection dropdown - First layer: Buildings */}
+ {showSelectionList && hasMultipleOptions && (
+
+
+ {hasMultipleOptions && (
+
+
+
+
+ {t.apartment}
+{userSelection.part_name}
+ {userSelection.description && ( ++ {userSelection.description} +
+ )} +
+ {t.changeSelection}
+ )}
+
+
+ )}
+
+
+ {t.selectOccupant}
+
+ {loading ? (
+
+ {t.loading}
+ ) : buildings && Object.keys(buildings).length > 0 ? (
+ selectedBuildingKey ? (
+ // Second layer: Occupants in the selected building
+
+
+ ) : (
+ // First layer: Buildings list
+ Object.keys(buildings).map((buildingKey, index) => {
+ const building = buildings[buildingKey];
+ // Skip buildings with no occupants or only the current occupant
+ if (!building.occupants || building.occupants.length === 0) {
+ return null;
+ }
+
+ // Check if this building has any occupants other than the current one
+ if (userSelection) {
+ const hasOtherOccupants = building.occupants.some(
+ (occupant) =>
+ occupant.build_living_space_uu_id !==
+ userSelection.build_living_space_uu_id
+ );
+ if (!hasOtherOccupants) {
+ return null;
+ }
+ }
+
+ return (
+
+
+ {buildings[selectedBuildingKey].occupants.length > 0 ? (
+ buildings[selectedBuildingKey].occupants.map(
+ (occupant, index) => {
+ // Skip the currently selected occupant
+ if (
+ userSelection &&
+ occupant.build_living_space_uu_id ===
+ userSelection.build_living_space_uu_id
+ ) {
+ return null;
+ }
+
+ return (
+ + {buildings[selectedBuildingKey].build_name} +
+ + handleSelectOccupant(occupant)}
+ >
+
+ );
+ }
+ )
+ ) : (
+
+ {occupant.description || "Apartment"}
+
+
+ {occupant.part_name}
+
+ {occupant.code && (
+
+ {t.apartment} {occupant.code}
+
+ )}
+
+ {t.noOccupants}
+
+ )}
+ setSelectedBuildingKey(buildingKey)}
+ >
+
+ );
+ })
+ )
+ ) : (
+ {building.build_name}
+
+ No: {building.build_no}
+
+
+ {building.occupants.length}{" "}
+ {building.occupants.length === 1
+ ? t.apartment.toLowerCase()
+ : t.apartment.toLowerCase() + "s"}
+
+
+ {t.noOccupants}
+
+ )}
+
+
+ );
+};
+
+export default ProfileLoadingState;
diff --git a/WebServices/management-frontend/src/components/menu/handler.tsx b/WebServices/management-frontend/src/components/menu/handler.tsx
new file mode 100644
index 0000000..d39db23
--- /dev/null
+++ b/WebServices/management-frontend/src/components/menu/handler.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import Menu from "./store";
+
+// Define TypeScript interfaces for menu structure
+export interface LanguageTranslation {
+ tr: string;
+ en: string;
+}
+
+export interface MenuThirdLevel {
+ name: string;
+ lg: LanguageTranslation;
+ siteUrl: string;
+}
+
+export interface MenuSecondLevel {
+ name: string;
+ lg: LanguageTranslation;
+ subList: MenuThirdLevel[];
+}
+
+export interface MenuFirstLevel {
+ name: string;
+ lg: LanguageTranslation;
+ subList: MenuSecondLevel[];
+}
+
+// Define interfaces for the filtered menu structure
+export interface FilteredMenuThirdLevel {
+ name: string;
+ lg: LanguageTranslation;
+ siteUrl: string;
+}
+
+export interface FilteredMenuSecondLevel {
+ name: string;
+ lg: LanguageTranslation;
+ subList: FilteredMenuThirdLevel[];
+}
+
+export interface FilteredMenuFirstLevel {
+ name: string;
+ lg: LanguageTranslation;
+ subList: FilteredMenuSecondLevel[];
+}
+
+/**
+ * Filters the menu structure based on intersections with provided URLs
+ * @param {string[]} siteUrls - Array of site URLs to check for intersection
+ * @returns {Array} - Filtered menu structure with only matching items
+ */
+export function transformMenu(siteUrls: string[]) {
+ // Process the menu structure
+ const filteredMenu: FilteredMenuFirstLevel[] = Menu.reduce(
+ (acc: FilteredMenuFirstLevel[], firstLevel: MenuFirstLevel) => {
+ // Create a new first level item with empty subList
+ const newFirstLevel: FilteredMenuFirstLevel = {
+ name: firstLevel.name,
+ lg: { ...firstLevel.lg },
+ subList: [],
+ };
+
+ // Process second level items
+ firstLevel.subList.forEach((secondLevel: MenuSecondLevel) => {
+ // Create a new second level item with empty subList
+ const newSecondLevel: FilteredMenuSecondLevel = {
+ name: secondLevel.name,
+ lg: { ...secondLevel.lg },
+ subList: [],
+ };
+
+ // Process third level items
+ secondLevel.subList.forEach((thirdLevel: MenuThirdLevel) => {
+ // Check if the third level's siteUrl matches exactly
+ if (
+ thirdLevel.siteUrl &&
+ siteUrls.some((url) => url === thirdLevel.siteUrl)
+ ) {
+ // Create a modified third level item
+ const newThirdLevel: FilteredMenuThirdLevel = {
+ name: thirdLevel.name,
+ lg: { ...thirdLevel.lg },
+ siteUrl: thirdLevel.siteUrl,
+ };
+
+ // Add the modified third level to the second level's subList
+ newSecondLevel.subList.push(newThirdLevel);
+ }
+ });
+
+ // Only add the second level to the first level if it has any matching third level items
+ if (newSecondLevel.subList.length > 0) {
+ newFirstLevel.subList.push(newSecondLevel);
+ }
+ });
+
+ // Only add the first level to the result if it has any matching second level items
+ if (newFirstLevel.subList.length > 0) {
+ acc.push(newFirstLevel);
+ }
+
+ return acc;
+ },
+ []
+ );
+
+ return filteredMenu;
+}
\ No newline at end of file
diff --git a/WebServices/management-frontend/src/components/menu/menu.tsx b/WebServices/management-frontend/src/components/menu/menu.tsx
new file mode 100644
index 0000000..aba8327
--- /dev/null
+++ b/WebServices/management-frontend/src/components/menu/menu.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import React, { useEffect, useState, Suspense } from "react";
+import { retrieveUserSelection } from "@/apicalls/cookies/token";
+import EmployeeProfileSection from "./EmployeeProfileSection";
+import OccupantProfileSection from "./OccupantProfileSection";
+import ProfileLoadingState from "./ProfileLoadingState";
+import {
+ ClientMenuProps,
+ UserSelection,
+} from "@/components/validations/menu/menu";
+import NavigationMenu from "./NavigationMenu";
+
+// Language definitions for dashboard title
+const dashboardLanguage = {
+ tr: {
+ dashboard: "Kontrol Paneli",
+ loading: "Yükleniyor...",
+ },
+ en: {
+ dashboard: "Control Panel",
+ loading: "Loading...",
+ },
+};
+
+const ClientMenu: React.FC
+
+
+
+
+
+
+
+
+
+ {/* Navigation Menu
+
+
+
+ {/* Profile Section with Suspense */}
+ + {t.dashboard} +
+
+ {t.loading}
}
+ >
+ {loading ? (
+ {t.loading}
+ )}
+
+ + {body} +
+ ) +} + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/WebServices/management-frontend/src/components/ui/input.tsx b/WebServices/management-frontend/src/components/ui/input.tsx new file mode 100644 index 0000000..03295ca --- /dev/null +++ b/WebServices/management-frontend/src/components/ui/input.tsx @@ -0,0 +1,21 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +function Input({ className, type, ...props }: React.ComponentProps<"input">) { + return ( + + ) +} + +export { Input } diff --git a/WebServices/management-frontend/src/components/ui/label.tsx b/WebServices/management-frontend/src/components/ui/label.tsx new file mode 100644 index 0000000..fb5fbc3 --- /dev/null +++ b/WebServices/management-frontend/src/components/ui/label.tsx @@ -0,0 +1,24 @@ +"use client" + +import * as React from "react" +import * as LabelPrimitive from "@radix-ui/react-label" + +import { cn } from "@/lib/utils" + +function Label({ + className, + ...props +}: React.ComponentProps