templates\index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3. <link rel="stylesheet" media="all" href="css/bootstrap.min.css" />
  4. <link href="select2/dist/css/select2.min.css" rel="stylesheet" />
  5. {{ encore_entry_link_tags('app') }}
  6. {% endblock %}
  7. {% block body %}
  8. <!-- ajout d'un id --><div class="container" id="content"> <!-- fin ajout d'un id -->
  9. <!-- bandeau logo -->
  10. <section class="row" >
  11. <div class="col-3 col-sm-2 col-lg-1"><a href="{{ path('home') }}"><img class="img-fluid" alt="" src="imgs/ministere-des-armees-2020-06.svg" /></a></div>
  12. <!-- titre --> <div class="col-3 col-sm-1 col-lg-5 align-self-center fw-bold mh-100 text-uppercase text-top">équipage</div><!-- fin titre -->
  13. <div class="col-6 col-sm-9 col-lg-6 d-none d-sm-block" style="text-align:right;">
  14. <img src="imgs/logo-AAE.svg" width="75" class="img-fluid" />
  15. <img src="imgs/logo-AT.svg" width="75" class="img-fluid" />
  16. <img src="imgs/logo-mn.svg" width="50" class="img-fluid" />
  17. <img src="imgs/logo-SSA.svg" width="60" class="img-fluid" />
  18. </div>
  19. </section>
  20. <!-- bandeau image + titre atlas -->
  21. <section class="row">
  22. <div class="col-12"> <img class="img-fluid" src="imgs/BANDEAU_WEB_DRHAAE_4.0.jpg" /> </div>
  23. </section>
  24. <!-- bloc contenu intro -->
  25. <section class="intro row">
  26. <div class="col-12">
  27. <h1>EQUIPAGE facilite la mobilité des personnels militaires et de leur famille !</h1>
  28. <div class="row">
  29. <div class="col-10">
  30. <p>&nbsp;</p>
  31. <p>Dans le cadre du plan Famille, l'Armée de l’Air et de l’Espace propose depuis 2022 l’Atlas EQUIPAGE.</p>
  32. <p>Cet Atlas permet de visualiser les services du quotidien des sites d’affectation&nbsp;: immobilier, éducation, santé, etc.</p>
  33. <p>Chaque année, EQUIPAGE enrichit son offre avec une ergonomie optimisée et de nouveaux services.</p>
  34. </div>
  35. <div class="col-2">
  36. <img src="imgs/rose-des-vents-2.svg" class="img-fluid" />
  37. </div>
  38. </div>
  39. </div>
  40. </section>
  41. <!-- fin bloc contenu intro -->
  42. <!-- blocs liens vers Atlas -->
  43. <section class="row container-links-atlas" id="links-atlas">
  44. <div class="col-sm-12 col-lg-2">&nbsp;</div>
  45. <div class="col-sm-12 col-lg-8" id="search-com">
  46. <select class="form-select select2-destination bloc-link-atlas" style="height:50px;" aria-label="Rechercher une commune">
  47. </select>
  48. </div>
  49. <div class="col-sm-12 col-lg-2">&nbsp;</div>
  50. </section>
  51. <!-- end blocs liens vers Atlas -->
  52. </div>
  53. <!-- footer -->
  54. <footer class="container-fluid mt-auto">
  55. <div class="container">
  56. <div class="row">
  57. <div class="col-sm-12 col-lg-3">© <span id="copyright">2024</span> Ministère des Armées</div>
  58. <div class="col-sm-12 col-lg-6"></div>
  59. <!-- lien vers site AAE -->
  60. <div class="col-sm-12 col-lg-3"><a href="/sources">Sources</a></div>
  61. <!-- fin lien AAE -->
  62. </div>
  63. </div>
  64. </footer>
  65. <!-- end footer -->
  66. <div id="cookiesConsentLanding"> Ce site utilise des cookies pour améliorer votre expérience de navigation <span class="close-btn" aria-hidden="true" onclick="setCookieConsentLanding()"></span> </div>
  67. {% endblock %}
  68. {% block javascripts %}
  69. <script src="js/bootstrap.min.js"></script>
  70. <script src="{{ atlas.ap_url }}bundles/articquecd7ihm/api/dist/jquery.min.js" type="text/javascript"></script>
  71. <script src="select2/dist/js/select2.min.js"></script>
  72. <script src="select2/dist/js/i18n/fr.js"></script>
  73. {{ encore_entry_script_tags('app') }}
  74. <script>
  75. const d = new Date();
  76. let year = d.getFullYear();
  77. document.getElementById("copyright").innerHTML = year;
  78. </script>
  79. <script>
  80. document.querySelectorAll("a").forEach(function(current) {
  81. if(!current.hash) return;
  82. if(current.origin + current.pathname != self.location.href) return;
  83. (function(anchorPoint) {
  84. if(anchorPoint) {
  85. current.addEventListener("click", function(e) {
  86. anchorPoint.scrollIntoView({behavior: "smooth"});
  87. e.preventDefault();
  88. }, false);
  89. }
  90. })(document.querySelector(current.hash));
  91. });
  92. </script>
  93. <!-- ajout script cookie -->
  94. <script type="text/javascript">
  95. function setCookieConsentLanding(){
  96. var date = new Date();
  97. date.setFullYear(date.getFullYear() + 1);
  98. document.cookie = "consent_cookies=1; SameSite=strict;expires=" + date.toGMTString();
  99. document.getElementById("cookiesConsentLanding").style.display = 'none';
  100. }
  101. document.addEventListener("DOMContentLoaded", function() {
  102. if(document.cookie.indexOf("consent_cookies=1") == -1){
  103. document.getElementById("cookiesConsentLanding").style.display = 'block';
  104. }
  105. });
  106. </script>
  107. <!-- fin ajout script cookie -->
  108. <script type="text/javascript">
  109. $('.select2-destination').select2({
  110. ajax: {
  111. url: function(params){
  112. return "{{ atlas.atlas_url }}query";
  113. },
  114. dataType: 'json',
  115. delay: 250,
  116. data: function (params) {
  117. return {
  118. q: params.term, // search term
  119. page: params.page
  120. };
  121. },
  122. cache: false
  123. },
  124. placeholder: 'Choisir une destination',
  125. dropdownAutoWidth: true,
  126. minimumInputLength: 2,
  127. language: "fr",
  128. sorter: function(data) {
  129. return data.sort(function (a, b) {
  130. if (a.text.length > b.text.length) {
  131. return 1;
  132. }
  133. if (a.text.length < b.text.length) {
  134. return -1;
  135. }
  136. if(a.text.localeCompare(b.text) < 0){
  137. return -1
  138. } else {
  139. return 1;
  140. }
  141. })},
  142. theme: "equipage",
  143. width: 'element'
  144. });
  145. $('.select2-destination').on('change', function (e) {
  146. var val = $(this).select2('data')[0].id;
  147. var search = $(this).select2('data')[0].search;
  148. //On fait une redirection vers l'atlas
  149. var cartojson = "1_1_"+search+".cartojson";
  150. var url = "{{atlas.atlas_url}}" + "carto?map="+cartojson+"&q="+val;
  151. //REDIRECT
  152. window.location.href = url;
  153. });
  154. $(document).on('select2:open', () => {
  155. document.querySelector('.select2-search__field').focus();
  156. });
  157. </script>
  158. {% endblock %}