public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-02-09 10:20:16 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

finished main page and started parameters

Browse Source
This commit is contained in:
martin.devaux
2025-06-27 01:40:50 +02:00
parent 00a4a80b85
commit 70e9db7aea
9 changed files with 179 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
traque-front/app/admin/page.js
View File

@@ -7,6 +7,7 @@ import React, { useState } from 'react'
import TeamEdit from '@/components/admin/teamEdit';
import TeamAddForm from '@/components/admin/teamAdd';
import Link from "next/link";
import TeamInformation from "@/components/admin/teamInformation";
const LiveMap = dynamic(() => import('@/components/admin/mapPicker').then((mod) => mod.LiveMap), {
ssr: false
@@ -29,7 +30,7 @@ export default function AdminPage() {
</div>
<div className="flex flex-row justify-between items-center px-6 py-3">
<Link
href="/admin/teams"
href="/admin/parameters"
className="w-[4.5rem] h-[4.5rem] bg-blue-400 rounded-lg hover:bg-blue-500 transition flex items-center justify-center"
title="Accéder aux paramètres du jeu">
<img src="/icons/parameters.png" className="w-10 h-10" />
@@ -61,16 +62,15 @@ export default function AdminPage() {
<h2 className="text-2xl">Équipes</h2>
</div>
<div className="items-center px-6 py-3">
<TeamAddForm onAddTeam={addTeam}/>
<TeamList selectedTeamId={selectedTeamId} onSelected={setSelectedTeamId}/>
</div>
</div>
</div>
<div className='grow flex-1 flex flex-col bg-white p-5 shadow-2xl relative'>
<div className="flex-1 flex items-center justify-center bg-gray-200 mb-5">
<LiveMap/>
<div className="flex-1 flex items-center justify-center bg-gray-200 mb-5 relative">
<LiveMap selectedTeamId={selectedTeamId} setSelectedTeamId={setSelectedTeamId} />
</div>
<div className='w-full flex flex-row gap-10 items-center px-6'>
<div className='w-full flex flex-row gap-10 items-center px-6 relative'>
<button
className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
title ="Changer le style de la carte">

11
traque-front/app/admin/parameters/page.js
View File

@@ -5,6 +5,7 @@ import { useAdminConnexion } from "@/context/adminConnexionContext";
import dynamic from "next/dynamic";
import TeamAddForm from '@/components/admin/teamAdd';
import useAdmin from '@/hook/useAdmin';
import Link from "next/link";
const ZoneSelector = dynamic(() => import('@/components/admin/zoneSelector').then((mod) => mod.ZoneSelector), {
ssr: false
@@ -14,8 +15,14 @@ export default function AdminPage() {
const { useProtect } = useAdminConnexion();
useProtect();
return (
<div className='min-h-full bg-gray-200 p-10 flex flex-row content-start gap-5'>
<div className="h-full w-2/6">
<div className='min-h-full bg-gray-200 p-5 flex flex-row content-start gap-5'>
<div className="h-full w-2/5">
<div className='w-full mb-5 h-full gap-3 bg-blue-400 p-7 flex flex-row text-left shadow-2xl'>
<Link href="/admin" className="w-fit flex items-center text-white hover:text-blue-900 transition-colors">
<img src="/icons/backarrow.png" className="w-10 h-10 mr-10" title="retour" />
</Link>
<h2 className="text-4xl font-bold">Paramètres</h2>
</div>
<TeamAddForm onAddTeam={addTeam}/>
<GameSettings />
</div>