projet par cursor
This commit is contained in:
1 parent
236f75ecdd
commit
b785db1b84
47 files changed
+3902
No files matched your search
@@ -0,0 +1,71 @@
|
||||
<section class="page-header">
|
||||
<div>
|
||||
<p class="eyebrow">Tableau de bord</p>
|
||||
<h1 class="page-title">Salut, <?php print Helpers::echapper($utilisateur["identifiant"]); ?></h1>
|
||||
<p class="lead-text">Voici un aperçu de votre bibliothèque.</p>
|
||||
</div>
|
||||
<div class="page-actions">
|
||||
<a href="/consoles/creer" class="btn btn-outline-neon">
|
||||
<i class="mdi mdi-plus"></i> Console
|
||||
</a>
|
||||
<a href="/jeux/creer" class="btn btn-neon">
|
||||
<i class="mdi mdi-plus"></i> Jeu
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="stats-row">
|
||||
<article class="stat-block">
|
||||
<span class="stat-label">Consoles</span>
|
||||
<strong class="stat-value"><?php print (int) $nombreConsoles; ?></strong>
|
||||
</article>
|
||||
<article class="stat-block">
|
||||
<span class="stat-label">Jeux</span>
|
||||
<strong class="stat-value"><?php print (int) $nombreJeux; ?></strong>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="mt-5">
|
||||
<div class="section-heading">
|
||||
<h2>Derniers ajouts</h2>
|
||||
<a href="/jeux" class="link-neon">Voir tous les jeux</a>
|
||||
</div>
|
||||
|
||||
<?php if ($derniersJeux === []): ?>
|
||||
<div class="empty-state">
|
||||
<i class="mdi mdi-controller-classic-outline"></i>
|
||||
<p>Aucun jeu pour le moment. Commencez par ajouter une console, puis un jeu.</p>
|
||||
<a href="/jeux/creer" class="btn btn-neon">Ajouter un jeu</a>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="game-grid">
|
||||
<?php foreach ($derniersJeux as $jeu): ?>
|
||||
<?php
|
||||
$consoleNom = "";
|
||||
foreach ($consoles as $console)
|
||||
{
|
||||
if ($console["id"] === $jeu["consoleId"])
|
||||
{
|
||||
$consoleNom = $console["nom"];
|
||||
break;
|
||||
}
|
||||
}
|
||||
?>
|
||||
<a class="game-card" href="/jeux/<?php print Helpers::echapper($jeu["id"]); ?>">
|
||||
<img
|
||||
src="<?php print Helpers::echapper(Helpers::urlJaquette($jeu["jaquette"] ?? null)); ?>"
|
||||
alt="Jaquette de <?php print Helpers::echapper($jeu["titre"]); ?>"
|
||||
loading="lazy"
|
||||
>
|
||||
<div class="game-card-body">
|
||||
<h3><?php print Helpers::echapper($jeu["titre"]); ?></h3>
|
||||
<p><?php print Helpers::echapper($consoleNom); ?></p>
|
||||
<span class="badge-etat etat-<?php print Helpers::echapper($jeu["etat"]); ?>">
|
||||
<?php print Helpers::echapper(Helpers::libelleEtat($jeu["etat"])); ?>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
@@ -0,0 +1,64 @@
|
||||
<section class="page-header">
|
||||
<div>
|
||||
<p class="eyebrow">Administration</p>
|
||||
<h1 class="page-title">Comptes utilisateurs</h1>
|
||||
<p class="lead-text">Activez, désactivez ou supprimez les comptes.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="table-panel">
|
||||
<table class="table app-table align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Identifiant</th>
|
||||
<th>E-mail</th>
|
||||
<th>Rôle</th>
|
||||
<th>Statut</th>
|
||||
<th>Créé le</th>
|
||||
<th class="text-end">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($utilisateurs as $compte): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php print Helpers::echapper($compte["identifiant"]); ?></strong>
|
||||
<?php if ($compte["id"] === $utilisateur["id"]): ?>
|
||||
<span class="badge-etat etat-possede">vous</span>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td><?php print Helpers::echapper($compte["email"] ?? ""); ?></td>
|
||||
<td><?php print Helpers::echapper($compte["role"]); ?></td>
|
||||
<td>
|
||||
<?php if ($compte["actif"]): ?>
|
||||
<span class="badge-etat etat-possede">Actif</span>
|
||||
<?php else: ?>
|
||||
<span class="badge-etat etat-vendu">Inactif</span>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td><?php print Helpers::echapper(substr((string) ($compte["createdAt"] ?? ""), 0, 10)); ?></td>
|
||||
<td class="text-end">
|
||||
<div class="d-inline-flex gap-2">
|
||||
<?php if ($compte["id"] !== $utilisateur["id"]): ?>
|
||||
<form method="post" action="/admin/utilisateurs/<?php print Helpers::echapper($compte["id"]); ?>/basculer">
|
||||
<?php print Csrf::champCache(); ?>
|
||||
<button type="submit" class="btn btn-sm btn-outline-neon">
|
||||
<?php print $compte["actif"] ? "Désactiver" : "Activer"; ?>
|
||||
</button>
|
||||
</form>
|
||||
<form method="post" action="/admin/utilisateurs/<?php print Helpers::echapper($compte["id"]); ?>/supprimer" onsubmit="return confirm('Supprimer définitivement ce compte ?');">
|
||||
<?php print Csrf::champCache(); ?>
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger">
|
||||
Supprimer
|
||||
</button>
|
||||
</form>
|
||||
<?php else: ?>
|
||||
<span class="text-muted">—</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -0,0 +1,39 @@
|
||||
<h2 class="auth-title">Connexion</h2>
|
||||
<p class="auth-subtitle">Accédez à votre bibliothèque personnelle.</p>
|
||||
|
||||
<form method="post" action="/connexion" class="auth-form" novalidate>
|
||||
<?php print Csrf::champCache(); ?>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="identifiant">Identifiant</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
id="identifiant"
|
||||
name="identifiant"
|
||||
required
|
||||
autofocus
|
||||
autocomplete="username"
|
||||
value="<?php print Helpers::echapper(Helpers::champ("identifiant")); ?>"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label" for="motDePasse">Mot de passe</label>
|
||||
<input
|
||||
type="password"
|
||||
class="form-control"
|
||||
id="motDePasse"
|
||||
name="motDePasse"
|
||||
required
|
||||
autocomplete="current-password"
|
||||
>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-neon w-100">Se connecter</button>
|
||||
</form>
|
||||
|
||||
<p class="auth-switch">
|
||||
Pas encore de compte ?
|
||||
<a href="/inscription">Créer un compte</a>
|
||||
</p>
|
||||
@@ -0,0 +1,53 @@
|
||||
<h2 class="auth-title">Inscription</h2>
|
||||
<p class="auth-subtitle">Créez votre compte pour gérer vos consoles et jeux.</p>
|
||||
|
||||
<form method="post" action="/inscription" class="auth-form" novalidate>
|
||||
<?php print Csrf::champCache(); ?>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="identifiant">Identifiant</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
id="identifiant"
|
||||
name="identifiant"
|
||||
required
|
||||
autofocus
|
||||
autocomplete="username"
|
||||
value="<?php print Helpers::echapper(Helpers::champ("identifiant")); ?>"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="email">E-mail</label>
|
||||
<input
|
||||
type="email"
|
||||
class="form-control"
|
||||
id="email"
|
||||
name="email"
|
||||
autocomplete="email"
|
||||
value="<?php print Helpers::echapper(Helpers::champ("email")); ?>"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label" for="motDePasse">Mot de passe</label>
|
||||
<input
|
||||
type="password"
|
||||
class="form-control"
|
||||
id="motDePasse"
|
||||
name="motDePasse"
|
||||
required
|
||||
minlength="6"
|
||||
autocomplete="new-password"
|
||||
>
|
||||
<div class="form-text">Minimum 6 caractères.</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-neon w-100">Créer mon compte</button>
|
||||
</form>
|
||||
|
||||
<p class="auth-switch">
|
||||
Déjà inscrit ?
|
||||
<a href="/connexion">Se connecter</a>
|
||||
</p>
|
||||
@@ -0,0 +1,49 @@
|
||||
<section class="page-header">
|
||||
<div>
|
||||
<p class="eyebrow"><?php print Helpers::echapper($console["constructeur"]); ?><?php if (!empty($console["annee"])): ?> · <?php print (int) $console["annee"]; ?><?php endif; ?></p>
|
||||
<h1 class="page-title"><?php print Helpers::echapper($console["nom"]); ?></h1>
|
||||
<?php if (!empty($console["notes"])): ?>
|
||||
<p class="lead-text"><?php print nl2br(Helpers::echapper($console["notes"])); ?></p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="page-actions">
|
||||
<a href="/consoles/<?php print Helpers::echapper($console["id"]); ?>/modifier" class="btn btn-outline-neon">
|
||||
<i class="mdi mdi-pencil"></i> Modifier
|
||||
</a>
|
||||
<a href="/jeux/creer?consoleId=<?php print Helpers::echapper($console["id"]); ?>" class="btn btn-neon">
|
||||
<i class="mdi mdi-plus"></i> Ajouter un jeu
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-4">
|
||||
<div class="section-heading">
|
||||
<h2>Jeux sur cette console</h2>
|
||||
<span><?php print count($jeux); ?> jeu<?php print count($jeux) > 1 ? "x" : ""; ?></span>
|
||||
</div>
|
||||
|
||||
<?php if ($jeux === []): ?>
|
||||
<div class="empty-state">
|
||||
<i class="mdi mdi-controller-classic-outline"></i>
|
||||
<p>Aucun jeu associé à cette console.</p>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="game-grid">
|
||||
<?php foreach ($jeux as $jeu): ?>
|
||||
<a class="game-card" href="/jeux/<?php print Helpers::echapper($jeu["id"]); ?>">
|
||||
<img
|
||||
src="<?php print Helpers::echapper(Helpers::urlJaquette($jeu["jaquette"] ?? null)); ?>"
|
||||
alt="Jaquette de <?php print Helpers::echapper($jeu["titre"]); ?>"
|
||||
loading="lazy"
|
||||
>
|
||||
<div class="game-card-body">
|
||||
<h3><?php print Helpers::echapper($jeu["titre"]); ?></h3>
|
||||
<span class="badge-etat etat-<?php print Helpers::echapper($jeu["etat"]); ?>">
|
||||
<?php print Helpers::echapper(Helpers::libelleEtat($jeu["etat"])); ?>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
@@ -0,0 +1,48 @@
|
||||
<?php
|
||||
$estEdition = $console !== null;
|
||||
$valeurs = $console ?? [
|
||||
"nom" => Helpers::champ("nom"),
|
||||
"constructeur" => Helpers::champ("constructeur"),
|
||||
"annee" => Helpers::champ("annee"),
|
||||
"notes" => Helpers::champ("notes")
|
||||
];
|
||||
?>
|
||||
|
||||
<section class="page-header">
|
||||
<div>
|
||||
<p class="eyebrow">Consoles</p>
|
||||
<h1 class="page-title"><?php print $estEdition ? "Modifier la console" : "Ajouter une console"; ?></h1>
|
||||
</div>
|
||||
<div class="page-actions">
|
||||
<a href="/consoles" class="btn btn-outline-neon">Retour</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<form method="post" action="<?php print Helpers::echapper($action); ?>" class="form-panel">
|
||||
<?php print Csrf::champCache(); ?>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="nom">Nom</label>
|
||||
<input type="text" class="form-control" id="nom" name="nom" required value="<?php print Helpers::echapper($valeurs["nom"] ?? ""); ?>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="constructeur">Constructeur</label>
|
||||
<input type="text" class="form-control" id="constructeur" name="constructeur" required value="<?php print Helpers::echapper($valeurs["constructeur"] ?? ""); ?>">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="annee">Année</label>
|
||||
<input type="number" class="form-control" id="annee" name="annee" min="1970" max="<?php print (int) date("Y") + 2; ?>" value="<?php print Helpers::echapper((string) ($valeurs["annee"] ?? "")); ?>">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="notes">Notes personnelles</label>
|
||||
<textarea class="form-control" id="notes" name="notes" rows="4"><?php print Helpers::echapper($valeurs["notes"] ?? ""); ?></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-neon">
|
||||
<?php print $estEdition ? "Enregistrer" : "Ajouter"; ?>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -0,0 +1,48 @@
|
||||
<section class="page-header">
|
||||
<div>
|
||||
<p class="eyebrow">Inventaire</p>
|
||||
<h1 class="page-title">Mes consoles</h1>
|
||||
<p class="lead-text"><?php print count($consoles); ?> console<?php print count($consoles) > 1 ? "s" : ""; ?> enregistrée<?php print count($consoles) > 1 ? "s" : ""; ?>.</p>
|
||||
</div>
|
||||
<div class="page-actions">
|
||||
<a href="/consoles/creer" class="btn btn-neon">
|
||||
<i class="mdi mdi-plus"></i> Ajouter
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php if ($consoles === []): ?>
|
||||
<div class="empty-state">
|
||||
<i class="mdi mdi-gamepad-variant-outline"></i>
|
||||
<p>Aucune console pour l'instant. Ajoutez votre première machine.</p>
|
||||
<a href="/consoles/creer" class="btn btn-neon">Ajouter une console</a>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="console-grid">
|
||||
<?php foreach ($consoles as $console): ?>
|
||||
<article class="console-card">
|
||||
<a href="/consoles/<?php print Helpers::echapper($console["id"]); ?>" class="console-card-link">
|
||||
<div class="console-icon">
|
||||
<i class="mdi mdi-gamepad-variant"></i>
|
||||
</div>
|
||||
<h2><?php print Helpers::echapper($console["nom"]); ?></h2>
|
||||
<p><?php print Helpers::echapper($console["constructeur"]); ?><?php if (!empty($console["annee"])): ?> · <?php print (int) $console["annee"]; ?><?php endif; ?></p>
|
||||
<span class="console-count">
|
||||
<?php print (int) ($jeuxParConsole[$console["id"]] ?? 0); ?> jeu<?php print (($jeuxParConsole[$console["id"]] ?? 0) > 1) ? "x" : ""; ?>
|
||||
</span>
|
||||
</a>
|
||||
<div class="console-actions">
|
||||
<a href="/consoles/<?php print Helpers::echapper($console["id"]); ?>/modifier" class="btn btn-sm btn-outline-neon" title="Modifier">
|
||||
<i class="mdi mdi-pencil"></i>
|
||||
</a>
|
||||
<form method="post" action="/consoles/<?php print Helpers::echapper($console["id"]); ?>/supprimer" onsubmit="return confirm('Supprimer cette console et ses jeux associés ?');">
|
||||
<?php print Csrf::champCache(); ?>
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger" title="Supprimer">
|
||||
<i class="mdi mdi-delete-outline"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</article>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="text-center py-5">
|
||||
<h1 class="page-title">404</h1>
|
||||
<p class="lead-text">Cette page n'existe pas dans votre inventaire.</p>
|
||||
<a href="/" class="btn btn-neon">Retour à l'accueil</a>
|
||||
</div>
|
||||
@@ -0,0 +1,73 @@
|
||||
<section class="detail-hero">
|
||||
<div class="detail-cover">
|
||||
<img
|
||||
src="<?php print Helpers::echapper(Helpers::urlJaquette($jeu["jaquette"] ?? null)); ?>"
|
||||
alt="Jaquette de <?php print Helpers::echapper($jeu["titre"]); ?>"
|
||||
>
|
||||
</div>
|
||||
<div class="detail-info">
|
||||
<p class="eyebrow"><?php print Helpers::echapper($console["nom"] ?? "Console"); ?></p>
|
||||
<h1 class="page-title"><?php print Helpers::echapper($jeu["titre"]); ?></h1>
|
||||
<div class="detail-meta">
|
||||
<span class="badge-etat etat-<?php print Helpers::echapper($jeu["etat"]); ?>">
|
||||
<?php print Helpers::echapper(Helpers::libelleEtat($jeu["etat"])); ?>
|
||||
</span>
|
||||
<?php if (!empty($jeu["dateSortie"])): ?>
|
||||
<span><i class="mdi mdi-calendar"></i> <?php print Helpers::echapper($jeu["dateSortie"]); ?></span>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($jeu["sourceEnrichissement"])): ?>
|
||||
<span><i class="mdi mdi-database-outline"></i> <?php print Helpers::echapper($jeu["sourceEnrichissement"]); ?></span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="page-actions mt-3">
|
||||
<a href="/jeux/<?php print Helpers::echapper($jeu["id"]); ?>/modifier" class="btn btn-neon">
|
||||
<i class="mdi mdi-pencil"></i> Modifier
|
||||
</a>
|
||||
<form method="post" action="/jeux/<?php print Helpers::echapper($jeu["id"]); ?>/supprimer" onsubmit="return confirm('Supprimer ce jeu ?');">
|
||||
<?php print Csrf::champCache(); ?>
|
||||
<button type="submit" class="btn btn-outline-danger">
|
||||
<i class="mdi mdi-delete-outline"></i> Supprimer
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="detail-grid mt-4">
|
||||
<article class="form-panel">
|
||||
<h2>Description</h2>
|
||||
<?php if (!empty($jeu["description"])): ?>
|
||||
<p class="detail-text"><?php print nl2br(Helpers::echapper($jeu["description"])); ?></p>
|
||||
<?php else: ?>
|
||||
<p class="text-muted">Aucune description.</p>
|
||||
<?php endif; ?>
|
||||
</article>
|
||||
|
||||
<aside class="form-panel">
|
||||
<h2>Informations</h2>
|
||||
<dl class="info-list">
|
||||
<div>
|
||||
<dt>Développeur</dt>
|
||||
<dd><?php print Helpers::echapper($jeu["developpeur"] ?: "—"); ?></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Éditeur</dt>
|
||||
<dd><?php print Helpers::echapper($jeu["editeur"] ?: "—"); ?></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Genres</dt>
|
||||
<dd>
|
||||
<?php if (!empty($jeu["genres"])): ?>
|
||||
<?php print Helpers::echapper(implode(", ", $jeu["genres"])); ?>
|
||||
<?php else: ?>
|
||||
—
|
||||
<?php endif; ?>
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Notes</dt>
|
||||
<dd><?php print nl2br(Helpers::echapper($jeu["notes"] ?: "—")); ?></dd>
|
||||
</div>
|
||||
</dl>
|
||||
</aside>
|
||||
</section>
|
||||
@@ -0,0 +1,126 @@
|
||||
<?php
|
||||
$estEdition = isset($jeu["id"]);
|
||||
$genresTexte = is_array($jeu["genres"] ?? null)
|
||||
? implode(", ", $jeu["genres"])
|
||||
: (string) ($jeu["genres"] ?? "");
|
||||
$retourEnrichissement = $action;
|
||||
?>
|
||||
|
||||
<section class="page-header">
|
||||
<div>
|
||||
<p class="eyebrow">Jeux</p>
|
||||
<h1 class="page-title"><?php print $estEdition ? "Modifier le jeu" : "Ajouter un jeu"; ?></h1>
|
||||
</div>
|
||||
<div class="page-actions">
|
||||
<a href="/jeux" class="btn btn-outline-neon">Retour</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php if ($apiDisponible): ?>
|
||||
<section class="form-panel mb-4" id="enrichissement">
|
||||
<h2><i class="mdi mdi-magnify"></i> Enrichissement automatique (RAWG)</h2>
|
||||
<p class="lead-text">Recherchez un titre pour préremplir jaquette, description et métadonnées.</p>
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-8">
|
||||
<label class="form-label" for="rechercheApi">Titre à rechercher</label>
|
||||
<input type="search" class="form-control" id="rechercheApi" placeholder="Ex. Shadow of the Colossus" value="<?php print Helpers::echapper($jeu["titre"] ?? ""); ?>">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button type="button" class="btn btn-outline-neon w-100" id="btnRechercheApi">
|
||||
Rechercher
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="resultatsApi" class="api-results mt-3" hidden></div>
|
||||
</section>
|
||||
<?php else: ?>
|
||||
<div class="alert alert-warning app-alert">
|
||||
Enrichissement API désactivé : aucune clé <code>RAWG_API_KEY</code> configurée. La saisie manuelle reste disponible.
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<form method="post" action="<?php print Helpers::echapper($action); ?>" class="form-panel" id="formJeu">
|
||||
<?php print Csrf::champCache(); ?>
|
||||
<input type="hidden" name="jaquette" id="jaquette" value="<?php print Helpers::echapper($jeu["jaquette"] ?? ""); ?>">
|
||||
<input type="hidden" name="sourceEnrichissement" id="sourceEnrichissement" value="<?php print Helpers::echapper($jeu["sourceEnrichissement"] ?? "manuel"); ?>">
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-md-3">
|
||||
<div class="cover-preview">
|
||||
<img
|
||||
id="apercuJaquette"
|
||||
src="<?php print Helpers::echapper(Helpers::urlJaquette($jeu["jaquette"] ?? null)); ?>"
|
||||
alt="Aperçu de la jaquette"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-8">
|
||||
<label class="form-label" for="titre">Titre</label>
|
||||
<input type="text" class="form-control" id="titre" name="titre" required value="<?php print Helpers::echapper($jeu["titre"] ?? ""); ?>">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="etat">État</label>
|
||||
<select class="form-select" id="etat" name="etat" required>
|
||||
<?php foreach (Helpers::etatsJeu() as $valeur => $libelle): ?>
|
||||
<option value="<?php print Helpers::echapper($valeur); ?>" <?php print ($jeu["etat"] ?? "possede") === $valeur ? "selected" : ""; ?>>
|
||||
<?php print Helpers::echapper($libelle); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="consoleId">Console</label>
|
||||
<select class="form-select" id="consoleId" name="consoleId" required>
|
||||
<option value="">Choisir…</option>
|
||||
<?php foreach ($consoles as $console): ?>
|
||||
<option value="<?php print Helpers::echapper($console["id"]); ?>" <?php print ($jeu["consoleId"] ?? "") === $console["id"] ? "selected" : ""; ?>>
|
||||
<?php print Helpers::echapper($console["nom"]); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="dateSortie">Date de sortie</label>
|
||||
<input type="date" class="form-control" id="dateSortie" name="dateSortie" value="<?php print Helpers::echapper($jeu["dateSortie"] ?? ""); ?>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="developpeur">Développeur</label>
|
||||
<input type="text" class="form-control" id="developpeur" name="developpeur" value="<?php print Helpers::echapper($jeu["developpeur"] ?? ""); ?>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="editeur">Éditeur</label>
|
||||
<input type="text" class="form-control" id="editeur" name="editeur" value="<?php print Helpers::echapper($jeu["editeur"] ?? ""); ?>">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="genres">Genres</label>
|
||||
<input type="text" class="form-control" id="genres" name="genres" placeholder="Action, RPG, Aventure…" value="<?php print Helpers::echapper($genresTexte); ?>">
|
||||
<div class="form-text">Séparez les genres par des virgules.</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="description">Description</label>
|
||||
<textarea class="form-control" id="description" name="description" rows="5"><?php print Helpers::echapper($jeu["description"] ?? ""); ?></textarea>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="notes">Notes personnelles</label>
|
||||
<textarea class="form-control" id="notes" name="notes" rows="3"><?php print Helpers::echapper($jeu["notes"] ?? ""); ?></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-neon">
|
||||
<?php print $estEdition ? "Enregistrer" : "Ajouter le jeu"; ?>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<?php if ($apiDisponible): ?>
|
||||
<form method="post" action="/jeux/api/appliquer" id="formAppliquerApi" hidden>
|
||||
<?php print Csrf::champCache(); ?>
|
||||
<input type="hidden" name="rawgId" id="rawgId">
|
||||
<input type="hidden" name="retour" value="<?php print Helpers::echapper($retourEnrichissement); ?>">
|
||||
</form>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,73 @@
|
||||
<section class="page-header">
|
||||
<div>
|
||||
<p class="eyebrow">Bibliothèque</p>
|
||||
<h1 class="page-title">Mes jeux</h1>
|
||||
<p class="lead-text"><?php print count($jeux); ?> résultat<?php print count($jeux) > 1 ? "s" : ""; ?>.</p>
|
||||
</div>
|
||||
<div class="page-actions">
|
||||
<a href="/jeux/creer" class="btn btn-neon">
|
||||
<i class="mdi mdi-plus"></i> Ajouter
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<form method="get" action="/jeux" class="filter-bar">
|
||||
<div class="row g-3 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="q">Recherche</label>
|
||||
<input type="search" class="form-control" id="q" name="q" placeholder="Titre, genre, éditeur…" value="<?php print Helpers::echapper($filtres["q"]); ?>">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="console">Console</label>
|
||||
<select class="form-select" id="console" name="console">
|
||||
<option value="">Toutes</option>
|
||||
<?php foreach ($consoles as $console): ?>
|
||||
<option value="<?php print Helpers::echapper($console["id"]); ?>" <?php print $filtres["console"] === $console["id"] ? "selected" : ""; ?>>
|
||||
<?php print Helpers::echapper($console["nom"]); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="etat">État</label>
|
||||
<select class="form-select" id="etat" name="etat">
|
||||
<option value="">Tous</option>
|
||||
<?php foreach (Helpers::etatsJeu() as $valeur => $libelle): ?>
|
||||
<option value="<?php print Helpers::echapper($valeur); ?>" <?php print $filtres["etat"] === $valeur ? "selected" : ""; ?>>
|
||||
<?php print Helpers::echapper($libelle); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button type="submit" class="btn btn-outline-neon w-100">Filtrer</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<?php if ($jeux === []): ?>
|
||||
<div class="empty-state mt-4">
|
||||
<i class="mdi mdi-controller-classic-outline"></i>
|
||||
<p>Aucun jeu ne correspond à vos critères.</p>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="game-grid mt-4">
|
||||
<?php foreach ($jeux as $jeu): ?>
|
||||
<?php $console = $consolesParId[$jeu["consoleId"]] ?? null; ?>
|
||||
<a class="game-card" href="/jeux/<?php print Helpers::echapper($jeu["id"]); ?>">
|
||||
<img
|
||||
src="<?php print Helpers::echapper(Helpers::urlJaquette($jeu["jaquette"] ?? null)); ?>"
|
||||
alt="Jaquette de <?php print Helpers::echapper($jeu["titre"]); ?>"
|
||||
loading="lazy"
|
||||
>
|
||||
<div class="game-card-body">
|
||||
<h3><?php print Helpers::echapper($jeu["titre"]); ?></h3>
|
||||
<p><?php print Helpers::echapper($console["nom"] ?? "Console inconnue"); ?></p>
|
||||
<span class="badge-etat etat-<?php print Helpers::echapper($jeu["etat"]); ?>">
|
||||
<?php print Helpers::echapper(Helpers::libelleEtat($jeu["etat"])); ?>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title><?php print Helpers::echapper(($titrePage ?? "JeuxVideoTech") . " — " . Config::get("appName")); ?></title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" rel="stylesheet">
|
||||
<link href="/assets/css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body class="app-body">
|
||||
<div class="scanlines" aria-hidden="true"></div>
|
||||
|
||||
<nav class="navbar navbar-expand-lg app-nav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand brand-logo" href="/">
|
||||
<span class="brand-mark">▶</span>
|
||||
<?php print Helpers::echapper(Config::get("appName")); ?>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menuPrincipal" aria-controls="menuPrincipal" aria-expanded="false" aria-label="Menu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="menuPrincipal">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/"><i class="mdi mdi-view-dashboard-outline"></i> Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/consoles"><i class="mdi mdi-gamepad-variant-outline"></i> Consoles</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/jeux"><i class="mdi mdi-controller-classic-outline"></i> Jeux</a>
|
||||
</li>
|
||||
<?php if (($utilisateur["role"] ?? "") === "admin"): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/admin/utilisateurs"><i class="mdi mdi-shield-account-outline"></i> Admin</a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<span class="nav-user">
|
||||
<i class="mdi mdi-account-circle-outline"></i>
|
||||
<?php print Helpers::echapper($utilisateur["identifiant"] ?? ""); ?>
|
||||
</span>
|
||||
<form method="post" action="/deconnexion" class="m-0">
|
||||
<?php print Csrf::champCache(); ?>
|
||||
<button type="submit" class="btn btn-sm btn-outline-neon">
|
||||
<i class="mdi mdi-logout"></i> Déconnexion
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="container py-4">
|
||||
<?php View::partiel("partials/flash"); ?>
|
||||
<?php print $contenu; ?>
|
||||
</main>
|
||||
|
||||
<footer class="app-footer">
|
||||
<div class="container">
|
||||
<span><?php print Helpers::echapper(Config::get("appName")); ?></span>
|
||||
<span class="footer-sep">·</span>
|
||||
<span>Bibliothèque personnelle de jeux vidéo</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="/assets/js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title><?php print Helpers::echapper(($titrePage ?? "JeuxVideoTech") . " — " . Config::get("appName")); ?></title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" rel="stylesheet">
|
||||
<link href="/assets/css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body class="app-body auth-body">
|
||||
<div class="scanlines" aria-hidden="true"></div>
|
||||
<div class="auth-shell">
|
||||
<div class="auth-brand">
|
||||
<span class="brand-mark">▶</span>
|
||||
<h1><?php print Helpers::echapper(Config::get("appName")); ?></h1>
|
||||
<p>Votre inventaire de consoles et de jeux, centralisé.</p>
|
||||
</div>
|
||||
<div class="auth-panel">
|
||||
<?php View::partiel("partials/flash"); ?>
|
||||
<?php print $contenu; ?>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,7 @@
|
||||
<?php $flash = Flash::consommer(); ?>
|
||||
<?php if ($flash !== null): ?>
|
||||
<div class="alert alert-<?php print Helpers::echapper($flash["type"]); ?> alert-dismissible fade show app-alert" role="alert">
|
||||
<?php print Helpers::echapper($flash["message"]); ?>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fermer"></button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||