templates/members/profile.html.twig line 1

Open in your IDE?
  1. {% include "header_pages.html.twig" %}
  2. <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  3. <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
  5. <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
  6. <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
  8. <main id="main">
  9.     <section id="doctors" class="doctors">
  10.         <div class="container">
  11.             <div class="section-title">
  12.                 <h2>Profile {{ profile.prenom }} {{ profile.nom }}</h2>
  13.             </div>
  14.             <div class="main-body">
  15.                 <div class="row gutters-sm">
  16.                     <div class="col-md-4 mb-3">
  17.                         <div class="card">
  18.                             <div class="card-body">
  19.                                 <div class="d-flex flex-column align-items-center text-center">
  20.                                     {% if (profile.photoProfil == null) %}
  21.                                         <img src="{{ asset("img/default-user-icon-4.jpg") }}" alt="Admin"
  22.                                              class="rounded-circle" width="150">
  23.                                     {% else %}
  24.                                         <img src="{{ asset("admin/uploads/") ~ profile.photoProfil }}" alt="Admin"
  25.                                              class="rounded-circle" width="150">
  26.                                     {% endif %}
  27.                                     <div class="mt-3">
  28.                                         <h4>{{ profile.prenom }} {{ profile.nom }}</h4>
  29.                                         <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
  30.                                             <h6 class="mb-0">
  31.                                                 <a href="{{ asset('admin/uploads/'~ profile.CvEn ) }}" download="CV_{{ profile.prenom }}_{{ profile.nom }}"><i
  32.                                                             class="bi bi-file-text">curriculum vitae</i>
  33.                                                 </a> <br>
  34.                                             </h6>
  35.                                         </li>
  36.                                     </div>
  37.                                 </div>
  38.                             </div>
  39.                         </div>
  40.                         <div class="card mt-3">
  41.                             <ul class="list-group list-group-flush">
  42.                                 {% if profile.webPage != null %}
  43.                                     <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
  44.                                         <h6 class="mb-0">
  45.                                             <a href="{{ profile.webPage starts with 'http' ? profile.webPage : 'https://' ~ profile.webPage }}" class="globe" target="_blank">
  46.                                                 <i class="bi bi-globe"></i> Website</a>
  47.                                         </h6>
  48.                                         <span class="text-secondary"></span>
  49.                                     </li>
  50.                                 {% endif %}
  51.                                 <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
  52.                                     <h6 class="mb-0">
  53.                                         <a href="mailto: {{ profile.email }}" target="_blank"><i
  54.                                                     class="bi bi-mailbox"></i> Email</a>
  55.                                     </h6>
  56.                                 </li>
  57.                                 {% if profile.linkedin != null %}
  58.                                     <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
  59.                                         <h6 class="mb-0">
  60.                                             <a href="{{ profile.linkedin }}" class="-linkedin" target="_blank"><i
  61.                                                         class="bi bi-linkedin"></i> Linkedin</a>
  62.                                         </h6>
  63.                                         <span class="text-secondary">link</span>
  64.                                     </li>
  65.                                 {% endif %}
  66.                             </ul>
  67.                         </div>
  68.                         {% if profile.DBLPLink != null or profile.ScopusID != null %}
  69.                             <div class="card mt-3">
  70.                                 <ul class="list-group list-group-flush">
  71.                                     {% if profile.DBLPLink != null %}
  72.                                         <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
  73.                                             <h6 class="mb-0">
  74.                                                 <a href="{{ profile.DBLPLink }}" target="_blank">DBLP</a>
  75.                                             </h6>
  76.                                             <span class="text-secondary"></span>
  77.                                         </li>
  78.                                     {% endif %}
  79.                                     {% if profile.ScopusID != null %}
  80.                                         <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
  81.                                             <h6 class="mb-0">
  82.                                                 <a href="{{ profile.ScopusID }}" target="_blank">SCOPUS</a>
  83.                                             </h6>
  84.                                         </li>
  85.                                     {% endif %}
  86.                                 </ul>
  87.                             </div>
  88.                         {% endif %}
  89.                     </div>
  90.                     <div class="col-md-8">
  91.                         <div class="card mb-3">
  92.                             <div class="card-body">
  93.                                 <div class="row">
  94.                                     <div class="col-sm-3">
  95.                                         <h6 class="mb-0">First Name</h6>
  96.                                     </div>
  97.                                     <div class="col-sm-9 text-secondary">
  98.                                         {{ profile.prenom }}
  99.                                     </div>
  100.                                 </div>
  101.                                 <hr>
  102.                                 <div class="row">
  103.                                     <div class="col-sm-3">
  104.                                         <h6 class="mb-0">Last Name</h6>
  105.                                     </div>
  106.                                     <div class="col-sm-9 text-secondary">
  107.                                         {{ profile.nom }}
  108.                                     </div>
  109.                                 </div>
  110.                                 <hr>
  111.                                 <div class="row">
  112.                                     <div class="col-sm-3">
  113.                                         <h6 class="mb-0"> Address</h6>
  114.                                     </div>
  115.                                     <div class="col-sm-9 text-secondary">
  116.                                         {{ profile.adresse }}
  117.                                     </div>
  118.                                 </div>
  119.                                 <hr>
  120.                                 <div class="row">
  121.                                     <div class="col-sm-3">
  122.                                         <h6 class="mb-0">Zip code</h6>
  123.                                     </div>
  124.                                     <div class="col-sm-9 text-secondary">
  125.                                         3038
  126.                                     </div>
  127.                                 </div>
  128.                                 <hr>
  129.                                 <div class="row">
  130.                                     <div class="col-sm-3">
  131.                                         <h6 class="mb-0">Biography </h6>
  132.                                     </div>
  133.                                     <div class="col-sm-9 text-secondary">
  134.                                         {{ profile.ShBiography }}
  135.                                     </div>
  136.                                 </div>
  137.                                 {% if profile.ResKeywords != null %}
  138.                                     <hr>
  139.                                     <div class="row">
  140.                                         <div class="col-sm-3">
  141.                                             <h6 class="mb-0"> Research Interests</h6>
  142.                                         </div>
  143.                                         <div class="col-sm-9 text-secondary">
  144.                                             {{ profile.ResKeywords }}
  145.                                         </div>
  146.                                     </div>
  147.                                 {% endif %}
  148.                                 <!--<hr>
  149.                             <div class="row">
  150.                                 <div class="col-sm-3">
  151.                                     <h6 class="mb-0">ResearcherID </h6>
  152.                                 </div>
  153.                                 <div class="col-sm-9 text-secondary">
  154.                                     {{ profile.ResKeywords }}
  155.                                 </div>
  156.                             </div>-->
  157.                             </div>
  158.                         </div>
  159. <div> <span class="badge bg-primary">H-index: {{ h_index }}</span>&nbsp; <span class="badge bg-primary">Total citation: {{total_citations}}</span></div>
  160. <canvas id="citationsChart" height="120"></canvas>
  161.  <div class="card">
  162.         <h4>📚 Scientific Publications</h4>
  163.     
  164. {% if publicationsMembre is not empty %}
  165.     <table id="publicationsTable" class="display">
  166.         <thead>
  167.             <tr>
  168.                 <th>Title & Authors</th>
  169.                 <th>Conference/Revue</th>
  170.                 <th>Year</th>
  171.                 <th>Citations</th>
  172.             </tr>
  173.         </thead>
  174.         <tbody>
  175.             {% for pub in publicationsMembre %}
  176.                 <tr>
  177.                     <td><a href="{{ pub.link }}"
  178.                                                                    target="_blank">{{ pub.titre }}</a><br><span>{{ pub.authors }}</span></td>
  179.                     <td>{{ pub.venue }}</td>
  180.                     <td>{{ pub.year }}</td>
  181.                     <td>{{ pub.citations }}</td>
  182.                 </tr>
  183.             {% endfor %}
  184.         </tbody>
  185.     </table>
  186. {% else %}
  187.     <div class="alert alert-info">No publication's.</div>
  188. {% endif %}
  190.     </div>
  191.                                         </div>
  192.             </div>
  193.         </div>
  194.     </section>
  195. </main><!-- End #main -->
  196. <script>
  197.     $(document).ready(function() {
  198.         $('#publicationsTable').DataTable({
  199.             "pageLength": 10,  // nombre de publications par page par défaut
  200.             "lengthMenu": [5, 10, 25, 50, 100],
  201.             "order": [[ 3, "desc" ]] // tri par année décroissante
  202.         });
  203.     });
  204. </script>
  205. <script>
  206.     const ctx = document.getElementById('citationsChart').getContext('2d');
  207.     const citationsChart = new Chart(ctx, {
  208.         type: 'bar',
  209.         data: {
  210.             labels: {{ citationsYears|json_encode|raw }},
  211.             datasets: [{
  212.                 label: 'Citations',
  213.                 data: {{ citationsCounts|json_encode|raw }},
  214.                 backgroundColor: 'rgba(54, 162, 235, 0.7)',
  215.                 borderColor: 'rgba(54, 162, 235, 1)',
  216.                 borderWidth: 1
  217.             }]
  218.         },
  219.         options: {
  220.             responsive: true,
  221.             scales: {
  222.                 y: { beginAtZero: true }
  223.             }
  224.         }
  225.     });
  226. </script>
  227. {% include "footer.html.twig" %}
  228. <style>
  229.     .th-scientific-pub {
  230.         background-color: #e2e2e2;
  231.         padding: 15px 12px 15px 8px;
  232.         white-space: nowrap;
  233.         color: #007095;
  234.         font-size: 16px;
  235.         margin-bottom: 1rem !important;
  236.     }
  238.     @media (min-width: 768px) {
  239.         .col-md-4 {
  240.             flex: 0 0 auto;
  241.             width: 24.33333333%;
  242.         }
  243.     }
  245.     @media (min-width: 768px) {
  246.         .col-md-8 {
  247.             flex: 0 0 auto;
  248.             width: 75.66666667%;
  249.         }
  250.     }
  251. </style>