templates/templates/pages/center/center-archive.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/organization.html.twig" %}
  3. {% block bodyClass %}{% endblock %}
  5. {% block siteHeader %}
  6.   {% include 'organisms/organization-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header.html.twig' with {
  11.         title: 'Arquivo'
  12.     } %}
  13. {% endblock %}
  15. {% block pageContent %}
  16.     <section class="org-tier is-marginless-top">
  17.         <div class="tier-content">
  18.             <div class="org-modules-container has-banners">
  19.                 {% include 'molecules/banners/s.html.twig' with {
  20.                   modifiers: 'is-light',
  21.                   title: 'Título dun documento',
  22.                   link: 'https://document.pdf',
  23.                 } %}
  24.                 {% include 'molecules/banners/s.html.twig' with {
  25.                   modifiers: 'is-light',
  26.                   title: 'Título dun documento',
  27.                   link: 'https://document.pdf',
  28.                 } %}
  29.                 {% include 'molecules/banners/s.html.twig' with {
  30.                   modifiers: 'is-light',
  31.                   title: 'Título dun documento',
  32.                   link: 'https://document.pdf',
  33.                 } %}
  34.                 {% include 'molecules/banners/s.html.twig' with {
  35.                   modifiers: 'is-light',
  36.                   title: 'Título dun documento',
  37.                   link: 'https://document.pdf',
  38.                 } %}
  39.               </div>
  40.             </div>
  41.           </section>
  43.           <section class="org-tier has-advanced-actions">
  44.               <div class="tier-header">
  45.                   <h2 class="tier-title">Todos os documentos</h2>
  46.                   <div class="tier-action">
  47.                       <div class="ml-filters-group">
  48.                           <usc-text-filter
  49.                               target-container="#banners-container-1"
  50.                               target-items=".col-lg-3"
  51.                           ></usc-text-filter>
  52.                           <usc-dropdown-filter
  53.                                   label="Tipo de documento"
  54.                                   target-container="#banners-container-1"
  55.                                   target-items=".col-lg-3"
  56.                           >
  57.                               <template v-slot:default="slotProps">
  58.                                 <li>
  59.                                   <button type="button" @click="slotProps.reset">Todos os documentos</button>
  60.                                 </li>
  61.                                   <li>
  62.                                       <button type="button" @click="slotProps.filter" data-value="acordos">Acordos</button>
  63.                                   </li>
  64.                                   <li>
  65.                                       <button type="button" @click="slotProps.filter" data-value="actas">Actas</button>
  66.                                   </li>
  68.                               </template>
  69.                           </usc-dropdown-filter>
  70.                       </div>
  71.                   </div>
  72.               </div>
  73.               <div class="tier-content">
  74.                 <div class="row" id="banners-container-1">
  75.                     <div class="col-lg-3 actas">
  76.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  77.                           icon: 'at-icon-intranet',
  78.                           title: 'Acta lorem ipsum dolor set'
  79.                       } %}
  80.                     </div>
  81.                     <div class="col-lg-3">
  82.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  83.                           title: 'Título do documento'
  84.                       } %}
  85.                     </div>
  86.                     <div class="col-lg-3 actas">
  87.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  88.                           icon: 'at-icon-intranet',
  89.                           title: 'Acta lorem ipsum dolor set'
  90.                       } %}
  91.                     </div>
  92.                     <div class="col-lg-3">
  93.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  94.                           title: 'Título do documento'
  95.                       } %}
  96.                     </div>
  97.                     <div class="col-lg-3 actas">
  98.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  99.                           icon: 'at-icon-intranet',
  100.                           title: 'Acta lorem ipsum dolor set'
  101.                       } %}
  102.                     </div>
  103.                     <div class="col-lg-3">
  104.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  105.                           title: 'Título do documento'
  106.                       } %}
  107.                     </div>
  108.                     <div class="col-lg-3 actas">
  109.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  110.                           icon: 'at-icon-intranet',
  111.                           title: 'Acta lorem ipsum dolor set'
  112.                       } %}
  113.                     </div>
  114.                     <div class="col-lg-3">
  115.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  116.                           title: 'Título do documento'
  117.                       } %}
  118.                     </div>
  119.                     <div class="col-lg-3 actas">
  120.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  121.                           icon: 'at-icon-intranet',
  122.                           title: 'Acta lorem ipsum dolor set'
  123.                       } %}
  124.                     </div>
  125.                     <div class="col-lg-3">
  126.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  127.                           title: 'Título do documento'
  128.                       } %}
  129.                     </div>
  130.                     <div class="col-lg-3 actas">
  131.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  132.                           icon: 'at-icon-intranet',
  133.                                                     title: 'Acta lorem ipsum dolor set'
  134.                       } %}
  135.                     </div>
  136.                     <div class="col-lg-3">
  137.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  138.                           title: 'Título do documento'
  139.                       } %}
  140.                     </div>
  141.                     <div class="col-lg-3 actas">
  142.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  143.                           icon: 'at-icon-intranet',
  144.                           title: 'Acta lorem ipsum dolor set'
  145.                       } %}
  146.                     </div>
  147.                     <div class="col-lg-3">
  148.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  149.                           title: 'Título do documento'
  150.                       } %}
  151.                     </div>
  152.                     <div class="col-lg-3 actas">
  153.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  154.                           icon: 'at-icon-intranet',
  155.                           title: 'Acta lorem ipsum dolor set'
  156.                       } %}
  157.                     </div>
  158.                     <div class="col-lg-3 acordos">
  159.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  160.                           title: 'Título do documento'
  161.                       } %}
  162.                     </div>
  163.                     <div class="col-lg-3 actas">
  164.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  165.                           icon: 'at-icon-intranet',
  166.                           title: 'Acta lorem ipsum dolor set'
  167.                       } %}
  168.                     </div>
  169.                     <div class="col-lg-3 acordos">
  170.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  171.                           title: 'Título do documento'
  172.                       } %}
  173.                     </div>
  174.                     <div class="col-lg-3 actas">
  175.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  176.                           icon: 'at-icon-intranet',
  177.                           title: 'Acta lorem ipsum dolor set'
  178.                       } %}
  179.                     </div>
  180.                     <div class="col-lg-3 acordos">
  181.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  182.                           title: 'Título do documento'
  183.                       } %}
  184.                     </div>
  185.                     <div class="col-lg-3 actas">
  186.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  187.                           icon: 'at-icon-intranet',
  188.                           title: 'Acta lorem ipsum dolor set'
  189.                       } %}
  190.                     </div>
  191.                     <div class="col-lg-3">
  192.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  193.                           icon: 'at-icon-intranet',
  194.                           title: 'Título do documento'
  195.                       } %}
  196.                     </div>
  197.                     <div class="col-lg-3 actas">
  198.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  199.                           icon: 'at-icon-intranet',
  200.                           title: 'Acta lorem ipsum dolor set'
  201.                       } %}
  202.                     </div>
  203.                     <div class="col-lg-3">
  204.                     {% include 'molecules/generic-summary/summary.html.twig' with {
  205.                           icon: 'at-icon-intranet',
  206.                           title: 'Título do documento'
  207.                       } %}
  208.                     </div>
  209.                   </div>
  210.               </div>
  211.           </section>
  221. {% endblock %}
  223. {% block siteFooter %}
  224.     {% include 'organisms/site-footer.html.twig' %}
  225. {% endblock %}