gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

cleanup admin page

Browse source
This commit is contained in:
Eddi3_As 2025-03-18 20:03:54 -04:00
parent 4e33165d9b
commit 81b5c4a42d
5 changed files with 15 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
client/src/Types/AdminTableType.tsx Normal file
View file

@ -0,0 +1,9 @@
export interface AdminTableType {
_id: string;
email: string;
created_at: Date;
updated_at?: Date;
title?: string;
name?: string;
roles?: string[];
}

10
client/src/Types/LabelMap.tsx
View file

@ -1,12 +1,2 @@
export type LabelMap = { [key: string]: string }; export type LabelMap = { [key: string]: string };
export interface AdminTableType {
_id: string;
email: string;
title: string;
created_at: Date;
updated_at: Date;
name: string;
roles: string[];
}

6
client/src/components/AdminTable/AdminTable.tsx
View file

@ -21,8 +21,8 @@ import {
} from "@mui/material"; } from "@mui/material";
import DeleteIcon from "@mui/icons-material/Delete"; import DeleteIcon from "@mui/icons-material/Delete";
import SearchIcon from "@mui/icons-material/Search"; import SearchIcon from "@mui/icons-material/Search";
import { QuizTypeShort } from "../../Types/QuizType"; import { AdminTableType } from "../../Types/AdminTableType";
import { LabelMap, AdminTableType } from "../../Types/LabelMap"; import { LabelMap } from "../../Types/LabelMap";
interface AdminTableProps { interface AdminTableProps {
@ -87,7 +87,7 @@ const AdminTable: React.FC<AdminTableProps> = ({
<Paper sx={{ width: "100%", overflow: "hidden", padding: "16px" }}> <Paper sx={{ width: "100%", overflow: "hidden", padding: "16px" }}>
<Box display="flex" justifyContent="flex-start" marginBottom={2}> <Box display="flex" justifyContent="flex-start" marginBottom={2}>
<Input <Input
placeholder="Search" placeholder="Recherche: Enseignant, Courriel..."
value={searchQuery} value={searchQuery}
onChange={handleSearchChange} onChange={handleSearchChange}
startAdornment={ startAdornment={

19
client/src/pages/Admin/Stats.tsx
View file

@ -1,27 +1,21 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { Paper, Grid, Typography, CircularProgress, Box, TextField, Accordion, AccordionSummary, AccordionDetails} from "@mui/material"; import { Paper, Grid, Typography, CircularProgress, Box } from "@mui/material";
import ApiService from '../../services/ApiService'; import ApiService from '../../services/ApiService';
import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; import { AdminTableType } from "../../Types/AdminTableType";
import { AdminTableType } from "../../Types/LabelMap/AdminTableType";
import AdminTable from "../../components/AdminTable/AdminTable"; import AdminTable from "../../components/AdminTable/AdminTable";
const Users: React.FC = () => { const Users: React.FC = () => {
const [quizzes, setQuizzes] = useState<AdminTableType[]>([]); const [quizzes, setQuizzes] = useState<AdminTableType[]>([]);
const [filteredQuizzes, setFilteredQuizzes] = useState<AdminTableType[]>([]);
const [monthlyQuizzes, setMonthlyQuizzes] = useState(0); const [monthlyQuizzes, setMonthlyQuizzes] = useState(0);
const [totalUsers, setTotalUsers] = useState(0); const [totalUsers, setTotalUsers] = useState(0);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [emailFilter, setEmailFilter] = useState("");
const [dateFilter, setDateFilter] = useState("");
const [expanded, setExpanded] = useState(false);
useEffect(() => { useEffect(() => {
const fetchStats = async () => { const fetchStats = async () => {
try { try {
const data = await ApiService.getStats(); const data = await ApiService.getStats();
setQuizzes(data.quizzes); setQuizzes(data.quizzes);
setFilteredQuizzes(data.quizzes);
setTotalUsers(data.total); setTotalUsers(data.total);
const currentMonth = new Date().getMonth(); const currentMonth = new Date().getMonth();
@ -41,15 +35,6 @@ const Users: React.FC = () => {
fetchStats(); fetchStats();
}, []); }, []);
useEffect(() => {
const filtered = quizzes.filter(quiz =>
quiz.email.toLowerCase().includes(emailFilter.toLowerCase()) &&
((new Date(quiz.created_at).toLocaleDateString().includes(dateFilter) ||
new Date(quiz.updated_at).toLocaleDateString().includes(dateFilter)))
);
setFilteredQuizzes(filtered);
}, [emailFilter, dateFilter, quizzes]);
const handleQuizDelete = (rowToDelete: AdminTableType) => { const handleQuizDelete = (rowToDelete: AdminTableType) => {
setQuizzes((prevData) => prevData.filter((row) => row._id !== rowToDelete._id)); setQuizzes((prevData) => prevData.filter((row) => row._id !== rowToDelete._id));
}; };

5
client/src/pages/Admin/Users.tsx
View file

@ -1,8 +1,6 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, IconButton } from "@mui/material";
import DeleteIcon from "@mui/icons-material/Delete";
import ApiService from '../../services/ApiService'; import ApiService from '../../services/ApiService';
import { LabelMap, AdminTableType } from "../../Types/LabelMap"; import { AdminTableType } from "../../Types/AdminTableType";
import AdminTable from "../../components/AdminTable/AdminTable"; import AdminTable from "../../components/AdminTable/AdminTable";
const Users: React.FC = () => { const Users: React.FC = () => {
@ -12,7 +10,6 @@ const Users: React.FC = () => {
const fetchUsers = async () => { const fetchUsers = async () => {
try { try {
const data = await ApiService.getUsers(); const data = await ApiService.getUsers();
console.log(data);
setUsers(data); setUsers(data);
} catch (error) { } catch (error) {
console.error("Error fetching users:", error); console.error("Error fetching users:", error);