var/cache/dev/twig/7a/7a0cb9aa0749c21dc44fc893eb6cda1e.php line 45

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. /* school/index.html.twig */
  18. class __TwigTemplate_9fead5845ecafbb027012398c54b664e 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. 'name' => [$this, 'block_name'],
  34. 'body' => [$this, 'block_body'],
  35. 'javascripts' => [$this, 'block_javascripts'],
  36. ];
  37. }
  39. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  40. {
  41. // line 1
  42. return "layout/frontEndLayout.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", "school/index.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", "school/index.html.twig"));
  54. $this->parent = $this->load("layout/frontEndLayout.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_name(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", "name"));
  74. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  75. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "name"));
  77. // line 4
  78. yield " Welcome to LiveEdu
  80. ";
  82. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  85. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  87. yield from [];
  88. }
  90. // line 8
  91. /**
  92. * @return iterable<null|scalar|\Stringable>
  93. */
  94. public function block_body(array $context, array $blocks = []): iterable
  95. {
  96. $macros = $this->macros;
  97. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  98. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  100. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  101. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  103. // line 9
  104. yield "
  105. <div id=\"carouselExampleControls\" class=\"carousel slide bs-slider box-slider\" data-ride=\"carousel\" data-pause=\"hover\" data-interval=\"false\">
  106. <!-- Indicators -->
  107. <ol class=\"carousel-indicators\">
  108. <li data-target=\"#carouselExampleControls\" data-slide-to=\"0\" class=\"active\"></li>
  109. <li data-target=\"#carouselExampleControls\" data-slide-to=\"1\"></li>
  110. <li data-target=\"#carouselExampleControls\" data-slide-to=\"2\"></li>
  111. </ol>
  112. <div class=\"carousel-inner\" role=\"listbox\" data-ride=\"carousel\"
  113. data-interval=\"5000\">
  114. <div class=\"carousel-item active\">
  115. <div id=\"home\" class=\"first-section\" style=\"background-image:url(";
  116. // line 20
  117. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/slider-01.jpg"), "html", null, true);
  118. yield ");\">
  119. <div class=\"dtab\">
  120. <div class=\"container\">
  121. <div class=\"row\">
  122. <div class=\"col-md-12 col-sm-12 text-right\">
  123. <div class=\"big-tagline\">
  124. <h2>
  125. Bilingual Secondary Institute BETHESDA implements
  126. \t\t\t\t\t\t\t\t\t\t\t
  159. <strong>
  161. \t\t\t\t\t\t\t\t\t\t\t
  165. LiveEdu
  194. </strong>
  195. </h2>
  197. </div>
  198. </div>
  199. </div>
  200. <!-- end row -->
  201. <br/>
  202. <br/>
  203. <br/>
  204. <br/>
  205. <br/>
  206. <br/>
  207. <br/>
  208. <br/>
  209. <br/>
  210. <br/>
  211. <br/>
  212. <br/>
  213. <br/>
  214. <br/>
  215. </div>
  216. <!-- end container -->
  217. </div>
  218. </div>
  219. <!-- end section -->
  221. </div>
  222. <div class=\"carousel-item\">
  223. <div id=\"home\" class=\"first-section\" style=\"background-image:url(";
  224. // line 125
  225. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/slider-02.jpg"), "html", null, true);
  226. yield ");\">
  227. <div class=\"dtab\">
  228. <div class=\"container\">
  229. <div class=\"row\">
  230. <div class=\"col-md-12 col-sm-12 text-left\">
  231. <div class=\"big-tagline\">
  232. <h2 data-animation=\"animated zoomInRight\">
  233. LiveEdu
  234. \t\t\t\t\t\t\t\t\t\t\t
  267. <strong>
  268. software online services
  301. </strong>
  302. </h2>
  304. </div>
  305. </div>
  306. </div>
  307. <!-- end row -->
  308. <br/>
  309. <br/>
  310. <br/>
  311. <br/>
  312. <br/>
  313. <br/>
  314. <br/>
  315. <br/>
  316. <br/>
  317. <br/>
  318. <br/>
  319. <br/>
  320. <br/>
  321. <br/>
  322. </div>
  323. <!-- end container -->
  324. </div>
  325. </div>
  326. <!-- end section -->
  327. </div>
  328. <div class=\"carousel-item\">
  329. <div id=\"home\" class=\"first-section\" style=\"background-image:url(";
  330. // line 228
  331. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/slide_04.PNG"), "html", null, true);
  332. yield ");\">
  333. <div class=\"dtab\">
  334. <div class=\"container\">
  335. <div class=\"row\">
  336. <div class=\"col-md-12 col-sm-12 text-left\">
  337. <div class=\"big-tagline\">
  338. <h2 data-animation=\"animated zoomInRight\">
  339. \t\t\t\t\t\t\t\t\t\t\t
  372. <strong>
  373. LiveEdu adds transparancy
  406. </strong>
  407. for quality education
  440. </h2>
  442. </div>
  443. </div>
  444. </div>
  445. <!-- end row -->
  446. <br/>
  447. <br/>
  448. <br/>
  449. <br/>
  450. <br/>
  451. <br/>
  452. <br/>
  453. <br/>
  454. <br/>
  455. <br/>
  456. <br/>
  457. <br/>
  458. <br/>
  459. <br/>
  460. </div>
  461. <!-- end container -->
  462. </div>
  463. </div>
  464. <!-- end section -->
  465. </div>
  466. <!-- Left Control -->
  467. <a class=\"new-effect carousel-control-prev\" href=\"#carouselExampleControls\" role=\"button\" data-slide=\"prev\">
  468. <span class=\"fa fa-angle-left\" aria-hidden=\"true\"></span>
  469. <span class=\"sr-only\">
  470. Previous
  503. </span>
  504. </a>
  506. <!-- Right Control -->
  507. <a class=\"new-effect carousel-control-next\" href=\"#carouselExampleControls\" role=\"button\" data-slide=\"next\">
  508. <span class=\"fa fa-angle-right\" aria-hidden=\"true\"></span>
  509. <span class=\"sr-only\">
  510. Next
  543. </span>
  544. </a>
  545. </div>
  546. </div>
  548. <section class=\"card\">
  549. <article class=\"row card-body\" id=\"officialExams\">
  550. <h1 class=\"card-title text-center\">Taux de reussite aux examens officiels session ";
  551. // line 446
  552. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["year"]) || array_key_exists("year", $context) ? $context["year"] : (function () { throw new RuntimeError('Variable "year" does not exist.', 446, $this->source); })()), "code", [], "any", false, false, false, 446), "html", null, true);
  553. yield "</h1>
  554. ";
  555. // line 447
  556. $context['_parent'] = $context;
  557. $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::keys((isset($context["results"]) || array_key_exists("results", $context) ? $context["results"] : (function () { throw new RuntimeError('Variable "results" does not exist.', 447, $this->source); })())));
  558. foreach ($context['_seq'] as $context["_key"] => $context["key"]) {
  559. // line 448
  560. yield " <div class=\"col-6 col-md-3 \" >
  561. <canvas id=";
  562. // line 449
  563. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["key"], "html", null, true);
  564. yield " height=\"120\" data-exam-objects=\" ";
  565. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["results"]) || array_key_exists("results", $context) ? $context["results"] : (function () { throw new RuntimeError('Variable "results" does not exist.', 449, $this->source); })()), $context["key"], [], "array", false, false, false, 449), "html", null, true);
  566. yield "\"></canvas>
  567. </div>
  568. ";
  569. }
  570. $_parent = $context['_parent'];
  571. unset($context['_seq'], $context['_key'], $context['key'], $context['_parent']);
  572. $context = array_intersect_key($context, $_parent) + $_parent;
  573. // line 452
  574. yield " </article>
  576. </section>
  578. ";
  580. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  583. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  585. yield from [];
  586. }
  588. // line 457
  589. /**
  590. * @return iterable<null|scalar|\Stringable>
  591. */
  592. public function block_javascripts(array $context, array $blocks = []): iterable
  593. {
  594. $macros = $this->macros;
  595. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  596. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  598. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  599. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  601. // line 458
  602. yield " ";
  603. yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  604. yield "
  605. <script type=\"text/javascript\">
  606. //Generate a random color
  607. const randomRgbColor = (type) => {
  608. if (type === \"ECHEC\") {
  609. return \"rgb(255,0,0)\"; // rouge pur
  610. } else {
  611. // Couleurs aléatoires pour les autres
  612. let r = Math.floor(Math.random() * 256);
  613. let g = Math.floor(Math.random() * 256);
  614. let b = Math.floor(Math.random() * 256);
  615. return `rgb(\${r},\${g},\${b})`;
  616. }
  617. ;
  619. };
  620. const colors=[], datasets = [];
  622. const troisiemeAllExamsGraph = \$(\"#troisiemeall\"), troisiemeEspExamsGraph = \$(\"#troisiemeesp\") ,
  623. premiereCExamsGraph = \$(\"#premiere_c\"), premiereDExamsGraph = \$(\"#premiere_d\") ,
  624. premiereAEspExamsGraph = \$(\"#premierea4esp\"), premiereAAllExamsGraph = \$(\"#premierea4all\"),
  625. terminaleCExamsGraph = \$(\"#terminalec\"), terminaleDExamsGraph = \$(\"#terminale_d\") ,
  626. terminaleAEspExamsGraph = \$(\"#terminaleaesp\"), terminaleAAllExamsGraph = \$(\"#terminaleaall\"),
  627. formvArtExamsGraph = \$(\"#formvarts\"), formvScienceExamsGraph = \$(\"#formvscience\")
  628. ;
  630. const troisiemeAllExamsData = troisiemeAllExamsGraph.data('examObjects'), troisiemeEspExamsData = troisiemeEspExamsGraph.data('examObjects'),
  631. premiereCExamsData = premiereCExamsGraph.data('examObjects'), premiereDExamsData = premiereDExamsGraph.data('examObjects'),
  632. premiereAEspExamsData = premiereAEspExamsGraph.data('examObjects'), premiereAAllExamsData = premiereAAllExamsGraph.data('examObjects'),
  633. terminaleCExamsData = terminaleCExamsGraph.data('examObjects'), terminaleDExamsData = terminaleDExamsGraph.data('examObjects'),
  634. terminaleAEspExamsData = terminaleAEspExamsGraph.data('examObjects'), terminaleAAllExamsData = terminaleAAllExamsGraph.data('examObjects'),
  635. formvArtExamsData = formvArtExamsGraph.data('examObjects'),formvScienceExamsData = formvScienceExamsGraph.data('examObjects');
  639. // Draw the graph of official exam results
  640. // Draw the graph of official exam results
  641. const drawCanvas = (examData, examGraph, name) => {
  642. // Parser une seule fois au lieu de 3
  643. const parsedData = JSON.parse(examData);
  645. // Convertir explicitement en nombres
  646. const values = parsedData[\"mentionCountCategories\"].map(v => Number(v));
  648. // Vérifier si des valeurs sont invalides
  649. console.log(\"➡️ Graph:\", name, \"Labels:\", parsedData[\"mentionCategories\"], \"Values:\", values);
  651. // Générer les couleurs
  652. const colors = parsedData[\"mentionCategories\"].map(cat => randomRgbColor(cat));
  654. // Créer le graphe
  655. const examChart = new Chart(examGraph, {
  656. type: \"doughnut\",
  657. data: {
  658. labels: parsedData[\"mentionCategories\"],
  659. datasets: [{
  660. data: values,
  661. backgroundColor: colors
  662. }]
  663. },
  664. options: {
  665. cutout: \"70%\",
  666. plugins: {
  667. title: {
  668. display: true,
  669. text: name,
  670. font: {
  671. size: 16,
  672. family: 'Helvetica Neue',
  673. },
  674. position: 'bottom',
  675. }
  676. }
  677. }
  678. });
  679. };
  682. // Disposition des canVas dans le frontEnd
  683. drawCanvas(terminaleDExamsData,terminaleDExamsGraph , \"Terminale D\" );
  684. drawCanvas(terminaleCExamsData,terminaleCExamsGraph , \"Terminale C\" );
  685. drawCanvas(terminaleAAllExamsData,terminaleAAllExamsGraph , \"Terminale A All\" );
  686. drawCanvas(terminaleAEspExamsData,terminaleAEspExamsGraph , \"Terminale A Esp\" );
  687. drawCanvas(premiereAAllExamsData,premiereAAllExamsGraph , \"Premiere A All\" );
  688. drawCanvas(premiereAEspExamsData,premiereAEspExamsGraph , \"Premiere A Esp\" );
  689. drawCanvas(premiereCExamsData,premiereCExamsGraph , \"Premiere C\" );
  690. drawCanvas(premiereDExamsData,premiereDExamsGraph , \"Premiere D\" );
  691. drawCanvas(troisiemeAllExamsData,troisiemeAllExamsGraph , \"Troisieme All\" );
  692. drawCanvas(troisiemeEspExamsData,troisiemeEspExamsGraph , \"Troisieme Esp\" );
  693. drawCanvas(formvArtExamsData,formvArtExamsGraph , \"FORM 5 Art(.../5)\" );
  694. drawCanvas(formvScienceExamsData,formvScienceExamsGraph , \"FORM 5 Science(../5)\" );
  708. </script>
  710. ";
  712. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  715. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  717. yield from [];
  718. }
  720. /**
  721. * @codeCoverageIgnore
  722. */
  723. public function getTemplateName(): string
  724. {
  725. return "school/index.html.twig";
  726. }
  728. /**
  729. * @codeCoverageIgnore
  730. */
  731. public function isTraitable(): bool
  732. {
  733. return false;
  734. }
  736. /**
  737. * @codeCoverageIgnore
  738. */
  739. public function getDebugInfo(): array
  740. {
  741. return array ( 602 => 458, 589 => 457, 574 => 452, 563 => 449, 560 => 448, 556 => 447, 552 => 446, 331 => 228, 225 => 125, 117 => 20, 104 => 9, 91 => 8, 78 => 4, 65 => 3, 42 => 1,);
  742. }
  744. public function getSourceContext(): Source
  745. {
  746. return new Source("{% extends 'layout/frontEndLayout.html.twig' %}
  748. {% block name %}
  749. Welcome to LiveEdu
  751. {% endblock %}
  753. {% block body %}
  755. <div id=\"carouselExampleControls\" class=\"carousel slide bs-slider box-slider\" data-ride=\"carousel\" data-pause=\"hover\" data-interval=\"false\">
  756. <!-- Indicators -->
  757. <ol class=\"carousel-indicators\">
  758. <li data-target=\"#carouselExampleControls\" data-slide-to=\"0\" class=\"active\"></li>
  759. <li data-target=\"#carouselExampleControls\" data-slide-to=\"1\"></li>
  760. <li data-target=\"#carouselExampleControls\" data-slide-to=\"2\"></li>
  761. </ol>
  762. <div class=\"carousel-inner\" role=\"listbox\" data-ride=\"carousel\"
  763. data-interval=\"5000\">
  764. <div class=\"carousel-item active\">
  765. <div id=\"home\" class=\"first-section\" style=\"background-image:url({{ asset('assets/images/slider-01.jpg') }});\">
  766. <div class=\"dtab\">
  767. <div class=\"container\">
  768. <div class=\"row\">
  769. <div class=\"col-md-12 col-sm-12 text-right\">
  770. <div class=\"big-tagline\">
  771. <h2>
  772. Bilingual Secondary Institute BETHESDA implements
  773. \t\t\t\t\t\t\t\t\t\t\t
  806. <strong>
  808. \t\t\t\t\t\t\t\t\t\t\t
  812. LiveEdu
  841. </strong>
  842. </h2>
  844. </div>
  845. </div>
  846. </div>
  847. <!-- end row -->
  848. <br/>
  849. <br/>
  850. <br/>
  851. <br/>
  852. <br/>
  853. <br/>
  854. <br/>
  855. <br/>
  856. <br/>
  857. <br/>
  858. <br/>
  859. <br/>
  860. <br/>
  861. <br/>
  862. </div>
  863. <!-- end container -->
  864. </div>
  865. </div>
  866. <!-- end section -->
  868. </div>
  869. <div class=\"carousel-item\">
  870. <div id=\"home\" class=\"first-section\" style=\"background-image:url({{ asset('assets/images/slider-02.jpg') }});\">
  871. <div class=\"dtab\">
  872. <div class=\"container\">
  873. <div class=\"row\">
  874. <div class=\"col-md-12 col-sm-12 text-left\">
  875. <div class=\"big-tagline\">
  876. <h2 data-animation=\"animated zoomInRight\">
  877. LiveEdu
  878. \t\t\t\t\t\t\t\t\t\t\t
  911. <strong>
  912. software online services
  945. </strong>
  946. </h2>
  948. </div>
  949. </div>
  950. </div>
  951. <!-- end row -->
  952. <br/>
  953. <br/>
  954. <br/>
  955. <br/>
  956. <br/>
  957. <br/>
  958. <br/>
  959. <br/>
  960. <br/>
  961. <br/>
  962. <br/>
  963. <br/>
  964. <br/>
  965. <br/>
  966. </div>
  967. <!-- end container -->
  968. </div>
  969. </div>
  970. <!-- end section -->
  971. </div>
  972. <div class=\"carousel-item\">
  973. <div id=\"home\" class=\"first-section\" style=\"background-image:url({{ asset('assets/images/slide_04.PNG') }});\">
  974. <div class=\"dtab\">
  975. <div class=\"container\">
  976. <div class=\"row\">
  977. <div class=\"col-md-12 col-sm-12 text-left\">
  978. <div class=\"big-tagline\">
  979. <h2 data-animation=\"animated zoomInRight\">
  980. \t\t\t\t\t\t\t\t\t\t\t
  1013. <strong>
  1014. LiveEdu adds transparancy
  1047. </strong>
  1048. for quality education
  1081. </h2>
  1083. </div>
  1084. </div>
  1085. </div>
  1086. <!-- end row -->
  1087. <br/>
  1088. <br/>
  1089. <br/>
  1090. <br/>
  1091. <br/>
  1092. <br/>
  1093. <br/>
  1094. <br/>
  1095. <br/>
  1096. <br/>
  1097. <br/>
  1098. <br/>
  1099. <br/>
  1100. <br/>
  1101. </div>
  1102. <!-- end container -->
  1103. </div>
  1104. </div>
  1105. <!-- end section -->
  1106. </div>
  1107. <!-- Left Control -->
  1108. <a class=\"new-effect carousel-control-prev\" href=\"#carouselExampleControls\" role=\"button\" data-slide=\"prev\">
  1109. <span class=\"fa fa-angle-left\" aria-hidden=\"true\"></span>
  1110. <span class=\"sr-only\">
  1111. Previous
  1144. </span>
  1145. </a>
  1147. <!-- Right Control -->
  1148. <a class=\"new-effect carousel-control-next\" href=\"#carouselExampleControls\" role=\"button\" data-slide=\"next\">
  1149. <span class=\"fa fa-angle-right\" aria-hidden=\"true\"></span>
  1150. <span class=\"sr-only\">
  1151. Next
  1184. </span>
  1185. </a>
  1186. </div>
  1187. </div>
  1189. <section class=\"card\">
  1190. <article class=\"row card-body\" id=\"officialExams\">
  1191. <h1 class=\"card-title text-center\">Taux de reussite aux examens officiels session {{year.code}}</h1>
  1192. {% for key in results|keys %}
  1193. <div class=\"col-6 col-md-3 \" >
  1194. <canvas id={{key}} height=\"120\" data-exam-objects=\" {{results[key]}}\"></canvas>
  1195. </div>
  1196. {% endfor %}
  1197. </article>
  1199. </section>
  1201. {% endblock %}
  1202. {% block javascripts %}
  1203. {{ parent() }}
  1204. <script type=\"text/javascript\">
  1205. //Generate a random color
  1206. const randomRgbColor = (type) => {
  1207. if (type === \"ECHEC\") {
  1208. return \"rgb(255,0,0)\"; // rouge pur
  1209. } else {
  1210. // Couleurs aléatoires pour les autres
  1211. let r = Math.floor(Math.random() * 256);
  1212. let g = Math.floor(Math.random() * 256);
  1213. let b = Math.floor(Math.random() * 256);
  1214. return `rgb(\${r},\${g},\${b})`;
  1215. }
  1216. ;
  1218. };
  1219. const colors=[], datasets = [];
  1221. const troisiemeAllExamsGraph = \$(\"#troisiemeall\"), troisiemeEspExamsGraph = \$(\"#troisiemeesp\") ,
  1222. premiereCExamsGraph = \$(\"#premiere_c\"), premiereDExamsGraph = \$(\"#premiere_d\") ,
  1223. premiereAEspExamsGraph = \$(\"#premierea4esp\"), premiereAAllExamsGraph = \$(\"#premierea4all\"),
  1224. terminaleCExamsGraph = \$(\"#terminalec\"), terminaleDExamsGraph = \$(\"#terminale_d\") ,
  1225. terminaleAEspExamsGraph = \$(\"#terminaleaesp\"), terminaleAAllExamsGraph = \$(\"#terminaleaall\"),
  1226. formvArtExamsGraph = \$(\"#formvarts\"), formvScienceExamsGraph = \$(\"#formvscience\")
  1227. ;
  1229. const troisiemeAllExamsData = troisiemeAllExamsGraph.data('examObjects'), troisiemeEspExamsData = troisiemeEspExamsGraph.data('examObjects'),
  1230. premiereCExamsData = premiereCExamsGraph.data('examObjects'), premiereDExamsData = premiereDExamsGraph.data('examObjects'),
  1231. premiereAEspExamsData = premiereAEspExamsGraph.data('examObjects'), premiereAAllExamsData = premiereAAllExamsGraph.data('examObjects'),
  1232. terminaleCExamsData = terminaleCExamsGraph.data('examObjects'), terminaleDExamsData = terminaleDExamsGraph.data('examObjects'),
  1233. terminaleAEspExamsData = terminaleAEspExamsGraph.data('examObjects'), terminaleAAllExamsData = terminaleAAllExamsGraph.data('examObjects'),
  1234. formvArtExamsData = formvArtExamsGraph.data('examObjects'),formvScienceExamsData = formvScienceExamsGraph.data('examObjects');
  1238. // Draw the graph of official exam results
  1239. // Draw the graph of official exam results
  1240. const drawCanvas = (examData, examGraph, name) => {
  1241. // Parser une seule fois au lieu de 3
  1242. const parsedData = JSON.parse(examData);
  1244. // Convertir explicitement en nombres
  1245. const values = parsedData[\"mentionCountCategories\"].map(v => Number(v));
  1247. // Vérifier si des valeurs sont invalides
  1248. console.log(\"➡️ Graph:\", name, \"Labels:\", parsedData[\"mentionCategories\"], \"Values:\", values);
  1250. // Générer les couleurs
  1251. const colors = parsedData[\"mentionCategories\"].map(cat => randomRgbColor(cat));
  1253. // Créer le graphe
  1254. const examChart = new Chart(examGraph, {
  1255. type: \"doughnut\",
  1256. data: {
  1257. labels: parsedData[\"mentionCategories\"],
  1258. datasets: [{
  1259. data: values,
  1260. backgroundColor: colors
  1261. }]
  1262. },
  1263. options: {
  1264. cutout: \"70%\",
  1265. plugins: {
  1266. title: {
  1267. display: true,
  1268. text: name,
  1269. font: {
  1270. size: 16,
  1271. family: 'Helvetica Neue',
  1272. },
  1273. position: 'bottom',
  1274. }
  1275. }
  1276. }
  1277. });
  1278. };
  1281. // Disposition des canVas dans le frontEnd
  1282. drawCanvas(terminaleDExamsData,terminaleDExamsGraph , \"Terminale D\" );
  1283. drawCanvas(terminaleCExamsData,terminaleCExamsGraph , \"Terminale C\" );
  1284. drawCanvas(terminaleAAllExamsData,terminaleAAllExamsGraph , \"Terminale A All\" );
  1285. drawCanvas(terminaleAEspExamsData,terminaleAEspExamsGraph , \"Terminale A Esp\" );
  1286. drawCanvas(premiereAAllExamsData,premiereAAllExamsGraph , \"Premiere A All\" );
  1287. drawCanvas(premiereAEspExamsData,premiereAEspExamsGraph , \"Premiere A Esp\" );
  1288. drawCanvas(premiereCExamsData,premiereCExamsGraph , \"Premiere C\" );
  1289. drawCanvas(premiereDExamsData,premiereDExamsGraph , \"Premiere D\" );
  1290. drawCanvas(troisiemeAllExamsData,troisiemeAllExamsGraph , \"Troisieme All\" );
  1291. drawCanvas(troisiemeEspExamsData,troisiemeEspExamsGraph , \"Troisieme Esp\" );
  1292. drawCanvas(formvArtExamsData,formvArtExamsGraph , \"FORM 5 Art(.../5)\" );
  1293. drawCanvas(formvScienceExamsData,formvScienceExamsGraph , \"FORM 5 Science(../5)\" );
  1307. </script>
  1309. {% endblock javascripts %}
  1310. ", "school/index.html.twig", "/var/www/bethesda/templates/school/index.html.twig");
  1311. }
  1312. }