templates/frontend/visualisasi/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">Visualisasi</div>
  12.             </div>
  13.         </div>
  14.     </div>
  16.     <main>
  17.         <div class="pt-4 pb-5">
  18.             <div class="container">
  19.                 <div class="position-relative mb-4" style="top: 10px;">
  20.                     {# <div class="mb-5">
  21.                         <div class="border rounded-lg bg-white mx-auto" style="height: 55px; max-width: 550px;">
  22.                             <form action="{{ path('infografik') }}" method="get" class="h-100">
  23.                                 <div class="input-group h-100">
  24.                                     <input type="text" name="judul" value="{% if search['judul'] %} {{ search['judul'] }} {% endif %}" class="form-control input-search h-100 border-0" placeholder="Masukkan Kata Pencarian">
  25.                                     <button class="btn btn-danger" type="submit">
  26.                                         <i class="fa fa-search"></i>
  27.                                     </button>
  28.                                 </div>
  29.                             </form>
  30.                         </div>
  31.                     </div> #}
  33.                     <style></style>
  35.                     <div class="row">
  36.                         {% for ig in pagination %}
  37.                             <div class="col-4" style="padding-top: 20px;">
  38.                                 <div class="showcase-item" >
  39.                                     <a class="showcase-item__link" href="{{ path('detail_visualisasi', {id: ig.id}) }}"></a>
  40.                                     <figure class="showcase-item__img m-0">
  41.                                         {% set hasThumbnail = ig.cover ? "uploads/" ~ ig.cover : "frontend/img/poster-placeholder.png" %} 
  42.                                         {% set extensi = hasThumbnail|split('.') %}
  43.                                         {% set ext = extensi|last %}
  44.                                         {% if ext == 'pdf' %}
  45.                                             <img src="{{ asset('frontend/img/pdf.png') }}" class="w-100 h-100" style="object-fit: contain;" alt="img-grafis" width="20px"/>
  46.                                         {% else %}
  47.                                             <img src="{{ asset(hasThumbnail) }}" alt=""/>
  48.                                         {% endif %}
  49.                                     </figure>
  50.                                     <div class="showcase-item__content">
  51.                                         <h6 class="text-light">{{ ig.judul }}</h6>
  52.                                         {# <div class="d-flex align-items-center">
  53.                                             <div>
  54.                                                 <span class="fs-14 text-light fw-300">
  55.                                                     <i class="bi bi-briefcase-fill"></i>
  56.                                                     {{ ig.sumber }}
  57.                                                 </span>
  58.                                             </div>
  59.                                             <div class="ml-3">
  60.                                                 <span class="icon fs-14 text-light fw-300">
  61.                                                     <i class="bi bi-eye-fill"></i>
  62.                                                     {{ ig.view }}
  63.                                                 </span>
  64.                                             </div>
  65.                                         </div> #}
  66.                                     </div>
  67.                                 </div>
  68.                             </div>
  69.                         {% endfor %}
  70.                     </div>
  72.                     <div
  73.                         class="d-flex justify-content-center">
  74.                         {# <a href="{{ path('dataset', { page: pagenya + 1 }) }}" class="btn btn-success">Muat Lebih Banyak</a> #}
  75.                         {{ knp_pagination_render(pagination, 'frontend/dataset/pager.html.twig') }}
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </main>
  82.     {# <main>
  83.         <div class="pt-4 pb-5">
  84.             <div class="container">
  85.                 <div class="position-relative mb-4" style="top: 10px;">
  86.                     <div class='tableauPlaceholder' id='viz1677652123262' style='position: relative'><noscript><a href='#'><img alt='pdrb kab kediri ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;WX&#47;WX8D8QPGW&#47;1_rss.png' style='border: none' /></a></noscript>
  87.                     <object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> 
  88.                     <param name='embed_code_version' value='3' /> <param name='path' value='shared&#47;WX8D8QPGW' /> 
  89.                     <param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;WX&#47;WX8D8QPGW&#47;1.png' /> 
  90.                     <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' />
  91.                     <param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' />
  92.                     <param name='display_count' value='yes' /><param name='language' value='en-US' />
  93.                     </object>
  94.                     </div>                
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     </main> #}
  100.     <script type='text/javascript'>                    
  101.         var divElement = document.getElementById('viz1677652123262');                    
  102.         var vizElement = divElement.getElementsByTagName('object')[0];                    
  103.         vizElement.style.width='1169px';vizElement.style.height='4127px';                    
  104.         var scriptElement = document.createElement('script');                    
  105.         scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    
  106.         vizElement.parentNode.insertBefore(scriptElement, vizElement);                
  107.     </script>
  108. {% endblock %}