var/cache/dev/twig/1b/1b5fd8eabc9303fb3052d376954a82c4.php line 42

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. /* base.html.twig */
  18. class __TwigTemplate_a1e20a0471dae62b8df9961ef4ac47f2 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->parent = false;
  34. $this->blocks = [
  35. 'title' => [$this, 'block_title'],
  36. 'stylesheets' => [$this, 'block_stylesheets'],
  37. 'body' => [$this, 'block_body'],
  38. 'javascripts' => [$this, 'block_javascripts'],
  39. ];
  40. }
  42. protected function doDisplay(array $context, array $blocks = []): iterable
  43. {
  44. $macros = $this->macros;
  45. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  48. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  51. // line 1
  52. yield "<!DOCTYPE html>
  53. <html>
  54. <head>
  55. <meta charset=\"UTF-8\">
  56. <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  57. <title>";
  58. // line 6
  59. yield from $this->unwrap()->yieldBlock('title', $context, $blocks);
  60. yield "</title>
  61. ";
  62. // line 7
  63. yield from $this->unwrap()->yieldBlock('stylesheets', $context, $blocks);
  64. // line 191
  65. yield " </head>
  66. <body>
  67. <nav class=\"navbar navbar-light bg-light\">
  68. <div class=\"d-flex align-items-center\">
  69. <!-- Liste déroulante BDD-Books / BDD-Magazines -->
  70. <div class=\"dropdown mr-3\">
  71. <a class=\"navbar-brand dropdown-toggle\" href=\"#\" id=\"navbarBddDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">
  72. <i class=\"fas fa-database mr-1\"></i>BDD
  73. </a>
  74. <div class=\"dropdown-menu\" aria-labelledby=\"navbarBddDropdown\">
  75. <a class=\"dropdown-item\" href=\"";
  76. // line 201
  77. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("index");
  78. yield "\">
  79. <i class=\"fas fa-book mr-2 text-primary\"></i>BDD-Books
  80. </a>
  81. <a class=\"dropdown-item\" href=\"";
  82. // line 204
  83. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("magazines_search");
  84. yield "\">
  85. <i class=\"fas fa-newspaper mr-2 text-success\"></i>BDD-Magazines
  86. </a>
  87. </div>
  88. </div>
  89. </div>
  91. <div class=\"d-flex align-items-center\">
  92. ";
  93. // line 212
  94. if ($this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("IS_AUTHENTICATED_REMEMBERED")) {
  95. // line 213
  96. yield " <div class=\"dropdown\">
  97. <a class=\"user-menu-btn\" href=\"#\" id=\"navbarDropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">
  98. <div class=\"user-avatar\">
  99. ";
  100. // line 216
  101. if (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 216, $this->source); })()), "user", [], "any", false, false, false, 216), "logo", [], "any", false, false, false, 216)) {
  102. // line 217
  103. yield " <img src=\"";
  104. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/avatars/" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 217, $this->source); })()), "user", [], "any", false, false, false, 217), "logo", [], "any", false, false, false, 217))), "html", null, true);
  105. yield "\" alt=\"";
  106. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 217, $this->source); })()), "user", [], "any", false, false, false, 217), "username", [], "any", false, false, false, 217), "html", null, true);
  107. yield "\" class=\"user-avatar-img\">
  108. ";
  109. } else {
  110. // line 219
  111. yield " <span class=\"user-avatar-initials\">";
  112. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::upper($this->env->getCharset(), Twig\Extension\CoreExtension::first($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 219, $this->source); })()), "user", [], "any", false, false, false, 219), "name", [], "any", false, false, false, 219))), "html", null, true);
  113. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::upper($this->env->getCharset(), Twig\Extension\CoreExtension::first($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 219, $this->source); })()), "user", [], "any", false, false, false, 219), "lastname", [], "any", false, false, false, 219))), "html", null, true);
  114. yield "</span>
  115. ";
  116. }
  117. // line 221
  118. yield " </div>
  119. <span class=\"user-name d-none d-md-inline ml-2\">";
  120. // line 222
  121. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 222, $this->source); })()), "user", [], "any", false, false, false, 222), "username", [], "any", false, false, false, 222), "html", null, true);
  122. yield "</span>
  123. <i class=\"fas fa-chevron-down ml-1 small\"></i>
  124. </a>
  125. <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"navbarDropdownMenuLink\">
  126. <div class=\"dropdown-header\">
  127. <strong>";
  128. // line 227
  129. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 227, $this->source); })()), "user", [], "any", false, false, false, 227), "name", [], "any", false, false, false, 227), "html", null, true);
  130. yield " ";
  131. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 227, $this->source); })()), "user", [], "any", false, false, false, 227), "lastname", [], "any", false, false, false, 227), "html", null, true);
  132. yield "</strong>
  133. <br><small class=\"text-muted\">";
  134. // line 228
  135. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 228, $this->source); })()), "user", [], "any", false, false, false, 228), "email", [], "any", false, false, false, 228), "html", null, true);
  136. yield "</small>
  137. </div>
  138. <div class=\"dropdown-divider\"></div>
  139. <a class=\"dropdown-item\" href=\"";
  140. // line 231
  141. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("user_profile");
  142. yield "\">
  143. <i class=\"fas fa-user-cog mr-2\"></i>Mon profil
  144. </a>
  145. <div class=\"dropdown-divider\"></div>
  146. <a class=\"dropdown-item\" href=\"";
  147. // line 235
  148. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("magazines_list");
  149. yield "\">
  150. <i class=\"fas fa-newspaper mr-2\"></i>Magazines
  151. </a>
  152. <a class=\"dropdown-item\" href=\"";
  153. // line 238
  154. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("listesLivres");
  155. yield "\">
  156. <i class=\"fas fa-book mr-2\"></i>Livres
  157. </a>
  158. <div class=\"dropdown-divider\"></div>
  159. <a class=\"dropdown-item text-danger\" href=\"";
  160. // line 242
  161. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_logout");
  162. yield "\">
  163. <i class=\"fas fa-sign-out-alt mr-2\"></i>Déconnexion
  164. </a>
  165. </div>
  166. </div>
  167. ";
  168. } else {
  169. // line 248
  170. yield " <button class=\"btn btn-outline-primary btn-sm\" data-toggle=\"modal\" data-target=\"#loginModal\">
  171. <i class=\"fas fa-sign-in-alt mr-1\"></i>";
  172. // line 249
  173. yield "Connexion";
  174. yield "
  175. </button>
  176. ";
  177. }
  178. // line 252
  179. yield " </div>
  180. </nav>
  181. ";
  182. // line 254
  183. $context['_parent'] = $context;
  184. $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 254, $this->source); })()), "flashes", ["warning"], "method", false, false, false, 254));
  185. foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
  186. // line 255
  187. yield " <div class=\"alert alert-success\">
  188. ";
  189. // line 256
  190. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["message"], "html", null, true);
  191. yield "
  192. </div>
  193. ";
  194. }
  195. $_parent = $context['_parent'];
  196. unset($context['_seq'], $context['_key'], $context['message'], $context['_parent']);
  197. $context = array_intersect_key($context, $_parent) + $_parent;
  198. // line 259
  199. yield " <div id=\"bodyContain\">
  200. ";
  201. // line 260
  202. yield from $this->unwrap()->yieldBlock('body', $context, $blocks);
  203. // line 263
  204. yield " </div>
  206. ";
  207. // line 265
  208. if ( !$this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("IS_AUTHENTICATED_REMEMBERED")) {
  209. // line 266
  210. yield " ";
  211. yield from $this->loadTemplate("includes/loginModal.html.twig", "base.html.twig", 266)->unwrap()->yield($context);
  212. // line 267
  213. yield " ";
  214. }
  215. // line 268
  216. yield "
  217. ";
  218. // line 269
  219. yield from $this->unwrap()->yieldBlock('javascripts', $context, $blocks);
  220. // line 273
  221. yield " </body>
  222. </html>
  223. ";
  225. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  228. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  230. yield from [];
  231. }
  233. // line 6
  234. /**
  235. * @return iterable<null|scalar|\Stringable>
  236. */
  237. public function block_title(array $context, array $blocks = []): iterable
  238. {
  239. $macros = $this->macros;
  240. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  241. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  243. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  244. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  246. yield "BDD-Books";
  248. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  251. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  253. yield from [];
  254. }
  256. // line 7
  257. /**
  258. * @return iterable<null|scalar|\Stringable>
  259. */
  260. public function block_stylesheets(array $context, array $blocks = []): iterable
  261. {
  262. $macros = $this->macros;
  263. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  264. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  266. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  267. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  269. // line 8
  270. yield " <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css\">
  271. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css\">
  272. <style>
  273. /* Variables et styles globaux */
  274. :root {
  275. --primary-color: #4a90d9;
  276. --secondary-color: #6c757d;
  277. --success-color: #28a745;
  278. --bg-light: #f8f9fa;
  279. --shadow: 0 2px 10px rgba(0,0,0,0.1);
  280. }
  281. body { background-color: #f5f7fa; }
  283. /* _index.scss */
  284. #list_user { padding: 3%; }
  285. #list_user #users { text-align: center; }
  286. #list_user .logo { width: auto; height: 150px; }
  287. #list_user #div-btn-user { width: 100%; margin: auto; padding-top: 2%; padding-bottom: 1%; }
  288. #list_user #btn-user { text-align: center; width: 250px; height: 250px; }
  289. .navbar { width: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; box-shadow: var(--shadow); }
  290. .navbar .navbar-brand { color: white !important; font-weight: bold; font-size: 1.5rem; }
  291. .navbar .btn-outline-secondary { color: white; border-color: rgba(255,255,255,0.5); }
  292. .navbar .btn-outline-secondary:hover { background-color: rgba(255,255,255,0.2); color: white; }
  293. .navbar .btn-outline-primary { color: white; border-color: white; }
  294. .navbar .btn-outline-primary:hover { background-color: white; color: #667eea; }
  295. #circleUser { width: 30px; height: 30px; color: white; }
  296. #bodyContain { padding-top: 20px; }
  297. #titleListe { margin: 0 20px; }
  298. #acceuilSite { padding-top: 20px; justify-content: center; margin-right: 5%; margin-left: 5%; max-width: 1200px; margin: 20px auto; }
  299. #acceuilSite h2 { font-size: 2rem; text-align: center; padding-bottom: 10px; color: #333; }
  300. #acceuilSite .btn { margin-bottom: 10px; }
  301. #acceuilSite #cameraButton { position: absolute; top: 0; border-radius: 5px; right: 18px; z-index: 2; border: none; height: 38px; cursor: pointer; transform: translateX(2px); }
  302. #acceuilSite #divSearchButton { padding-top: 15px; }
  303. #acceuilSite #selectuser { padding-top: 15px; }
  304. .row { padding-bottom: 15px; }
  306. /* Cards améliorées */
  307. .card { border: none; border-radius: 12px; box-shadow: var(--shadow); transition: transform 0.2s, box-shadow 0.2s; }
  308. .card:hover { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,0.15); }
  309. .card-header { border-radius: 12px 12px 0 0 !important; }
  311. /* _tablivres.scss */
  312. #tableBook { padding: 20px; background: white; border-radius: 12px; box-shadow: var(--shadow); margin: 0 20px; }
  313. #tableBook table { margin-bottom: 0; }
  314. #tableBook thead th { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; padding: 15px 10px; font-weight: 500; }
  315. #tableBook thead th a { color: white; text-decoration: none; }
  316. #tableBook thead th a:hover { color: #ddd; }
  317. #tableBook tbody tr { transition: background-color 0.2s; }
  318. #tableBook tbody tr:hover { background-color: #f8f9fa; }
  319. #tableBook tbody td { vertical-align: middle; padding: 10px; border-color: #eee; }
  320. #tableBook tbody > tr { height: auto; min-height: 120px; }
  321. @media only screen and (max-device-width: 900px) {
  322. #tableBook { padding: 10px; margin: 0 10px; }
  323. #tableBook tr th:nth-child(3), #tableBook tr td:nth-child(3),
  324. #tableBook tr th:nth-child(4), #tableBook tr td:nth-child(4),
  325. #tableBook tr th:nth-child(5), #tableBook tr td:nth-child(5),
  326. #tableBook tr th:nth-child(6), #tableBook tr td:nth-child(6) { display: none; }
  327. }
  328. .pagination { display: flex; flex-wrap: wrap; padding: 20px 0; list-style: none; border-radius: 0.25rem; justify-content: center; }
  329. .pagination .page-link { border-radius: 8px; margin: 0 3px; border: none; color: #667eea; }
  330. .pagination .page-item.active .page-link { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; }
  331. .indexAuteur { flex-wrap: wrap; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; justify-content: center; }
  332. #myImg { border-radius: 8px; cursor: pointer; transition: 0.3s; }
  333. #myImg:hover { opacity: 0.7; }
  334. #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
  336. /* Images de couverture dans le tableau */
  337. .img-cover { border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: transform 0.2s, box-shadow 0.2s; }
  338. .img-cover:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(0,0,0,0.25); }
  340. /* Fix input-group alignment */
  341. .border-right-0 { border-right: 0 !important; }
  342. .border-left-0 { border-left: 0 !important; }
  343. .input-group-lg > .input-group-prepend > .input-group-text,
  344. .input-group-lg > .input-group-append > .btn {
  345. height: 100%;
  346. display: flex;
  347. align-items: center;
  348. }
  350. /* _livres.scss */
  351. #titleLivre { text-align: center; margin-bottom: 30px; }
  352. .detail-infos th, .detail-infos td { padding: 5px; }
  353. .cover { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
  354. .details_listuser { border-collapse: collapse; border: 2px solid black; font-family: sans-serif; font-size: 0.8rem; letter-spacing: 1px; }
  355. .details_listuser thead, .details_listuser tfoot { background-color: grey; }
  356. .details_listuser th, .details_listuser td { border: 1px solid black; padding: 8px 10px; }
  357. .details_listuser td:last-of-type { text-align: center; }
  359. /* Image Modal (pour la liste des livres) */
  360. .image-modal {
  361. display: none;
  362. position: fixed;
  363. z-index: 9999;
  364. padding-top: 50px;
  365. left: 0;
  366. top: 0;
  367. width: 100%;
  368. height: 100%;
  369. overflow: auto;
  370. background-color: rgba(0,0,0,0.9);
  371. }
  372. .image-modal-content {
  373. margin: auto;
  374. display: block;
  375. max-width: 80%;
  376. max-height: 80vh;
  377. animation: zoomIn 0.3s;
  378. }
  379. .image-modal-close {
  380. position: absolute;
  381. top: 15px;
  382. right: 35px;
  383. color: #f1f1f1;
  384. font-size: 40px;
  385. font-weight: bold;
  386. cursor: pointer;
  387. z-index: 10000;
  388. }
  389. .image-modal-close:hover { color: #bbb; }
  390. @keyframes zoomIn {
  391. from { transform: scale(0.5); opacity: 0; }
  392. to { transform: scale(1); opacity: 1; }
  393. }
  394. .img-cover { cursor: pointer; transition: opacity 0.3s; }
  395. .img-cover:hover { opacity: 0.7; }
  397. /* User Avatar Styles */
  398. .user-menu-btn {
  399. display: flex;
  400. align-items: center;
  401. text-decoration: none;
  402. color: white;
  403. padding: 5px 10px;
  404. border-radius: 25px;
  405. transition: background-color 0.2s;
  406. }
  407. .user-menu-btn:hover {
  408. background-color: rgba(255,255,255,0.2);
  409. text-decoration: none;
  410. color: white;
  411. }
  412. .user-avatar {
  413. width: 36px;
  414. height: 36px;
  415. border-radius: 50%;
  416. background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  417. display: flex;
  418. align-items: center;
  419. justify-content: center;
  420. border: 2px solid rgba(255,255,255,0.8);
  421. box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  422. }
  423. .user-avatar-img {
  424. width: 100%;
  425. height: 100%;
  426. border-radius: 50%;
  427. object-fit: cover;
  428. }
  429. .user-avatar-initials {
  430. color: white;
  431. font-weight: bold;
  432. font-size: 14px;
  433. text-transform: uppercase;
  434. }
  435. .user-name {
  436. font-weight: 500;
  437. font-size: 14px;
  438. }
  439. .dropdown-header {
  440. padding: 10px 15px;
  441. background-color: #f8f9fa;
  442. }
  444. /* Navbar Brand Dropdown */
  445. .navbar-brand.dropdown-toggle {
  446. cursor: pointer;
  447. }
  448. .navbar-brand.dropdown-toggle::after {
  449. margin-left: 8px;
  450. }
  451. </style>
  452. ";
  454. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  457. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  459. yield from [];
  460. }
  462. // line 260
  463. /**
  464. * @return iterable<null|scalar|\Stringable>
  465. */
  466. public function block_body(array $context, array $blocks = []): iterable
  467. {
  468. $macros = $this->macros;
  469. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  470. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  472. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  473. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  475. // line 261
  476. yield "
  477. ";
  479. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  482. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  484. yield from [];
  485. }
  487. // line 269
  488. /**
  489. * @return iterable<null|scalar|\Stringable>
  490. */
  491. public function block_javascripts(array $context, array $blocks = []): iterable
  492. {
  493. $macros = $this->macros;
  494. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  495. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  497. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  498. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  500. // line 270
  501. yield " <script src=\"https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js\"></script>
  502. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js\"></script>
  503. ";
  505. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  508. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  510. yield from [];
  511. }
  513. /**
  514. * @codeCoverageIgnore
  515. */
  516. public function getTemplateName(): string
  517. {
  518. return "base.html.twig";
  519. }
  521. /**
  522. * @codeCoverageIgnore
  523. */
  524. public function isTraitable(): bool
  525. {
  526. return false;
  527. }
  529. /**
  530. * @codeCoverageIgnore
  531. */
  532. public function getDebugInfo(): array
  533. {
  534. return array ( 501 => 270, 488 => 269, 476 => 261, 463 => 260, 270 => 8, 257 => 7, 234 => 6, 221 => 273, 219 => 269, 216 => 268, 213 => 267, 210 => 266, 208 => 265, 204 => 263, 202 => 260, 199 => 259, 190 => 256, 187 => 255, 183 => 254, 179 => 252, 173 => 249, 170 => 248, 161 => 242, 154 => 238, 148 => 235, 141 => 231, 135 => 228, 129 => 227, 121 => 222, 118 => 221, 111 => 219, 103 => 217, 101 => 216, 96 => 213, 94 => 212, 83 => 204, 77 => 201, 65 => 191, 63 => 7, 59 => 6, 52 => 1,);
  535. }
  537. public function getSourceContext(): Source
  538. {
  539. return new Source("<!DOCTYPE html>
  540. <html>
  541. <head>
  542. <meta charset=\"UTF-8\">
  543. <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  544. <title>{% block title %}BDD-Books{% endblock %}</title>
  545. {% block stylesheets %}
  546. <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css\">
  547. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css\">
  548. <style>
  549. /* Variables et styles globaux */
  550. :root {
  551. --primary-color: #4a90d9;
  552. --secondary-color: #6c757d;
  553. --success-color: #28a745;
  554. --bg-light: #f8f9fa;
  555. --shadow: 0 2px 10px rgba(0,0,0,0.1);
  556. }
  557. body { background-color: #f5f7fa; }
  559. /* _index.scss */
  560. #list_user { padding: 3%; }
  561. #list_user #users { text-align: center; }
  562. #list_user .logo { width: auto; height: 150px; }
  563. #list_user #div-btn-user { width: 100%; margin: auto; padding-top: 2%; padding-bottom: 1%; }
  564. #list_user #btn-user { text-align: center; width: 250px; height: 250px; }
  565. .navbar { width: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; box-shadow: var(--shadow); }
  566. .navbar .navbar-brand { color: white !important; font-weight: bold; font-size: 1.5rem; }
  567. .navbar .btn-outline-secondary { color: white; border-color: rgba(255,255,255,0.5); }
  568. .navbar .btn-outline-secondary:hover { background-color: rgba(255,255,255,0.2); color: white; }
  569. .navbar .btn-outline-primary { color: white; border-color: white; }
  570. .navbar .btn-outline-primary:hover { background-color: white; color: #667eea; }
  571. #circleUser { width: 30px; height: 30px; color: white; }
  572. #bodyContain { padding-top: 20px; }
  573. #titleListe { margin: 0 20px; }
  574. #acceuilSite { padding-top: 20px; justify-content: center; margin-right: 5%; margin-left: 5%; max-width: 1200px; margin: 20px auto; }
  575. #acceuilSite h2 { font-size: 2rem; text-align: center; padding-bottom: 10px; color: #333; }
  576. #acceuilSite .btn { margin-bottom: 10px; }
  577. #acceuilSite #cameraButton { position: absolute; top: 0; border-radius: 5px; right: 18px; z-index: 2; border: none; height: 38px; cursor: pointer; transform: translateX(2px); }
  578. #acceuilSite #divSearchButton { padding-top: 15px; }
  579. #acceuilSite #selectuser { padding-top: 15px; }
  580. .row { padding-bottom: 15px; }
  582. /* Cards améliorées */
  583. .card { border: none; border-radius: 12px; box-shadow: var(--shadow); transition: transform 0.2s, box-shadow 0.2s; }
  584. .card:hover { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,0.15); }
  585. .card-header { border-radius: 12px 12px 0 0 !important; }
  587. /* _tablivres.scss */
  588. #tableBook { padding: 20px; background: white; border-radius: 12px; box-shadow: var(--shadow); margin: 0 20px; }
  589. #tableBook table { margin-bottom: 0; }
  590. #tableBook thead th { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; padding: 15px 10px; font-weight: 500; }
  591. #tableBook thead th a { color: white; text-decoration: none; }
  592. #tableBook thead th a:hover { color: #ddd; }
  593. #tableBook tbody tr { transition: background-color 0.2s; }
  594. #tableBook tbody tr:hover { background-color: #f8f9fa; }
  595. #tableBook tbody td { vertical-align: middle; padding: 10px; border-color: #eee; }
  596. #tableBook tbody > tr { height: auto; min-height: 120px; }
  597. @media only screen and (max-device-width: 900px) {
  598. #tableBook { padding: 10px; margin: 0 10px; }
  599. #tableBook tr th:nth-child(3), #tableBook tr td:nth-child(3),
  600. #tableBook tr th:nth-child(4), #tableBook tr td:nth-child(4),
  601. #tableBook tr th:nth-child(5), #tableBook tr td:nth-child(5),
  602. #tableBook tr th:nth-child(6), #tableBook tr td:nth-child(6) { display: none; }
  603. }
  604. .pagination { display: flex; flex-wrap: wrap; padding: 20px 0; list-style: none; border-radius: 0.25rem; justify-content: center; }
  605. .pagination .page-link { border-radius: 8px; margin: 0 3px; border: none; color: #667eea; }
  606. .pagination .page-item.active .page-link { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; }
  607. .indexAuteur { flex-wrap: wrap; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; justify-content: center; }
  608. #myImg { border-radius: 8px; cursor: pointer; transition: 0.3s; }
  609. #myImg:hover { opacity: 0.7; }
  610. #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
  612. /* Images de couverture dans le tableau */
  613. .img-cover { border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: transform 0.2s, box-shadow 0.2s; }
  614. .img-cover:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(0,0,0,0.25); }
  616. /* Fix input-group alignment */
  617. .border-right-0 { border-right: 0 !important; }
  618. .border-left-0 { border-left: 0 !important; }
  619. .input-group-lg > .input-group-prepend > .input-group-text,
  620. .input-group-lg > .input-group-append > .btn {
  621. height: 100%;
  622. display: flex;
  623. align-items: center;
  624. }
  626. /* _livres.scss */
  627. #titleLivre { text-align: center; margin-bottom: 30px; }
  628. .detail-infos th, .detail-infos td { padding: 5px; }
  629. .cover { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
  630. .details_listuser { border-collapse: collapse; border: 2px solid black; font-family: sans-serif; font-size: 0.8rem; letter-spacing: 1px; }
  631. .details_listuser thead, .details_listuser tfoot { background-color: grey; }
  632. .details_listuser th, .details_listuser td { border: 1px solid black; padding: 8px 10px; }
  633. .details_listuser td:last-of-type { text-align: center; }
  635. /* Image Modal (pour la liste des livres) */
  636. .image-modal {
  637. display: none;
  638. position: fixed;
  639. z-index: 9999;
  640. padding-top: 50px;
  641. left: 0;
  642. top: 0;
  643. width: 100%;
  644. height: 100%;
  645. overflow: auto;
  646. background-color: rgba(0,0,0,0.9);
  647. }
  648. .image-modal-content {
  649. margin: auto;
  650. display: block;
  651. max-width: 80%;
  652. max-height: 80vh;
  653. animation: zoomIn 0.3s;
  654. }
  655. .image-modal-close {
  656. position: absolute;
  657. top: 15px;
  658. right: 35px;
  659. color: #f1f1f1;
  660. font-size: 40px;
  661. font-weight: bold;
  662. cursor: pointer;
  663. z-index: 10000;
  664. }
  665. .image-modal-close:hover { color: #bbb; }
  666. @keyframes zoomIn {
  667. from { transform: scale(0.5); opacity: 0; }
  668. to { transform: scale(1); opacity: 1; }
  669. }
  670. .img-cover { cursor: pointer; transition: opacity 0.3s; }
  671. .img-cover:hover { opacity: 0.7; }
  673. /* User Avatar Styles */
  674. .user-menu-btn {
  675. display: flex;
  676. align-items: center;
  677. text-decoration: none;
  678. color: white;
  679. padding: 5px 10px;
  680. border-radius: 25px;
  681. transition: background-color 0.2s;
  682. }
  683. .user-menu-btn:hover {
  684. background-color: rgba(255,255,255,0.2);
  685. text-decoration: none;
  686. color: white;
  687. }
  688. .user-avatar {
  689. width: 36px;
  690. height: 36px;
  691. border-radius: 50%;
  692. background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  693. display: flex;
  694. align-items: center;
  695. justify-content: center;
  696. border: 2px solid rgba(255,255,255,0.8);
  697. box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  698. }
  699. .user-avatar-img {
  700. width: 100%;
  701. height: 100%;
  702. border-radius: 50%;
  703. object-fit: cover;
  704. }
  705. .user-avatar-initials {
  706. color: white;
  707. font-weight: bold;
  708. font-size: 14px;
  709. text-transform: uppercase;
  710. }
  711. .user-name {
  712. font-weight: 500;
  713. font-size: 14px;
  714. }
  715. .dropdown-header {
  716. padding: 10px 15px;
  717. background-color: #f8f9fa;
  718. }
  720. /* Navbar Brand Dropdown */
  721. .navbar-brand.dropdown-toggle {
  722. cursor: pointer;
  723. }
  724. .navbar-brand.dropdown-toggle::after {
  725. margin-left: 8px;
  726. }
  727. </style>
  728. {% endblock %}
  729. </head>
  730. <body>
  731. <nav class=\"navbar navbar-light bg-light\">
  732. <div class=\"d-flex align-items-center\">
  733. <!-- Liste déroulante BDD-Books / BDD-Magazines -->
  734. <div class=\"dropdown mr-3\">
  735. <a class=\"navbar-brand dropdown-toggle\" href=\"#\" id=\"navbarBddDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">
  736. <i class=\"fas fa-database mr-1\"></i>BDD
  737. </a>
  738. <div class=\"dropdown-menu\" aria-labelledby=\"navbarBddDropdown\">
  739. <a class=\"dropdown-item\" href=\"{{ path('index') }}\">
  740. <i class=\"fas fa-book mr-2 text-primary\"></i>BDD-Books
  741. </a>
  742. <a class=\"dropdown-item\" href=\"{{ path('magazines_search') }}\">
  743. <i class=\"fas fa-newspaper mr-2 text-success\"></i>BDD-Magazines
  744. </a>
  745. </div>
  746. </div>
  747. </div>
  749. <div class=\"d-flex align-items-center\">
  750. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  751. <div class=\"dropdown\">
  752. <a class=\"user-menu-btn\" href=\"#\" id=\"navbarDropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">
  753. <div class=\"user-avatar\">
  754. {% if app.user.logo %}
  755. <img src=\"{{ asset('uploads/avatars/' ~ app.user.logo) }}\" alt=\"{{ app.user.username }}\" class=\"user-avatar-img\">
  756. {% else %}
  757. <span class=\"user-avatar-initials\">{{ app.user.name|first|upper }}{{ app.user.lastname|first|upper }}</span>
  758. {% endif %}
  759. </div>
  760. <span class=\"user-name d-none d-md-inline ml-2\">{{ app.user.username }}</span>
  761. <i class=\"fas fa-chevron-down ml-1 small\"></i>
  762. </a>
  763. <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"navbarDropdownMenuLink\">
  764. <div class=\"dropdown-header\">
  765. <strong>{{ app.user.name }} {{ app.user.lastname }}</strong>
  766. <br><small class=\"text-muted\">{{ app.user.email }}</small>
  767. </div>
  768. <div class=\"dropdown-divider\"></div>
  769. <a class=\"dropdown-item\" href=\"{{ path('user_profile') }}\">
  770. <i class=\"fas fa-user-cog mr-2\"></i>Mon profil
  771. </a>
  772. <div class=\"dropdown-divider\"></div>
  773. <a class=\"dropdown-item\" href=\"{{ path('magazines_list') }}\">
  774. <i class=\"fas fa-newspaper mr-2\"></i>Magazines
  775. </a>
  776. <a class=\"dropdown-item\" href=\"{{ path('listesLivres') }}\">
  777. <i class=\"fas fa-book mr-2\"></i>Livres
  778. </a>
  779. <div class=\"dropdown-divider\"></div>
  780. <a class=\"dropdown-item text-danger\" href=\"{{ path('app_logout') }}\">
  781. <i class=\"fas fa-sign-out-alt mr-2\"></i>Déconnexion
  782. </a>
  783. </div>
  784. </div>
  785. {% else %}
  786. <button class=\"btn btn-outline-primary btn-sm\" data-toggle=\"modal\" data-target=\"#loginModal\">
  787. <i class=\"fas fa-sign-in-alt mr-1\"></i>{{ 'Connexion' }}
  788. </button>
  789. {% endif %}
  790. </div>
  791. </nav>
  792. {% for message in app.flashes('warning') %}
  793. <div class=\"alert alert-success\">
  794. {{ message }}
  795. </div>
  796. {% endfor %}
  797. <div id=\"bodyContain\">
  798. {% block body %}
  800. {% endblock %}
  801. </div>
  803. {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  804. {% include 'includes/loginModal.html.twig' %}
  805. {% endif %}
  807. {% block javascripts %}
  808. <script src=\"https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js\"></script>
  809. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js\"></script>
  810. {% endblock %}
  811. </body>
  812. </html>
  813. ", "base.html.twig", "/home/jla23/project/DEV/Bdd-Books-DEV/templates/base.html.twig");
  814. }
  815. }