forked from antux18/ChasseTresorPange
Mise en place du système des énigmes.
This commit is contained in:
parent
dcc512876d
commit
35c9aeaae5
|
|
@ -0,0 +1,57 @@
|
|||
<?php
|
||||
require_once "require/base.php";
|
||||
|
||||
$database = new Database();
|
||||
|
||||
if (isset($_GET["code"]) && isset($_GET["team"]) && isset($_GET["id"])) {
|
||||
$art_id = htmlspecialchars($_GET["id"]);
|
||||
$team_id = htmlspecialchars($_GET["team"]);
|
||||
$stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE id == :id");
|
||||
$stmt->bindValue(":id", $art_id);
|
||||
$stmt->execute();
|
||||
$article = $stmt->fetch();
|
||||
|
||||
// Vérification de l'existence du groupe et de l'énigme :
|
||||
$stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
|
||||
$stmt->bindValue(":id", $team_id);
|
||||
$stmt->execute();
|
||||
|
||||
if (empty($article) || empty($stmt->fetchAll())) {
|
||||
header("Location: index.php");
|
||||
die();
|
||||
}
|
||||
|
||||
$stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE code == :code");
|
||||
$stmt->bindValue(":code", htmlspecialchars($_GET["code"]));
|
||||
$stmt->execute();
|
||||
$article = $stmt->fetch();
|
||||
|
||||
// Vérification de l'existence du groupe :
|
||||
$stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
|
||||
$stmt->bindValue(":id", $team_id);
|
||||
$stmt->execute();
|
||||
|
||||
if (empty($stmt->fetchAll())) {
|
||||
header("Location: index.php");
|
||||
die();
|
||||
}
|
||||
|
||||
if (empty($article)) {
|
||||
echo 0;
|
||||
}
|
||||
|
||||
else {
|
||||
$data = [
|
||||
"infos" => $article["infos"],
|
||||
"place" => $article["place"]
|
||||
];
|
||||
header('Content-Type: application/json; charset=utf-8');
|
||||
echo json_encode($data);
|
||||
}
|
||||
}
|
||||
|
||||
else {
|
||||
header("Location: index.php");
|
||||
die();
|
||||
}
|
||||
?>
|
||||
57
article.php
57
article.php
|
|
@ -5,11 +5,36 @@
|
|||
|
||||
$database = new Database();
|
||||
|
||||
if (isset($_GET["id"])) {
|
||||
$stmt = $database->pdo_article->prepare("SELECT * FROM article WHERE id == :id");
|
||||
$stmt->bindValue(":id", htmlspecialchars($_GET["id"]));
|
||||
if (isset($_GET["id"]) && isset($_GET["team"])) {
|
||||
$art_id = htmlspecialchars($_GET["id"]);
|
||||
$team_id = htmlspecialchars($_GET["team"]);
|
||||
$stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE id == :id");
|
||||
$stmt->bindValue(":id", $art_id);
|
||||
$stmt->execute();
|
||||
$article = $stmt->fetch();
|
||||
|
||||
// Vérification de l'existence du groupe et de l'énigme :
|
||||
$stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
|
||||
$stmt->bindValue(":id", $team_id);
|
||||
$stmt->execute();
|
||||
|
||||
if (empty($article) || empty($stmt->fetchAll())) {
|
||||
header("Location: index.php");
|
||||
die();
|
||||
}
|
||||
|
||||
else {
|
||||
$stmt = $database->pdo_teams->prepare("SELECT * FROM solved WHERE (team_id == :team_id AND puzzle_id == :puzzle_id)");
|
||||
$stmt->bindValue(":team_id", $team_id);
|
||||
$stmt->bindValue(":puzzle_id", $art_id);
|
||||
$stmt->execute();
|
||||
$solved = !empty($stmt->fetch());
|
||||
}
|
||||
}
|
||||
|
||||
else {
|
||||
header("Location: index.php");
|
||||
die();
|
||||
}
|
||||
?>
|
||||
|
||||
|
|
@ -19,7 +44,8 @@
|
|||
<?php
|
||||
require_once $rq_path . "head.php";
|
||||
?>
|
||||
<title><?= $tr["tab_title"]["article"]?></title>
|
||||
<title><?= $tr["tab_title"]["article"] ?></title>
|
||||
<script type="module" src="<?= $rq_path ?>js/qrscan.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -29,12 +55,27 @@
|
|||
</header>
|
||||
<main>
|
||||
<header>
|
||||
<h1><?= $article["title"] ?></h1>
|
||||
<p><?= $article["summary"] ?></p>
|
||||
<h1><?= $tr["page_title"]["article"] . $art_id ?></h1>
|
||||
<p><?= $article["text"] ?></p>
|
||||
</header>
|
||||
<article>
|
||||
<img src=<?= $article["cover_path"] ?> alt=<?= $article["cover_alt"] ?>>
|
||||
<p><?= $article["content"] ?></p>
|
||||
<?php if ($solved) : ?>
|
||||
<p><?= $tr["article"]["success"] ?></p>
|
||||
<p><?= $article["infos"] ?></p>
|
||||
<p><?= $article["place"] ?></p>
|
||||
<?php else : ?>
|
||||
<p><?= $tr["article"]["message"] ?></p>
|
||||
<p></p> <!-- Emplacement du message d'erreur JS concernant la caméra. !-->
|
||||
<button><?= $tr["article"]["qr_but"] ?></button>
|
||||
<video></video>
|
||||
<p><?= $tr["article"]["cam_sel"] ?></p>
|
||||
<select>
|
||||
<option value="rear" selected><?= $tr["article"]["r_cam"] ?></option>
|
||||
<option value="front"><?= $tr["article"]["f_cam"] ?></option>
|
||||
</select>
|
||||
<!-- <p>Scanner depuis un fichier</p>
|
||||
<input type="file" id="file-selector"> -->
|
||||
<?php endif; ?>
|
||||
</article>
|
||||
</main>
|
||||
<footer>
|
||||
|
|
|
|||
BIN
data/article.db
BIN
data/article.db
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 725 B |
Binary file not shown.
|
After Width: | Height: | Size: 743 B |
22
index.php
22
index.php
|
|
@ -1,5 +1,11 @@
|
|||
<?php
|
||||
require_once "require/base.php";
|
||||
|
||||
$database = new Database();
|
||||
|
||||
$stmt = $database->pdo_teams->prepare("SELECT * FROM teams");
|
||||
$stmt->execute();
|
||||
$teams = $stmt->fetchAll();
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -9,7 +15,6 @@
|
|||
require_once $rq_path . "head.php";
|
||||
?>
|
||||
<title><?= $tr["tab_title"]["home"]?></title>
|
||||
<script type="module" src="<?= $rq_path ?>js/qrscan.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -24,16 +29,11 @@
|
|||
<p><?= $tr["home"]["message"]?></p>
|
||||
</header>
|
||||
<article>
|
||||
<button>Scanner un QR code</button>
|
||||
<p></p>
|
||||
<video></video>
|
||||
<p>Caméra sélectionnée :</p>
|
||||
<select>
|
||||
<option value="rear" selected>Caméra arrière</option>
|
||||
<option value="front">Caméra avant</option>
|
||||
</select> <!-- Emplacement du message d'erreur JS concernant la caméra. !-->
|
||||
<p>Scanner depuis un fichier</p>
|
||||
<input type="file" id="file-selector">
|
||||
<ul>
|
||||
<?php foreach ($teams as $team) : ?>
|
||||
<li><a href="puzzles.php?team=<?= $team["id"] ?>"><?= $tr["home"]["team"] . $team["id"] ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</article>
|
||||
</main>
|
||||
<footer>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,66 @@
|
|||
<?php
|
||||
require_once "require/base.php";
|
||||
|
||||
$database = new Database();
|
||||
|
||||
if (isset($_GET["team"])) {
|
||||
$team_id = htmlspecialchars($_GET["team"]);
|
||||
|
||||
// Vérification de l'existence du groupe :
|
||||
$stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
|
||||
$stmt->bindValue(":id", $team_id);
|
||||
$stmt->execute();
|
||||
|
||||
if (empty($stmt->fetchAll())) {
|
||||
header("Location: index.php");
|
||||
die();
|
||||
}
|
||||
|
||||
else {
|
||||
$stmt = $database->pdo_article->prepare("SELECT * FROM puzzles");
|
||||
$stmt->execute();
|
||||
$puzzles = $stmt->fetchAll();
|
||||
}
|
||||
}
|
||||
|
||||
else {
|
||||
header("Location: index.php");
|
||||
die();
|
||||
}
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<?php
|
||||
require_once $rq_path . "head.php";
|
||||
?>
|
||||
<title><?= $tr["tab_title"]["puzzles"]?></title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<?php
|
||||
require_once $rq_path . "nav.php";
|
||||
?>
|
||||
</header>
|
||||
<main>
|
||||
<header>
|
||||
<h1><?= $tr["page_title"]["puzzles"] . $team_id ?></h1>
|
||||
<p></p>
|
||||
<p><?= $tr["puzzles"]["message"]?></p>
|
||||
</header>
|
||||
<article>
|
||||
<ul>
|
||||
<?php foreach ($puzzles as $puzzle) : ?>
|
||||
<li><a href="article.php?team=<?= $team_id ?>&id=<?= $puzzle["id"] ?>"><?= $puzzle["text"] ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</article>
|
||||
</main>
|
||||
<footer>
|
||||
<?php
|
||||
require_once $rq_path . "footer.php";
|
||||
?>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,18 +1,28 @@
|
|||
<?php
|
||||
class Database {
|
||||
public PDO $pdo_article;
|
||||
public PDO $pdo_teams;
|
||||
|
||||
public function __construct() {
|
||||
$data_path = "/../data/";
|
||||
try {
|
||||
$this->pdo_article = new PDO("sqlite:" . dirname(__FILE__) . $data_path . "article.db");
|
||||
$this->pdo_article->query("CREATE TABLE IF NOT EXISTS article (
|
||||
id INTEGER NOT NULL UNIQUE PRIMARY KEY AUTOINCREMENT,
|
||||
title VARCHAR(100),
|
||||
content VARCHAR(1000),
|
||||
summary VARCHAR(200),
|
||||
cover_path VARCHAR(4096)
|
||||
)");
|
||||
$this->pdo_article->query('CREATE TABLE IF NOT EXISTS "puzzles" (
|
||||
"id" INTEGER NOT NULL UNIQUE,
|
||||
"text" TEXT NOT NULL,
|
||||
"hint" TEXT,
|
||||
"infos" TEXT NOT NULL,
|
||||
"place" TEXT NOT NULL,
|
||||
"code" TEXT NOT NULL,
|
||||
PRIMARY KEY("id" AUTOINCREMENT)
|
||||
)');
|
||||
|
||||
$this->pdo_teams = new PDO("sqlite:" . dirname(__FILE__) . $data_path . "teams.db");
|
||||
$this->pdo_teams->query('CREATE TABLE IF NOT EXISTS "teams" (
|
||||
"id" INTEGER NOT NULL UNIQUE,
|
||||
"solved_id" INTEGER[],
|
||||
PRIMARY KEY("id" AUTOINCREMENT)
|
||||
)');
|
||||
}
|
||||
|
||||
catch (PDOException $exception) {
|
||||
|
|
@ -22,7 +32,12 @@
|
|||
}
|
||||
|
||||
public function getArticleNb() {
|
||||
$query = $this->pdo_article->query("SELECT COUNT(*) FROM article;");
|
||||
$query = $this->pdo_article->query("SELECT COUNT(*) FROM puzzles");
|
||||
return $query->fetch()["COUNT(*)"];
|
||||
}
|
||||
|
||||
public function getTeamsNb() {
|
||||
$query = $this->pdo_teams->query("SELECT COUNT(*) FROM teams");
|
||||
return $query->fetch()["COUNT(*)"];
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
// Gestion de la langue :
|
||||
var url_string = window.location.href;
|
||||
var url = new URL(url_string);
|
||||
var lg = url.searchParams.get("lg");
|
||||
|
||||
if (lg == null) {
|
||||
lg = "en"; // Langue par défaut
|
||||
// Recherche dans les cookies :
|
||||
var cookies = decodeURIComponent(document.cookie);
|
||||
if (cookies != "") {
|
||||
// On part du principe qu'on n'a qu'un cookie, et que c'est celui de la langue
|
||||
// 9 caractères pour "language", et 2 pour la langue
|
||||
lg = cookies.substring(9, 11);
|
||||
}
|
||||
}
|
||||
|
||||
export async function puzzleSolve(code, team_id, art_id) {
|
||||
try {
|
||||
const response = await fetch("/answer.php?lg=" + lg + "&team=" + team_id + "&code=" + code + "&id=" + art_id);
|
||||
const data = await response.text();
|
||||
console.log(data);
|
||||
}
|
||||
catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,17 +1,48 @@
|
|||
import QrScanner from "./qr-scanner/qr-scanner.min.js";
|
||||
import {puzzleSolve} from "./answer.js";
|
||||
|
||||
const video = document.querySelector("video");
|
||||
const camList = document.querySelector("select");
|
||||
const fileSelector = document.querySelector("input[type='file']");
|
||||
// const fileSelector = document.querySelector("input[type='file']");
|
||||
|
||||
// Gestion de la langue :
|
||||
var url_string = window.location.href;
|
||||
var url = new URL(url_string);
|
||||
var lg = url.searchParams.get("lg");
|
||||
var team_id = url.searchParams.get("team");
|
||||
var art_id = url.searchParams.get("id");
|
||||
|
||||
if (lg == null) {
|
||||
lg = "en"; // Langue par défaut
|
||||
// Recherche dans les cookies :
|
||||
var cookies = decodeURIComponent(document.cookie);
|
||||
if (cookies != "") {
|
||||
// On part du principe qu'on n'a qu'un cookie, et que c'est celui de la langue
|
||||
// 9 caractères pour "language", et 2 pour la langue
|
||||
lg = cookies.substring(9, 11);
|
||||
}
|
||||
}
|
||||
|
||||
var cam_error = "cam_error";
|
||||
|
||||
if (lg == "en") {
|
||||
var cam_error = "No camera detected !";
|
||||
}
|
||||
|
||||
if (lg == "fr") {
|
||||
var cam_error = "Aucune caméra détectée !";
|
||||
}
|
||||
|
||||
function scanAction(result) {
|
||||
console.log(result.data);
|
||||
puzzleSolve(result.data, team_id, art_id);
|
||||
console.log(result.data); // TODO : retirer
|
||||
scanner.stop();
|
||||
}
|
||||
|
||||
function checkCam(hasCamera) {
|
||||
const errorP = document.querySelector("article p:first-of-type");
|
||||
const errorP = document.querySelector("article p:nth-of-type(2)");
|
||||
if (!hasCamera) {
|
||||
errorP.innerHTML = "⚠️ Aucune caméra détectée !";
|
||||
errorP.innerHTML = "⚠️ " + cam_error;
|
||||
}
|
||||
else {
|
||||
errorP.text = "";
|
||||
|
|
@ -55,11 +86,11 @@ document.querySelector("button").addEventListener("click", () => {
|
|||
// scanner.stop();
|
||||
// });
|
||||
|
||||
// Scan de fichier :
|
||||
fileSelector.addEventListener("change", () => {
|
||||
const file = fileSelector.files[0];
|
||||
if (file) {
|
||||
QrScanner.scanImage(file, {returnDetailedScanResult: true})
|
||||
.then(result => scanAction(result));
|
||||
}
|
||||
});
|
||||
// // Scan de fichier :
|
||||
// fileSelector.addEventListener("change", () => {
|
||||
// const file = fileSelector.files[0];
|
||||
// if (file) {
|
||||
// QrScanner.scanImage(file, {returnDetailedScanResult: true})
|
||||
// .then(result => scanAction(result));
|
||||
// }
|
||||
// });
|
||||
|
|
@ -1,24 +1,37 @@
|
|||
<?php
|
||||
$tr = [
|
||||
"tab_title" => [
|
||||
"home" => "Home",
|
||||
"article" => "",
|
||||
"home" => "Home - Lycée Pange Treasure Hunt",
|
||||
"puzzles" => "Puzzles list - Lycée Pange Treasure Hunt",
|
||||
"article" => "Puzzle - Lycée Pange Treasure Hunt"
|
||||
],
|
||||
"page_title" => [
|
||||
"home" => "",
|
||||
"article" => "",
|
||||
"home" => "Treasure Hunt",
|
||||
"puzzles" => "Puzzles list for team n°",
|
||||
"article" => "Puzzle n°"
|
||||
],
|
||||
"home" => [
|
||||
"subtitle" => "",
|
||||
"message" => "",
|
||||
"art_but" => "Show ",
|
||||
"subtitle" => "Welcome to the treasure hunt of Lycée Jean de Pange of Sarreguemines !",
|
||||
"message" => "Select your team to begin :",
|
||||
"team" => "Team n°"
|
||||
],
|
||||
"article" => [
|
||||
"message" => "This puzzle describes a specific place. Head to that place, then scan the QR code you'll find there.",
|
||||
"success" => "Well done ! Your team solved this puzzle !",
|
||||
"qr_but" => "Scan QR code",
|
||||
"cam_sel" => "Selected camera :",
|
||||
"f_cam" => "Front camera",
|
||||
"r_cam" => "Rear camera"
|
||||
],
|
||||
"puzzles" => [
|
||||
"message" => "Select a puzzle in the list below :"
|
||||
],
|
||||
"nav" => [
|
||||
"title" => "",
|
||||
"home" => "Home",
|
||||
"title" => "Treasure Hunt Pange",
|
||||
"home" => "Home"
|
||||
],
|
||||
"footer" => [
|
||||
"text" => "Lycée Jean de Pange Sarreguemines",
|
||||
],
|
||||
"text" => "Lycée Jean de Pange Sarreguemines"
|
||||
]
|
||||
];
|
||||
?>
|
||||
|
|
@ -1,24 +1,37 @@
|
|||
<?php
|
||||
$tr = [
|
||||
"tab_title" => [
|
||||
"home" => "Accueil",
|
||||
"article" => "",
|
||||
"home" => "Accueil - Chasse au trésor Lycée Pange",
|
||||
"puzzles" => "Liste des énigmes - Chasse au trésor Lycée Pange",
|
||||
"article" => "Énigme - Chasse au trésor Lycée Pange"
|
||||
],
|
||||
"page_title" => [
|
||||
"home" => "Accueil",
|
||||
"article" => "",
|
||||
"home" => "Chasse au trésor",
|
||||
"puzzles" => "Liste des puzzles pour l'équipe n°",
|
||||
"article" => "Énigme n°"
|
||||
],
|
||||
"home" => [
|
||||
"subtitle" => "Bienvenue !",
|
||||
"message" => "Page dédiée au test de scan de QR code.",
|
||||
"art_but" => "Voir ",
|
||||
"subtitle" => "Bienvenue à la chasse au trésor du Lycée Jean de Pange de Sarreguemines !",
|
||||
"message" => "Pour commencer, veuillez choisir votre groupe :",
|
||||
"team" => "Équipe n°"
|
||||
],
|
||||
"article" => [
|
||||
"message" => "Cette énigme décrit un endroit précis. Dirigez-vous vers cet endroit, puis scannez le QR code que vous-y trouverez.",
|
||||
"success" => "Bien joué ! Votre équipe a résolu cette énigme !",
|
||||
"qr_but" => "Scanner le QR code",
|
||||
"cam_sel" => "Caméra sélectionnée :",
|
||||
"f_cam" => "Caméra avant",
|
||||
"r_cam" => "Caméra arrière"
|
||||
],
|
||||
"puzzles" => [
|
||||
"message" => "Choisissez une énigme dans la liste ci-dessous :"
|
||||
],
|
||||
"nav" => [
|
||||
"title" => "",
|
||||
"home" => "Accueil",
|
||||
"title" => "Chasse au trésor Pange",
|
||||
"home" => "Accueil"
|
||||
],
|
||||
"footer" => [
|
||||
"text" => "Lycée Jean de Pange Sarreguemines",
|
||||
],
|
||||
"text" => "Lycée Jean de Pange Sarreguemines"
|
||||
]
|
||||
];
|
||||
?>
|
||||
|
|
@ -1,5 +1,8 @@
|
|||
<?php
|
||||
$url = $_SERVER["PHP_SELF"] . "?";
|
||||
if (isset($_GET["team"])) {
|
||||
$url = $url . "team=" . htmlspecialchars($_GET["team"]) . "&";
|
||||
}
|
||||
if (isset($_GET["id"])) {
|
||||
$url = $url . "id=" . htmlspecialchars($_GET["id"]) . "&";
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue