var/cache/dev/twig/ab/abdc6bea67325ad6b3755d2fd0648e4f.php line 55

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* pages/listelivre.html.twig */
  18. class __TwigTemplate_2a8fb7fa7eca9999182491f324d06712 extends Template
  19. {
  20. private Source $source;
  21. /**
  22. * @var array<string, Template>
  23. */
  24. private array $macros = [];
  26. public function __construct(Environment $env)
  27. {
  28. parent::__construct($env);
  30. $this->source = $this->getSourceContext();
  32. $this->blocks = [
  33. 'body' => [$this, 'block_body'],
  34. 'stylesheets' => [$this, 'block_stylesheets'],
  35. 'javascripts' => [$this, 'block_javascripts'],
  36. ];
  37. }
  39. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  40. {
  41. // line 1
  42. return "base.html.twig";
  43. }
  45. protected function doDisplay(array $context, array $blocks = []): iterable
  46. {
  47. $macros = $this->macros;
  48. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  49. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "pages/listelivre.html.twig"));
  51. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  52. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "pages/listelivre.html.twig"));
  54. $this->parent = $this->loadTemplate("base.html.twig", "pages/listelivre.html.twig", 1);
  55. yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  57. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  60. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62. }
  64. // line 3
  65. /**
  66. * @return iterable<null|scalar|\Stringable>
  67. */
  68. public function block_body(array $context, array $blocks = []): iterable
  69. {
  70. $macros = $this->macros;
  71. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  72. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  74. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  75. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  77. // line 4
  78. yield "<div id=\"titleListe\">
  79. ";
  80. // line 5
  81. if ((array_key_exists("isSearchResult", $context) && (isset($context["isSearchResult"]) || array_key_exists("isSearchResult", $context) ? $context["isSearchResult"] : (function () { throw new RuntimeError('Variable "isSearchResult" does not exist.', 5, $this->source); })()))) {
  82. // line 6
  83. yield " <!-- Résultats de recherche avec formulaire de modification -->
  84. <div class=\"card mb-4\">
  85. <div class=\"card-header\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\">
  86. <div class=\"d-flex justify-content-between align-items-center\">
  87. <h5 class=\"mb-0 text-white\">
  88. <i class=\"fas fa-search\"></i> Résultats de recherche
  89. </h5>
  90. ";
  91. // line 13
  92. if (((isset($context["totalResults"]) || array_key_exists("totalResults", $context) ? $context["totalResults"] : (function () { throw new RuntimeError('Variable "totalResults" does not exist.', 13, $this->source); })()) > 0)) {
  93. // line 14
  94. yield " <span class=\"badge badge-light px-3 py-2\">";
  95. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["totalResults"]) || array_key_exists("totalResults", $context) ? $context["totalResults"] : (function () { throw new RuntimeError('Variable "totalResults" does not exist.', 14, $this->source); })()), "html", null, true);
  96. yield " livre(s)</span>
  97. ";
  98. }
  99. // line 16
  100. yield " </div>
  101. </div>
  102. <div class=\"card-body\">
  103. <!-- Formulaire de recherche intégré -->
  104. <form action=\"";
  105. // line 20
  106. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("searchBook");
  107. yield "\" method=\"get\" class=\"mb-3\" id=\"searchForm\">
  108. <div class=\"row\">
  109. <div class=\"col-md-5 mb-2\">
  110. <div class=\"input-group\">
  111. <div class=\"input-group-prepend\">
  112. <span class=\"input-group-text bg-white border-right-0\"><i class=\"fas fa-book text-primary\"></i></span>
  113. </div>
  114. <input type=\"text\" name=\"value\" class=\"form-control border-left-0\" id=\"search\"
  115. value=\"";
  116. // line 28
  117. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["searchQuery"]) || array_key_exists("searchQuery", $context) ? $context["searchQuery"] : (function () { throw new RuntimeError('Variable "searchQuery" does not exist.', 28, $this->source); })()), "html", null, true);
  118. yield "\"
  119. placeholder=\"Titre, auteur ou ISBN...\">
  120. <div class=\"input-group-append d-md-none\">
  121. <button type=\"button\" class=\"btn bg-white border-left-0\" id=\"scanBarcodeBtn\" title=\"Scanner un code-barres\" style=\"border-color: #ced4da; color: #6c757d;\">
  122. <i class=\"fas fa-barcode\"></i>
  123. </button>
  124. </div>
  125. </div>
  126. </div>
  127. <div class=\"col-md-4 mb-2\">
  128. <select name=\"user\" class=\"form-control\">
  129. <option value=\"0\">Toutes les bibliothèques</option>
  130. ";
  131. // line 40
  132. if (array_key_exists("users", $context)) {
  133. // line 41
  134. yield " ";
  135. $context['_parent'] = $context;
  136. $context['_seq'] = CoreExtension::ensureTraversable((isset($context["users"]) || array_key_exists("users", $context) ? $context["users"] : (function () { throw new RuntimeError('Variable "users" does not exist.', 41, $this->source); })()));
  137. foreach ($context['_seq'] as $context["_key"] => $context["user"]) {
  138. // line 42
  139. yield " <option value=\"";
  140. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["user"], "id", [], "any", false, false, false, 42), "html", null, true);
  141. yield "\" ";
  142. if ((array_key_exists("searchUserId", $context) && ((isset($context["searchUserId"]) || array_key_exists("searchUserId", $context) ? $context["searchUserId"] : (function () { throw new RuntimeError('Variable "searchUserId" does not exist.', 42, $this->source); })()) == CoreExtension::getAttribute($this->env, $this->source, $context["user"], "id", [], "any", false, false, false, 42)))) {
  143. yield "selected";
  144. }
  145. yield ">
  146. ";
  147. // line 43
  148. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["user"], "name", [], "any", false, false, false, 43), "html", null, true);
  149. yield " ";
  150. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["user"], "lastName", [], "any", false, false, false, 43), "html", null, true);
  151. yield "
  152. </option>
  153. ";
  154. }
  155. $_parent = $context['_parent'];
  156. unset($context['_seq'], $context['_key'], $context['user'], $context['_parent']);
  157. $context = array_intersect_key($context, $_parent) + $_parent;
  158. // line 46
  159. yield " ";
  160. }
  161. // line 47
  162. yield " </select>
  163. </div>
  164. <div class=\"col-md-3 mb-2\">
  165. <button type=\"submit\" class=\"btn btn-primary btn-block\">
  166. <i class=\"fas fa-search\"></i> Rechercher
  167. </button>
  168. </div>
  169. </div>
  170. </form>
  172. <!-- Zone de scan de code-barres -->
  173. <div id=\"barcodeScannerContainer\" class=\"mb-3\" style=\"display: none;\">
  174. <div class=\"card border-primary\">
  175. <div class=\"card-header bg-primary text-white d-flex justify-content-between align-items-center py-2\">
  176. <span><i class=\"fas fa-camera\"></i> Scanner un code-barres ISBN</span>
  177. <button type=\"button\" class=\"btn btn-sm btn-light\" id=\"closeScannerBtn\">
  178. <i class=\"fas fa-times\"></i>
  179. </button>
  180. </div>
  181. <div class=\"card-body p-0\">
  182. <div id=\"barcodeReader\" style=\"width: 100%;\"></div>
  183. <div class=\"p-2\">
  184. <p class=\"text-muted small mb-0\">
  185. <i class=\"fas fa-info-circle\"></i> Positionnez le code-barres ISBN devant la caméra.
  186. </p>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  192. <div class=\"d-flex flex-wrap align-items-center mb-3\">
  193. <span class=\"mr-2 text-muted\">Recherche actuelle :</span>
  194. <span class=\"badge badge-primary mr-2 px-3 py-2\" style=\"font-size: 0.95rem;\">";
  195. // line 79
  196. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["searchQuery"]) || array_key_exists("searchQuery", $context) ? $context["searchQuery"] : (function () { throw new RuntimeError('Variable "searchQuery" does not exist.', 79, $this->source); })()), "html", null, true);
  197. yield "</span>
  198. ";
  199. // line 80
  200. if ((isset($context["searchUser"]) || array_key_exists("searchUser", $context) ? $context["searchUser"] : (function () { throw new RuntimeError('Variable "searchUser" does not exist.', 80, $this->source); })())) {
  201. // line 81
  202. yield " <span class=\"badge badge-success px-3 py-2\" style=\"font-size: 0.95rem;\">
  203. <i class=\"fas fa-user\"></i> ";
  204. // line 82
  205. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["searchUser"]) || array_key_exists("searchUser", $context) ? $context["searchUser"] : (function () { throw new RuntimeError('Variable "searchUser" does not exist.', 82, $this->source); })()), "html", null, true);
  206. yield "
  207. </span>
  208. ";
  209. }
  210. // line 85
  211. yield " </div>
  213. ";
  214. // line 87
  215. if (((isset($context["totalResults"]) || array_key_exists("totalResults", $context) ? $context["totalResults"] : (function () { throw new RuntimeError('Variable "totalResults" does not exist.', 87, $this->source); })()) == 0)) {
  216. // line 88
  217. yield " <div class=\"alert alert-warning border-0\" style=\"background-color: #fff3cd;\">
  218. <h5 class=\"alert-heading\"><i class=\"fas fa-exclamation-triangle\"></i> Aucun résultat</h5>
  219. <p class=\"mb-2\">Aucun livre ne correspond à \"<strong>";
  220. // line 90
  221. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["searchQuery"]) || array_key_exists("searchQuery", $context) ? $context["searchQuery"] : (function () { throw new RuntimeError('Variable "searchQuery" does not exist.', 90, $this->source); })()), "html", null, true);
  222. yield "</strong>\"</p>
  223. <hr>
  224. <p class=\"mb-0 small\">
  225. <strong>Suggestions :</strong> Vérifiez l'orthographe, essayez des termes plus généraux, ou vérifiez le code ISBN.
  226. </p>
  227. </div>
  228. ";
  229. }
  230. // line 97
  231. yield "
  232. <div class=\"d-flex flex-wrap\">
  233. <a href=\"";
  234. // line 99
  235. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("listesLivres");
  236. yield "\" class=\"btn btn-outline-secondary mb-2\">
  237. <i class=\"fas fa-list\"></i> Tout le catalogue
  238. </a>
  239. </div>
  240. </div>
  241. </div>
  242. ";
  243. } else {
  244. // line 106
  245. yield " <!-- Liste complète des livres -->
  246. <div class=\"card mb-4\">
  247. <div class=\"card-header\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\">
  248. <div class=\"d-flex justify-content-between align-items-center\">
  249. <h5 class=\"mb-0 text-white\">
  250. <i class=\"fas fa-book\"></i> Catalogue complet
  251. </h5>
  252. <a href=\"";
  253. // line 113
  254. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("index");
  255. yield "\" class=\"btn btn-light btn-sm\">
  256. <i class=\"fas fa-search\"></i> Rechercher
  257. </a>
  258. </div>
  259. </div>
  260. <div class=\"card-body py-2\">
  261. <small class=\"text-muted\">
  262. <i class=\"fas fa-info-circle\"></i>
  263. Cliquez sur une couverture pour l'agrandir, ou sur un titre pour voir les détails.
  264. </small>
  265. </div>
  266. </div>
  267. ";
  268. }
  269. // line 126
  270. yield "</div>
  272. ";
  273. // line 128
  274. if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["Listelivres"]) || array_key_exists("Listelivres", $context) ? $context["Listelivres"] : (function () { throw new RuntimeError('Variable "Listelivres" does not exist.', 128, $this->source); })())) > 0)) {
  275. // line 129
  276. yield " ";
  277. yield from $this->loadTemplate("includes/tableauLivres.html.twig", "pages/listelivre.html.twig", 129)->unwrap()->yield(CoreExtension::merge($context, ["pagination" => (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 129, $this->source); })()), "images" => (isset($context["images"]) || array_key_exists("images", $context) ? $context["images"] : (function () { throw new RuntimeError('Variable "images" does not exist.', 129, $this->source); })()), "Listelivres" => (isset($context["Listelivres"]) || array_key_exists("Listelivres", $context) ? $context["Listelivres"] : (function () { throw new RuntimeError('Variable "Listelivres" does not exist.', 129, $this->source); })())]));
  278. }
  279. // line 131
  280. yield "
  281. ";
  283. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  286. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  288. yield from [];
  289. }
  291. // line 135
  292. /**
  293. * @return iterable<null|scalar|\Stringable>
  294. */
  295. public function block_stylesheets(array $context, array $blocks = []): iterable
  296. {
  297. $macros = $this->macros;
  298. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  299. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  301. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  302. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  304. // line 136
  305. yield " ";
  306. yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
  307. yield "
  308. <style>
  309. /* Arrondir le bord droit de l'input sur desktop (quand le bouton scan est caché) */
  310. @media (min-width: 768px) {
  311. #search {
  312. border-top-right-radius: 0.25rem !important;
  313. border-bottom-right-radius: 0.25rem !important;
  314. }
  315. }
  316. </style>
  317. ";
  319. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  322. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  324. yield from [];
  325. }
  327. // line 148
  328. /**
  329. * @return iterable<null|scalar|\Stringable>
  330. */
  331. public function block_javascripts(array $context, array $blocks = []): iterable
  332. {
  333. $macros = $this->macros;
  334. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  335. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  337. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  338. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  340. // line 149
  341. yield " ";
  342. yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  343. yield "
  345. <!-- Bibliothèque html5-qrcode pour le scan de code-barres -->
  346. <script src=\"https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js\"></script>
  348. <script>
  349. \$(document).ready(function () {
  350. var modal = document.getElementById(\"myModal\");
  351. var modalImg = document.getElementById(\"img01\");
  352. var captionText = document.getElementById(\"caption\");
  354. // Fermer la modale en cliquant sur le X
  355. \$('.image-modal-close').click(function() {
  356. modal.style.display = \"none\";
  357. });
  359. // Fermer la modale en cliquant sur le fond
  360. \$('#myModal').click(function (event) {
  361. if (event.target === modal) {
  362. modal.style.display = \"none\";
  363. }
  364. });
  366. // Ouvrir la modale en cliquant sur une image
  367. \$('.img-cover').click(function (event) {
  368. var image = document.getElementById(event.target.id);
  369. modal.style.display = \"block\";
  370. modalImg.src = image.src;
  371. captionText.innerHTML = image.alt;
  372. });
  374. // Fermer avec Echap
  375. \$(document).keydown(function(e) {
  376. if (e.keyCode === 27) {
  377. modal.style.display = \"none\";
  378. }
  379. });
  381. // Scanner de code-barres
  382. let html5QrCode = null;
  383. let isScanning = false;
  385. \$('#scanBarcodeBtn').click(function() {
  386. \$('#barcodeScannerContainer').slideDown();
  387. startScanner();
  388. });
  390. \$('#closeScannerBtn').click(function() {
  391. stopScanner();
  392. \$('#barcodeScannerContainer').slideUp();
  393. });
  395. function startScanner() {
  396. if (isScanning) return;
  398. html5QrCode = new Html5Qrcode(\"barcodeReader\");
  400. const config = {
  401. fps: 10,
  402. qrbox: { width: 250, height: 100 },
  403. formatsToSupport: [
  404. Html5QrcodeSupportedFormats.EAN_13,
  405. Html5QrcodeSupportedFormats.EAN_8,
  406. Html5QrcodeSupportedFormats.UPC_A,
  407. Html5QrcodeSupportedFormats.UPC_E,
  408. Html5QrcodeSupportedFormats.CODE_128,
  409. Html5QrcodeSupportedFormats.CODE_39
  410. ]
  411. };
  413. html5QrCode.start(
  414. { facingMode: \"environment\" },
  415. config,
  416. onScanSuccess,
  417. onScanError
  418. ).then(() => {
  419. isScanning = true;
  420. }).catch((err) => {
  421. console.error(\"Erreur démarrage scanner:\", err);
  422. showScannerError(\"Impossible d'accéder à la caméra. Vérifiez les permissions.\");
  423. });
  424. }
  426. function stopScanner() {
  427. if (html5QrCode && isScanning) {
  428. html5QrCode.stop().then(() => {
  429. isScanning = false;
  430. html5QrCode.clear();
  431. }).catch((err) => {
  432. console.error(\"Erreur arrêt scanner:\", err);
  433. });
  434. }
  435. }
  437. function onScanSuccess(decodedText, decodedResult) {
  438. try {
  439. const audioContext = new (window.AudioContext || window.webkitAudioContext)();
  440. const oscillator = audioContext.createOscillator();
  441. oscillator.type = 'sine';
  442. oscillator.frequency.setValueAtTime(800, audioContext.currentTime);
  443. oscillator.connect(audioContext.destination);
  444. oscillator.start();
  445. oscillator.stop(audioContext.currentTime + 0.1);
  446. } catch(e) {}
  448. \$('#search').val(decodedText);
  449. showScannerSuccess(\"Code-barres détecté : \" + decodedText);
  450. stopScanner();
  452. setTimeout(function() {
  453. \$('#barcodeScannerContainer').slideUp();
  454. }, 1000);
  455. }
  457. function onScanError(errorMessage) {}
  459. function showScannerSuccess(message) {
  460. const alertHtml = '<div class=\"alert alert-success alert-dismissible fade show m-3\" role=\"alert\">' +
  461. '<i class=\"fas fa-check-circle\"></i> ' + message +
  462. '<button type=\"button\" class=\"close\" data-dismiss=\"alert\"><span>&times;</span></button>' +
  463. '</div>';
  464. \$('#barcodeReader').after(alertHtml);
  465. }
  467. function showScannerError(message) {
  468. const alertHtml = '<div class=\"alert alert-danger m-3\" role=\"alert\">' +
  469. '<i class=\"fas fa-exclamation-triangle\"></i> ' + message +
  470. '</div>';
  471. \$('#barcodeReader').html(alertHtml);
  472. }
  473. });
  474. </script>
  476. ";
  478. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  481. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  483. yield from [];
  484. }
  486. /**
  487. * @codeCoverageIgnore
  488. */
  489. public function getTemplateName(): string
  490. {
  491. return "pages/listelivre.html.twig";
  492. }
  494. /**
  495. * @codeCoverageIgnore
  496. */
  497. public function isTraitable(): bool
  498. {
  499. return false;
  500. }
  502. /**
  503. * @codeCoverageIgnore
  504. */
  505. public function getDebugInfo(): array
  506. {
  507. return array ( 341 => 149, 328 => 148, 305 => 136, 292 => 135, 280 => 131, 276 => 129, 274 => 128, 270 => 126, 254 => 113, 245 => 106, 235 => 99, 231 => 97, 221 => 90, 217 => 88, 215 => 87, 211 => 85, 205 => 82, 202 => 81, 200 => 80, 196 => 79, 162 => 47, 159 => 46, 148 => 43, 139 => 42, 134 => 41, 132 => 40, 117 => 28, 106 => 20, 100 => 16, 94 => 14, 92 => 13, 83 => 6, 81 => 5, 78 => 4, 65 => 3, 42 => 1,);
  508. }
  510. public function getSourceContext(): Source
  511. {
  512. return new Source("{% extends 'base.html.twig' %}
  514. {% block body %}
  515. <div id=\"titleListe\">
  516. {% if isSearchResult is defined and isSearchResult %}
  517. <!-- Résultats de recherche avec formulaire de modification -->
  518. <div class=\"card mb-4\">
  519. <div class=\"card-header\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\">
  520. <div class=\"d-flex justify-content-between align-items-center\">
  521. <h5 class=\"mb-0 text-white\">
  522. <i class=\"fas fa-search\"></i> Résultats de recherche
  523. </h5>
  524. {% if totalResults > 0 %}
  525. <span class=\"badge badge-light px-3 py-2\">{{ totalResults }} livre(s)</span>
  526. {% endif %}
  527. </div>
  528. </div>
  529. <div class=\"card-body\">
  530. <!-- Formulaire de recherche intégré -->
  531. <form action=\"{{ path('searchBook') }}\" method=\"get\" class=\"mb-3\" id=\"searchForm\">
  532. <div class=\"row\">
  533. <div class=\"col-md-5 mb-2\">
  534. <div class=\"input-group\">
  535. <div class=\"input-group-prepend\">
  536. <span class=\"input-group-text bg-white border-right-0\"><i class=\"fas fa-book text-primary\"></i></span>
  537. </div>
  538. <input type=\"text\" name=\"value\" class=\"form-control border-left-0\" id=\"search\"
  539. value=\"{{ searchQuery }}\"
  540. placeholder=\"Titre, auteur ou ISBN...\">
  541. <div class=\"input-group-append d-md-none\">
  542. <button type=\"button\" class=\"btn bg-white border-left-0\" id=\"scanBarcodeBtn\" title=\"Scanner un code-barres\" style=\"border-color: #ced4da; color: #6c757d;\">
  543. <i class=\"fas fa-barcode\"></i>
  544. </button>
  545. </div>
  546. </div>
  547. </div>
  548. <div class=\"col-md-4 mb-2\">
  549. <select name=\"user\" class=\"form-control\">
  550. <option value=\"0\">Toutes les bibliothèques</option>
  551. {% if users is defined %}
  552. {% for user in users %}
  553. <option value=\"{{ user.id }}\" {% if searchUserId is defined and searchUserId == user.id %}selected{% endif %}>
  554. {{ user.name }} {{ user.lastName }}
  555. </option>
  556. {% endfor %}
  557. {% endif %}
  558. </select>
  559. </div>
  560. <div class=\"col-md-3 mb-2\">
  561. <button type=\"submit\" class=\"btn btn-primary btn-block\">
  562. <i class=\"fas fa-search\"></i> Rechercher
  563. </button>
  564. </div>
  565. </div>
  566. </form>
  568. <!-- Zone de scan de code-barres -->
  569. <div id=\"barcodeScannerContainer\" class=\"mb-3\" style=\"display: none;\">
  570. <div class=\"card border-primary\">
  571. <div class=\"card-header bg-primary text-white d-flex justify-content-between align-items-center py-2\">
  572. <span><i class=\"fas fa-camera\"></i> Scanner un code-barres ISBN</span>
  573. <button type=\"button\" class=\"btn btn-sm btn-light\" id=\"closeScannerBtn\">
  574. <i class=\"fas fa-times\"></i>
  575. </button>
  576. </div>
  577. <div class=\"card-body p-0\">
  578. <div id=\"barcodeReader\" style=\"width: 100%;\"></div>
  579. <div class=\"p-2\">
  580. <p class=\"text-muted small mb-0\">
  581. <i class=\"fas fa-info-circle\"></i> Positionnez le code-barres ISBN devant la caméra.
  582. </p>
  583. </div>
  584. </div>
  585. </div>
  586. </div>
  588. <div class=\"d-flex flex-wrap align-items-center mb-3\">
  589. <span class=\"mr-2 text-muted\">Recherche actuelle :</span>
  590. <span class=\"badge badge-primary mr-2 px-3 py-2\" style=\"font-size: 0.95rem;\">{{ searchQuery }}</span>
  591. {% if searchUser %}
  592. <span class=\"badge badge-success px-3 py-2\" style=\"font-size: 0.95rem;\">
  593. <i class=\"fas fa-user\"></i> {{ searchUser }}
  594. </span>
  595. {% endif %}
  596. </div>
  598. {% if totalResults == 0 %}
  599. <div class=\"alert alert-warning border-0\" style=\"background-color: #fff3cd;\">
  600. <h5 class=\"alert-heading\"><i class=\"fas fa-exclamation-triangle\"></i> Aucun résultat</h5>
  601. <p class=\"mb-2\">Aucun livre ne correspond à \"<strong>{{ searchQuery }}</strong>\"</p>
  602. <hr>
  603. <p class=\"mb-0 small\">
  604. <strong>Suggestions :</strong> Vérifiez l'orthographe, essayez des termes plus généraux, ou vérifiez le code ISBN.
  605. </p>
  606. </div>
  607. {% endif %}
  609. <div class=\"d-flex flex-wrap\">
  610. <a href=\"{{ path('listesLivres') }}\" class=\"btn btn-outline-secondary mb-2\">
  611. <i class=\"fas fa-list\"></i> Tout le catalogue
  612. </a>
  613. </div>
  614. </div>
  615. </div>
  616. {% else %}
  617. <!-- Liste complète des livres -->
  618. <div class=\"card mb-4\">
  619. <div class=\"card-header\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\">
  620. <div class=\"d-flex justify-content-between align-items-center\">
  621. <h5 class=\"mb-0 text-white\">
  622. <i class=\"fas fa-book\"></i> Catalogue complet
  623. </h5>
  624. <a href=\"{{ path('index') }}\" class=\"btn btn-light btn-sm\">
  625. <i class=\"fas fa-search\"></i> Rechercher
  626. </a>
  627. </div>
  628. </div>
  629. <div class=\"card-body py-2\">
  630. <small class=\"text-muted\">
  631. <i class=\"fas fa-info-circle\"></i>
  632. Cliquez sur une couverture pour l'agrandir, ou sur un titre pour voir les détails.
  633. </small>
  634. </div>
  635. </div>
  636. {% endif %}
  637. </div>
  639. {% if Listelivres|length > 0 %}
  640. {% include 'includes/tableauLivres.html.twig' with {'pagination' : pagination, 'images' : images, 'Listelivres' : Listelivres}%}
  641. {% endif %}
  643. {% endblock %}
  646. {% block stylesheets %}
  647. {{ parent() }}
  648. <style>
  649. /* Arrondir le bord droit de l'input sur desktop (quand le bouton scan est caché) */
  650. @media (min-width: 768px) {
  651. #search {
  652. border-top-right-radius: 0.25rem !important;
  653. border-bottom-right-radius: 0.25rem !important;
  654. }
  655. }
  656. </style>
  657. {% endblock %}
  659. {% block javascripts %}
  660. {{parent()}}
  662. <!-- Bibliothèque html5-qrcode pour le scan de code-barres -->
  663. <script src=\"https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js\"></script>
  665. <script>
  666. \$(document).ready(function () {
  667. var modal = document.getElementById(\"myModal\");
  668. var modalImg = document.getElementById(\"img01\");
  669. var captionText = document.getElementById(\"caption\");
  671. // Fermer la modale en cliquant sur le X
  672. \$('.image-modal-close').click(function() {
  673. modal.style.display = \"none\";
  674. });
  676. // Fermer la modale en cliquant sur le fond
  677. \$('#myModal').click(function (event) {
  678. if (event.target === modal) {
  679. modal.style.display = \"none\";
  680. }
  681. });
  683. // Ouvrir la modale en cliquant sur une image
  684. \$('.img-cover').click(function (event) {
  685. var image = document.getElementById(event.target.id);
  686. modal.style.display = \"block\";
  687. modalImg.src = image.src;
  688. captionText.innerHTML = image.alt;
  689. });
  691. // Fermer avec Echap
  692. \$(document).keydown(function(e) {
  693. if (e.keyCode === 27) {
  694. modal.style.display = \"none\";
  695. }
  696. });
  698. // Scanner de code-barres
  699. let html5QrCode = null;
  700. let isScanning = false;
  702. \$('#scanBarcodeBtn').click(function() {
  703. \$('#barcodeScannerContainer').slideDown();
  704. startScanner();
  705. });
  707. \$('#closeScannerBtn').click(function() {
  708. stopScanner();
  709. \$('#barcodeScannerContainer').slideUp();
  710. });
  712. function startScanner() {
  713. if (isScanning) return;
  715. html5QrCode = new Html5Qrcode(\"barcodeReader\");
  717. const config = {
  718. fps: 10,
  719. qrbox: { width: 250, height: 100 },
  720. formatsToSupport: [
  721. Html5QrcodeSupportedFormats.EAN_13,
  722. Html5QrcodeSupportedFormats.EAN_8,
  723. Html5QrcodeSupportedFormats.UPC_A,
  724. Html5QrcodeSupportedFormats.UPC_E,
  725. Html5QrcodeSupportedFormats.CODE_128,
  726. Html5QrcodeSupportedFormats.CODE_39
  727. ]
  728. };
  730. html5QrCode.start(
  731. { facingMode: \"environment\" },
  732. config,
  733. onScanSuccess,
  734. onScanError
  735. ).then(() => {
  736. isScanning = true;
  737. }).catch((err) => {
  738. console.error(\"Erreur démarrage scanner:\", err);
  739. showScannerError(\"Impossible d'accéder à la caméra. Vérifiez les permissions.\");
  740. });
  741. }
  743. function stopScanner() {
  744. if (html5QrCode && isScanning) {
  745. html5QrCode.stop().then(() => {
  746. isScanning = false;
  747. html5QrCode.clear();
  748. }).catch((err) => {
  749. console.error(\"Erreur arrêt scanner:\", err);
  750. });
  751. }
  752. }
  754. function onScanSuccess(decodedText, decodedResult) {
  755. try {
  756. const audioContext = new (window.AudioContext || window.webkitAudioContext)();
  757. const oscillator = audioContext.createOscillator();
  758. oscillator.type = 'sine';
  759. oscillator.frequency.setValueAtTime(800, audioContext.currentTime);
  760. oscillator.connect(audioContext.destination);
  761. oscillator.start();
  762. oscillator.stop(audioContext.currentTime + 0.1);
  763. } catch(e) {}
  765. \$('#search').val(decodedText);
  766. showScannerSuccess(\"Code-barres détecté : \" + decodedText);
  767. stopScanner();
  769. setTimeout(function() {
  770. \$('#barcodeScannerContainer').slideUp();
  771. }, 1000);
  772. }
  774. function onScanError(errorMessage) {}
  776. function showScannerSuccess(message) {
  777. const alertHtml = '<div class=\"alert alert-success alert-dismissible fade show m-3\" role=\"alert\">' +
  778. '<i class=\"fas fa-check-circle\"></i> ' + message +
  779. '<button type=\"button\" class=\"close\" data-dismiss=\"alert\"><span>&times;</span></button>' +
  780. '</div>';
  781. \$('#barcodeReader').after(alertHtml);
  782. }
  784. function showScannerError(message) {
  785. const alertHtml = '<div class=\"alert alert-danger m-3\" role=\"alert\">' +
  786. '<i class=\"fas fa-exclamation-triangle\"></i> ' + message +
  787. '</div>';
  788. \$('#barcodeReader').html(alertHtml);
  789. }
  790. });
  791. </script>
  793. {% endblock %}", "pages/listelivre.html.twig", "/home/jla23/project/DEV/Bdd-Books-DEV/templates/pages/listelivre.html.twig");
  794. }
  795. }