templates/actualite/actualite.html.twig line 1

Open in your IDE?
  1. {% extends base %}
  3. {% block stylesheets %}
  4. {{ parent() }}
  6.   <link rel="stylesheet" href="/assets/css/actualite.css">
  7.   <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css">
  8. {% endblock %}
  11. {% block javascripts %}
  12. {{ parent() }}
  13.   <script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>   
  14.   <script src="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.js"></script>
  15.   <script src="https://unpkg.com/bootstrap-table@1.16.0/dist/locale/bootstrap-table-fr-FR.min.js"></script>
  16.   <script src="https://unpkg.com/bootstrap-table@1.18.3/dist/extensions/custom-view/bootstrap-table-custom-view.js"></script>
  17.       
  18. {% endblock %}
  20. {% block body %}
  21.   {{ parent() }}
  23.     <div class="backgroundheaderBlog">
  24. </div>
  28. {% endblock %}
  30. {% block content %}
  31.   {{ parent() }}
  33.       <script>
  34.         var dataimport = {{articles | raw}};
  35.         $(function () {
  36.             $('#table').bootstrapTable({
  37.                 data: dataimport
  38.                 })
  39.         })
  40.       </script>
  41.       <script src="/assets/js/settingactualite.js"></script>
  42.        <!-- casque -->
  43.       {% if pro == "false" %}
  44.     <section>
  45.         <div class="container row casque">
  46.             <div class="col-md-6 casque-col">
  47.                 {% include "/casque.html.twig" %}
  49.                 <div class=" casque-int">
  50.                 <p class="Casque-title">Testez votre audition</p>
  51.                 <p class="Casque-subtitle">en seulement 3 min !</p>
  52.                 <button onclick="location.href='/test-auditif-en-ligne/test';" class="start btn btn-vert-inverse btn-outline-light" >Je commence</button>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </section>
  57.     {% endif %}
  58.  <!-- Titre -->          
  59.     <section>
  60.         <div class="container">
  61.             <div class="col-md-6">
  62.                 <h1 class="Home_title">Suivez l’actualité de l’Audition</h1>
  63.                 <p class="Home_subtitle">Retrouvez les dernières informations, explications et recommandation qui répondront à vos questions sur la santé auditive grâce à My Audio,</p>
  64.                 <p class="Home_subtitle">Premièr réseau national de tous les audioprothésistes de France !</p>
  65.             </div>
  66.         </div>
  67.     </section>
  69. <!-- Blog-->
  70. <section>
  71.         <div class="blog container">
  72.           <h2>Catégorie d’articles</h2>
  75.         <div id="toolbar">
  76.           <div class="navigation">
  77.             <ul class="nav nav-pills nav-left " id="filtertable">
  78.             </ul>
  79.            
  80.           </div>
  81.         </div>
  82.         <table
  83.           id="table"
  84.           data-search="false"
  85.           data-pagination="true"
  86.           data-page-size="6"
  87.           data-pagination-h-align="center"
  88.           data-pagination-detail="false"
  89.           data-show-custom-view="true"
  90.           data-custom-view="customViewFormatter"
  91.           data-show-custom-view-button="false">
  92.           <thead>
  93.             <tr>
  94.               <th data-field="id">id</th>
  95.               <th data-field="title">Titre</th>
  96.               <th data-field="sous-titre">subtitle</th>
  97.               <th data-field="date">Date</th>
  98.               <th data-field="imgUrl">Url</th>
  99.               <th data-field="categoryId">category</th>
  101.             </tr>
  102.         </thead>
  103.         </table>
  105.         <template id="profileTemplate">
  106.           <div class=" card_section %TAILLECARD%">                    
  107.             <div class="card">
  108.                 <div class="header-card">
  110.         <!-- Image conditionnelle -->
  111.         <img class="card-img-top %TAILLE%" src="%IMGURL%" alt="Card image cap">
  113.         <div class="card-body">
  114.           <p class="card_ontitle">%CATEGORY%</p>
  115.           <h2 class="card-title">%TITLE%</h2>
  116.           <p class="card_date">
  117.             <span class="material-icons">today</span>
  118.             %DATE%
  119.           </p>
  120.           <p class="card-text">%EXTRAIT%</p>
  121.           %SOURCE%
  122.         </div>
  123.       </div>
  125.       <div class="card-footer">
  126.         <a class="btn btn-vert btn-outline-light me-2" href="%LINK%" target="%LINKTARGET%">VOIR PLUS</a>
  127.       </div>
  128.                 
  129.                     
  130.             </div>
  131.         </div>
  132.         </template>
  134. </div>
  135. </section>
  138. {% endblock %}