mots-croises/index.php

191 lines
7.1 KiB
PHP

<?php
if (!isset($_GET["grille"])) {
$_GET["grille"] = uniqid();
header("Location: " . dirname($_SERVER['DOCUMENT_URI']) . "?" . http_build_query($_GET));
exit;
} else {
$id = htmlspecialchars($_GET["grille"]);
}
include_once "dico.php";
include_once "Grille.php";
const HAUTEUR_DEFAUT = 7;
const HAUTEUR_MIN = 2;
const HAUTEUR_MAX = 10;
const LARGEUR_DEFAUT = 7;
const LARGEUR_MIN = 2;
const LARGEUR_MAX = 10;
$hauteur = filter_input(INPUT_GET, 'lignes', FILTER_VALIDATE_INT, [
"options" => [
"default" => HAUTEUR_DEFAUT,
"min_range" => HAUTEUR_MIN,
"max_range" => HAUTEUR_MAX
]
]);
$largeur = filter_input(INPUT_GET, 'colonnes', FILTER_VALIDATE_INT, [
"options" => [
"default" => LARGEUR_DEFAUT,
"min_range" => LARGEUR_MIN,
"max_range" => LARGEUR_MAX
]
]);
$grille = new Grille($hauteur, $largeur, $id);
$grille->current();
$definitions = [
"lignes" => [],
"colonnes" => []
];
foreach ($grille->lignes as $y => $mots) {
$definitions["lignes"][$y] = [];
foreach (explode(" ", $mots) as $mot) {
$definitions_lignes = $dico[strlen($mot)][$mot];
$definition = $definitions_lignes[array_rand($definitions_lignes)];
if (strlen($definition)) {
$definitions["lignes"][$y][] = $definition;
}
}
}
foreach ($grille->colonnes as $x => $mots) {
$definitions["colonnes"][$y] = [];
foreach (explode(" ", $mots) as $mot) {
$definitions_colonnes = $dico[strlen($mot)][$mot];
$definition = $definitions_colonnes[array_rand($definitions_colonnes)];
if (strlen($definition)) {
$definitions["colonnes"][$x][] = $definition;
}
}
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Mots croisés</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.svg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form id="grilleForm" method="get" location=".">
<h1 class="large width">
<table>
<tbody>
<tr>
<td colspan="2"></td>
<td>M</td>
</tr>
<tr>
<td>c</td>
<td>r</td>
<td>o</td>
<td>i</td>
<td>s</td>
<td>é</td>
<td>s</td>
</tr>
<tr>
<td colspan="2"></td>
<td>t</td>
</tr>
<tr>
<td colspan="2"></td>
<td>s</td>
</tr>
</tbody>
</table>
</h1>
<h1 class="small width">Mots croisés</h1>
<div class="grille-et-definitions">
<?php if ($grille->valid()): ?>
<div class="grille">
<table>
<tr>
<th></th>
<?php for ($x = 0; $x < $largeur; $x++): ?>
<th><?= chr($x + 65) ?></th>
<?php endfor; ?>
<th></th>
</tr>
<?php for ($y = 0; $y < $hauteur; $y++): ?>
<tr>
<th><?= $y + 1 ?></th>
<?php for ($x = 0; $x < $largeur; $x++): ?>
<td class="case <?= $grille[$y][$x] == " " ? "noire" : "blanche" ?>">
<?php if ($grille[$y][$x] == " "): ?>
<input id="<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1" value=" " disabled />
<?php else: ?>
<input id="<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1" pattern="[A-Z]" placeholder="<?= $grille[$y][$x] ?>"
title="<?= "→ " . strip_tags(implode("\n→ ", $definitions["lignes"][$y])) . "\n↓ " . strip_tags(implode("\n↓ ", $definitions["colonnes"][$x])) ?>" />
<?php endif; ?>
</td>
<?php endfor; ?>
</tr>
<?php endfor; ?>
</table>
</div>
<div class="definitions horizontales">
<h2>Horizontalement</h2>
<ol>
<?php foreach ($definitions["lignes"] as $y => $definitions_ligne): ?>
<li>
<?php if (count($definitions_ligne) == 1): ?>
<?= $definitions_ligne[0] ?>
<?php else: ?>
<ol>
<?php foreach ($definitions_ligne as $definition) : ?>
<li><?= $definition ?></li>
<?php endforeach ?>
</ol>
<?php endif ?>
</li>
<?php endforeach; ?>
</ol>
</div>
<div class="definitions verticales">
<h2>Verticalement</h2>
<ol type="A">
<?php foreach ($definitions["colonnes"] as $x => $definitions_colonne): ?>
<li>
<?php if (count($definitions_colonne) == 1): ?>
<?= $definitions_colonne[0] ?>
<?php else: ?>
<ol>
<?php foreach ($definitions_colonne as $definition) : ?>
<li><?= $definition ?></li>
<?php endforeach ?>
</ol>
<?php endif ?>
</li>
<?php endforeach; ?>
</ol>
</div>
<?php else: ?>
<h3 class="erreur">Erreur de génération de la grille</h3>
<?php endif ?>
</div>
<div class="nouvelle-grille">
<img src="favicon.svg" width="16" height="16">
<button type="submit">
Nouvelle grille de
<input type="number" id="lignes" name="lignes" value="<?= $hauteur ?>" min="<?=HAUTEUR_MIN?>" max="<?=HAUTEUR_MAX?>"/>
lignes et
<input type="number" id="colonnes" name="colonnes" value="<?= $largeur ?>" min="<?=LARGEUR_MIN?>" max="<?=LARGEUR_MAX?>"/>
colonnes
</button>
</div>
</form>
<script src="script.js"></script>
</body>
</html>