templates/frontend/list_publikasi/index.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  3. {% block body %}
  4.     <div class="page-bar-hero is-detail" style="margin-top:75px;">
  5.         <div class="container d-flex align-items-center">
  6.             <div class="position-relative">
  7.                 <a href="{{ path('homepage') }}" class="btn btn-outline-light btn-sm fw-500 mb-3">
  8.                     <i class="bi bi-arrow-left-circle"></i>
  9.                     Beranda
  10.                 </a>
  11.                 <div class="title-infografik">Daftar Rilis Publikasi</div>
  12.             </div>
  13.         </div>
  14.     </div>
  16.     <main>
  17.         <div class="pt-4 pb-5">
  18.             <div class="container">
  19.                 <div class="row">
  20.                     <div class="col-xl-12 col-lg-12">
  21.                         <div class="card shadow" style="margin-left: 10%; margin-right: 10%;">
  22.                             <!-- Card Header - Dropdown -->
  23.                             <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
  24.                                 <h6 class="m-0 font-weight-bold text-primary">Daftar Publikasi 2024</h6>
  25.                             </div>
  26.                             
  27.                             <!-- Card Body -->
  28.                             <div class="card-body">
  29.                                 {% if button_credential[page_name]['new'] is defined %}
  30.                                     <a href="{{ path(page_name ~ '_new') }}" class="btn btn-xs btn-success"><i class="fa fa-plus"></i> {{'new'|trans}}</a>
  31.                                 {% endif %}
  32.     
  33.                                 <div class="conditional-responsive-table">
  34.                                     <table class="table table-bordered table-hover">
  35.                                         <thead>
  36.                                             <tr>
  37.                                                 <th>{{ 'no'|title }}</th>
  38.                                                 <th>{{ 'Judul Publikasi'|title }}</th>
  39.                                                 <th>{{ 'Sumber Data'|title }}</th>
  40.                                                 <th>{{ 'Jadwal Rilis'|title }}</th>
  41.                                                 <th>{{ 'Status'|title }}</th>
  42.                                                 <th>{{ 'Aksi'|title }}</th>
  43.                                             </tr>
  44.                                         </thead>
  45.                                         <tbody>
  46.                                             <tr>
  47.                                                 <td colspan="6" style="text-align: center; vertical-align: middle;">Data publikasi belum ada</td>
  48.                                             </tr>
  49.                                         </tbody>
  50.                                     </table>
  51.                                 </div>
  52.                             </div>
  53.                         </div>
  54.                     </div>
  55.                 </div>
  56.                 <div class="row pt-5">
  57.                     <div class="col-xl-12 col-lg-12">
  58.                         <div class="card shadow" style="margin-left: 10%; margin-right: 10%;">
  59.                             <!-- Card Header - Dropdown -->
  60.                             <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
  61.                                 <h6 class="m-0 font-weight-bold text-primary">Daftar Publikasi 2023</h6>
  62.                             </div>
  63.                             
  64.                             <!-- Card Body -->
  65.                             <div class="card-body">
  66.                                 {% if button_credential[page_name]['new'] is defined %}
  67.                                     <a href="{{ path(page_name ~ '_new') }}" class="btn btn-xs btn-success"><i class="fa fa-plus"></i> {{'new'|trans}}</a>
  68.                                 {% endif %}
  69.     
  70.                                 <div class="conditional-responsive-table">
  71.                                     <table class="table table-bordered table-hover">
  72.                                         <thead>
  73.                                             <tr>
  74.                                                 <th>{{ 'no'|title }}</th>
  75.                                                 <th>{{ 'Judul Publikasi'|title }}</th>
  76.                                                 <th>{{ 'Sumber Data'|title }}</th>
  77.                                                 <th>{{ 'Jadwal Rilis'|title }}</th>
  78.                                                 <th>{{ 'Status'|title }}</th>
  79.                                                 <th>{{ 'Aksi'|title }}</th>
  80.                                             </tr>
  81.                                             {# {% include 'frontend/' ~page_name ~ '/_filters.html.twig' %} #}
  82.                                         </thead>
  83.                                         <tbody>
  84.                                             {% for i, data in pagination %}
  85.                                                 <tr>
  86.                                                     <td>{{ i + ( pagination.getItemNumberPerPage * pagination.getCurrentPageNumber ) - pagination.getItemNumberPerPage + 1 }}</td>
  87.                                                     <td ><a href="{{ path('detail_publikasii', {id: data.id}) }}">{{ data.judul }}</a></td>
  88.                                                     <td>{{ data.sumber }}</td>
  89.                                                     <td>{{ data.releaseDate | date("d F Y") }}</td>
  90.                                                     <td>
  91.                                                         {% set now = "now" | date("Y-m-d") %}
  92.                                                         {% set releaseDate = data.releaseDate | date("Y-m-d") %}
  93.                                                         {% if releaseDate <= now %}
  94.                                                             <span class="badge badge-success">Sudah Rilis</span>
  95.                                                         {% else %}
  96.                                                             <span class="badge badge-warning">Belum Rilis</span>
  97.                                                         {% endif %}
  98.                                                     </td>
  99.                                                     <td><a href="{{ path('detail_publikasii', {id: data.id}) }}" ><i class="fa fa-eye mr-1"></i></a></td>
  100.                                                 </tr>
  101.                                                 {% else %}
  102.                                                 <tr>
  103.                                                     <td colspan="9">{{ 'record_not_found'|trans }}</td>
  104.                                                 </tr>
  105.                                             {% endfor %}
  106.                                         </tbody>
  107.                                     </table>
  108.                                 </div>
  109.     
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.     </main>
  117.     <script>
  118.         document.addEventListener("DOMContentLoaded", function() {
  119.         function updateTableResponsiveClass() {
  120.             const tables = document.querySelectorAll('.conditional-responsive-table');
  121.             tables.forEach(table => {
  122.                 if (window.innerWidth < 992) {
  123.                     table.classList.add('table-responsive');
  124.                 } else {
  125.                     table.classList.remove('table-responsive');
  126.                 }
  127.             });
  128.         }
  130.         // Initial check
  131.         updateTableResponsiveClass();
  133.         // Update on resize
  134.         window.addEventListener('resize', updateTableResponsiveClass);
  135.     });
  136.     </script>
  138. {% endblock %}