{% extends "layouts/organization.html.twig" %}
{% block bodyClass %}{% endblock %}
{% block siteHeader %}
{% include 'organisms/organization-header.html.twig' %}
{% endblock %}
{% block pageHeader %}
{% include 'molecules/page-header.html.twig' with {
breadcrumb: [
{ path: path('center-quality'), title: 'Calidade' }
],
title: 'Documentación do SCG'
} %}
{% endblock %}
{% block pageContent %}
<section class="org-tier is-marginless-top">
<div class="tier-content">
<div class="org-modules-container has-banners">
{% include 'molecules/banners/s.html.twig' with {
modifiers: 'is-light',
link: 'http://documento.pdf',
title: 'Título dun documento'
} %}
{% include 'molecules/banners/s.html.twig' with {
modifiers: 'is-light',
link: 'http://documento.pdf',
title: 'Título dun documento'
} %}
{% include 'molecules/banners/s.html.twig' with {
modifiers: 'is-light',
link: 'http://documento.pdf',
title: 'Título dun documento'
} %}
{% include 'molecules/banners/s.html.twig' with {
modifiers: 'is-light',
link: 'http://documento.pdf',
title: 'Título dun documento'
} %}
</div>
</div>
</section>
<section class="org-tier has-advanced-actions">
<div class="tier-header">
<h2 class="tier-title">Todos os documentos</h2>
<div class="tier-action">
<div class="ml-filters-group">
<usc-text-filter
target-container="#banners-container-1"
target-items=".col-lg-3"
></usc-text-filter>
<usc-dropdown-filter
label="Tipo de documento"
target-container="#banners-container-1"
target-items=".col-lg-3"
>
<template v-slot:default="slotProps">
<li>
<button type="button" @click="slotProps.reset">Todos os documentos</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="is-type-1">Plans</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="is-type-2">Memorias</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="is-type-3">Manuais</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="is-type-4">Indicadores</button>
</li>
</template>
</usc-dropdown-filter>
</div>
</div>
</div>
<div class="tier-content">
<div class="row" id="banners-container-1">
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-3">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-4">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-4">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-3">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-4">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-3">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-3">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-4">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-2">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-2">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-3">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-1">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
<div class="col-lg-3 is-type-3">
{% include 'molecules/generic-summary/summary.html.twig' with {
title: 'Título do documento'
} %}
</div>
</div>
</div>
</section>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}