templates/Theme/Produit/Service/Apropos/planingcours.html.twig line 1

Open in your IDE?
  1. <link href="https://cdn.datatables.net/plug-ins/f2c75b7247b/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
  2. <link href="https://cdn.datatables.net/responsive/1.0.4/css/dataTables.responsive.css" rel="stylesheet" type="text/css" media="all"/>
  4. <script src="https://cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
  5. <script src="https://cdn.datatables.net/plug-ins/f2c75b7247b/integration/bootstrap/3/dataTables.bootstrap.js"></script>
  6. <script src="https://cdn.datatables.net/responsive/1.0.4/js/dataTables.responsive.js"></script>
  7. <style>
  8. table caption {
  9.     padding: .5em 0;
  10. }
  12. table.dataTable th,
  13. table.dataTable td {
  14.   white-space: nowrap;
  15. }
  17. .p {
  18.   text-align: center;
  19.   padding-top: 140px;
  20.   font-size: 14px;
  21. }
  23. thead .sorting:after {
  24.     opacity: 0.2;
  25.     content: "\f0ec"!important;
  26. }
  27. table.dataTable thead .sorting_asc:after {
  28.     content: "\f161"!important;
  29. }
  30. table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
  31.     position: absolute;
  32.     top: 8px;
  33.     right: 8px;
  34.     display: block;
  35.     font-family: 'FontAwesome'!important;
  36.     opacity: 0.5;
  37. }
  38. </style>
  39. <div class="col-md-8">
  40. <div style="width: 100%!important; min-height: 400px;">
  42. <div> 
  43.     <ul class="nav nav-tabs" style="padding: 0px; margin: 0px; border-bottom: none;">
  44.         <li class="active"><a href="#help-user-depliant" data-toggle="tab" style="font-size: 12px;">Dépliants</a></li>
  45.         <li><a href="#help-user-programme" data-toggle="tab" style="font-size: 12px;">Programmes</a></li>
  46.     </ul>
  47.   
  48.   <div class="tab-content" style="min-height: 100px; margin-left: 1px;">
  49.       <div class="tab-pane active" id="help-user-depliant" style="padding-bottom: 70px;">
  50.           <div style="background: #fff; padding: 7px;">
  51.         <strong>Quand votre profil est sélectionné par un annonceur</strong>
  52.         <hr style="margin: 1px; border: 1px solid #f7f7f7;">
  53.         <a href="{{ path('produit_service_apropos_denous', {'position': 'planingcours' }) }}">Afficher la liste complète</a>
  54.           </div>
  56.       <div class="" style="background: #fff; padding: 7px; width: 100%; overflow-x: auto;">
  57.         <div class="row">
  58.           <div class="col-xs-12">
  59.             <table summary="This table shows how to create responsive tables using Datatables' extended functionality" class="table table-bordered table-hover dt-responsive">
  60.               <caption class="text-center">An example of a responsive table based on <a href="https://datatables.net/extensions/responsive/" target="_blank">DataTables</a>:</caption>
  61.               <thead>
  62.                 <tr>
  63.                   <th>Auteur</th>
  64.                   <th>Description</th>
  65.                   <th>Date de publication</th>
  66.                   <th>Action</th>
  67.                 </tr>
  68.               </thead>
  69.               <tbody>
  70.                 {% for depliant in liste_depliant %}
  71.                 <tr>
  72.                   <td>{{ depliant.user.name(50) }}</td>
  73.                   <td>{{ depliant.message }}</td>
  74.                   <td>41,803,125</td>
  75.                   <td>
  76.                     <a href=""><span class="fa fa-download"></span> Télécharger</a>
  77.                   </td>
  78.                 </tr>
  79.                 {% endfor %}
  80.               </tbody>
  81.               <tfoot>
  82.                 <tr>
  83.                   <td colspan="4" class="text-center">Data retrieved from <a href="http://www.infoplease.com/ipa/A0855611.html" target="_blank">infoplease</a> and <a href="http://www.worldometers.info/world-population/population-by-country/" target="_blank">worldometers</a>.</td>
  84.                 </tr>
  85.               </tfoot>
  86.             </table>
  87.           </div>
  88.         </div>
  89.       </div>
  94. <!--  Developed By Yasser Mas -->
  97.       </div>
  98.       <div class="tab-pane" id="help-user-programme" style="padding-bottom: 70px;">
  99.         <div style="background: #fff; padding: 7px;">
  100.             <strong>Quand l'annonce est susceptible de vous intéresser</strong>
  101.             <hr style="margin: 1px; border: 1px solid #f7f7f7;">
  102.             <a href="{{ path('produit_service_apropos_denous', {'position': 'planingcours' }) }}">Afficher la liste complète</a>
  103.         </div>
  104.         
  105.         <div class="" style="background: #fff; padding: 7px; width: 100%; overflow-x: auto;">
  106.           <div class="row">
  107.             <div class="col-xs-12">
  108.               <table summary="This table shows how to create responsive tables using Datatables' extended functionality" class="mytable table table-bordered table-hover dt-responsive">
  109.                 <caption class="text-center">An example of a responsive table based on <a href="https://datatables.net/extensions/responsive/" target="_blank">DataTables</a>:</caption>
  110.                 <thead>
  111.                   <tr>
  112.             <th>Auteur</th>
  113.             <th>Description</th>
  114.             <th>Date de publication</th>
  115.             <th>Action</th>
  116.                   </tr>
  117.                 </thead>
  118.                 <tbody>
  119.                   
  120.           {% for depliant in liste_planing %}
  121.             <tr>
  122.               <td>{{ depliant.user.name(50) }}</td>
  123.               <td>{{ depliant.message }}</td>
  124.               <td>41,803,125</td>
  125.               <td>
  126.                 <a href=""><span class="fa fa-download"></span> Télécharger</a>
  127.               </td>
  128.             </tr>
  129.           {% endfor %}
  131.                 </tbody>
  132.                 <tfoot>
  133.                   <tr>
  134.                       <td colspan="4" class="text-center">Data retrieved from <a href="http://www.infoplease.com/ipa/A0855611.html" target="_blank">infoplease</a> and <a href="http://www.worldometers.info/world-population/population-by-country/" target="_blank">worldometers</a>.</td>
  135.                   </tr>
  136.                 </tfoot>
  137.               </table>
  138.             </div>
  139.           </div>
  140.         </div>
  142.       </div>
  143.   </div>
  144. </div>
  145.   
  146. </div>
  149. <span class="clearfix"></span>            
  150. </div>
  152. <script type="text/javascript">
  153. $('table').DataTable();
  154. $('mytable').DataTable();
  155. </script>