Index: src/app/semesters/page.tsx =================================================================== --- src/app/semesters/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) +++ src/app/semesters/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) @@ -0,0 +1,281 @@ +"use client" + +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { + faCalendarAlt, + faCheck, + faTimes, + faFileAlt, + faMoneyBillWave, + faSignature, + faCheckCircle, + faTimesCircle, + faExclamationTriangle +} from '@fortawesome/free-solid-svg-icons'; +import semestersData from '@/data/semesters.json'; + +interface TableCellProps { + children: React.ReactNode; + className?: string; +} + +const TableCell = ({ children, className = "" }: TableCellProps) => ( + + {children} + +); + +const StatusBadge = ({ status }: { status: string }) => { + const baseClasses = "px-2 py-1 rounded-full text-xs font-medium"; + + if (status === "валиден") { + return ( + + + {status} + + ); + } + + return ( + + {status} + + ); +}; + +const YesNoBadge = ({ value }: { value: string }) => { + if (value === "Да") { + return ( + + + + ); + } else if (value === "Не") { + return ( + + + + ); + } + return —; +}; + +const SignatureBadge = ({ signatures }: { signatures: string }) => { + const [completed, total] = signatures.split('/').map(Number); + const percentage = total > 0 ? (completed / total) * 100 : 0; + + let colorClass = "text-red-600 bg-red-100"; + if (percentage === 100) { + colorClass = "text-green-600 bg-green-100"; + } else if (percentage >= 50) { + colorClass = "text-yellow-600 bg-yellow-100"; + } + + return ( + + + {signatures} + + ); +}; + +export default function SemestersPage() { + const { semesters } = semestersData; + + return ( +
+ {/* Header */} +
+
+
+ +
+
+

Семестри

+

+ Преглед на сите запишани семестри и нивниот статус +

+
+
+
+ + {/* Table Container */} +
+
+

Листа на семестри

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + {semesters.map((semester, index) => ( + + {semester.id} + {semester.semester} + {semester.direction} + +
+ {semester.quota} +
+ + + {semester.note ? ( + + {semester.note.length > 10 ? `${semester.note.substring(0, 10)}...` : semester.note} + + ) : ( + — + )} + + + {semester.studentCom ? ( + + {semester.studentCom.length > 10 ? `${semester.studentCom.substring(0, 10)}...` : semester.studentCom} + + ) : ( + — + )} + + + {semester.sum ? ( + + + {semester.sum} + + ) : ( + — + )} + + + {semester.paid ? ( + + + {semester.paid} + + ) : ( + — + )} + + + {semester.ukim ? ( + {semester.ukim} + ) : ( + — + )} + + {semester.createdOn} + {semester.dateChanged} + {semester.credits} + + + {semester.type} + + + + + + + + + + + + {semester.taxes} + + + + + + + + {semester.completed !== "Не" ? ( + + + {semester.completed} + + ) : ( + + + {semester.completed} + + )} + + + ))} + +
#СеместарНасокаКвотаЗабелешкаСтуд.Ком.СумаПлатеноУКИМКреирано наДатум променаЦ.КрТипДок.Док1.Вериф.ТаксениПотписиСтатусЗав.
+
+
+ + {/* Summary Cards */} +
+
+
+
+ +
+
+

Завршени семестри

+

+ {semesters.filter(s => s.completed !== "Не").length} +

+
+
+
+ +
+
+
+ +
+
+

Верифицирани

+

+ {semesters.filter(s => s.verified === "Да").length} +

+
+
+
+ +
+
+
+ +
+
+

Вкупно семестри

+

+ {semesters.length} +

+
+
+
+
+
+ ); +}