{% extends 'layouts/layout.html.twig' %}{% block content %} {% set queryParams = app.request.query.all %} <main class="pullc"> <div class="container-xl directory"> <div class="row"> <div class="col-lg-3 leftpull section-pillar d-none d-lg-block"> <div class="section-title px-3 px-lg-3 ps-lg-0 d-flex flex-column"> <h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">{{ section_title }} </h1> </div> <form class="p-3 mb-5 filters" method="get" action="/Training-Resources"> <div class="row"> <div class="col col-12 col-md-6 col-lg-12"> {% if queryParams %} <div class="text-center mb-1"> <a class="btn btn-outline-light" href="/Training-Resources">Clear filters</a> </div> {% endif %} <fieldset> <legend>Topic</legend> {% for topic in topics_options %} <div class="form-check"> <input class="form-check-input" onchange="this.form.submit()" id="topic{{ loop.index }}" name="topics[]" type="checkbox" {% if topic.value in topicsvalues %} checked {% endif %} value="{{ topic.value }}"> <label class="form-check-label" for="topic{{ loop.index }}"> {{ topic.key }} </label> </div> {% endfor %} </fieldset> <hr> </div> <div class="col col-12 col-md-6 col-lg-12"> <fieldset> <legend>Audience</legend> {% for audience in audiences_options %} <div class="form-check"> <input class="form-check-input" onchange="this.form.submit()" id="audiences{{ loop.index }}" name="audiences[]" type="checkbox" {% if audience.value in audiencesvalues %} checked {% endif %} value="{{ audience.value }}"> <label class="form-check-label" for="audiences{{ loop.index }}"> {{ audience.key }} </label> </div> {% endfor %} </fieldset> <hr> </div> <div class="col col-12 col-md-6 col-lg-12"> <fieldset> <legend>Type</legend> <select class="form-select" name="type" aria-label="Resource type" onchange="this.form.submit()"> <option value="">All types</option> {% for type in types_options %} <option {% if type.value in typesvalues %} selected {% endif %} value="{{ type.value }}">{{ type.key }}</option> {% endfor %} </select> </fieldset> </div> <div class="col col-12 col-md-6 col-lg-12 mt-2"> <hr> <div class="input-group mt-3"> <input type="search" class="form-control" name="st" value="{{ st }}" placeholder="Search resources" aria-label="Search training resources"> <div class="input-group-append"> <button class="btn btn-outline-light" type="submit">Go</button> </div> </div> </div> </div> <input type="hidden" name="sort" value="{{ sort }}"> </form> {% if document.getProperty('pillar_background') %} {% if document.getProperty('pillar_background').getMetadata('Credit') %} <div class="pillar-credit"> Image: {{ document.getProperty('pillar_background').getMetadata('Credit') }} </div> {% endif %} {% endif %} </div> <div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4"> <div class="breadcrumbs mt-3"> <a href="/">Home</a> / <a href="/Training">CESSDA Training</a> / <a href="/Training-Resources">Training Resources</a> / List </div> <div class="row mb-4"> <div class="col-12 my-3"> <div class="row justift-content-lg-end align-items-center"> <div class="col-12 col-lg-8"> <h1>Training Resources</h1> </div> <div class="col-12 col-lg-4 align-self-lg-end"> <form method="get" action="/Training-Resources"> <div class="input-group mb-3"> <button class="btn btn-primary" type="submit">Sort</button> <select class="form-select" name="sort" aria-label="Sorting" onchange="this.form.submit()"> <option {% if sort == "date DESC" or not sort %} selected {% endif %} value="date DESC">Latest published</option> <option {% if sort == "date ASC" %} selected {% endif %} value="date ASC">Earliest published</option> <option {% if sort == "title" %} selected {% endif %} value="title">Title</option> </select> </div> <input type="hidden" name="st" value="{{st}}"> {% if topicsvalues %} {% for topicsvalue in topicsvalues %} <input type="hidden" name="topics[]" value="{{topicsvalue}}"> {% endfor %} {% endif %} {% if audiencesvalues %} {% for audiencesvalue in audiencesvalues %} <input type="hidden" name="audiences[]" value="{{audiencesvalue}}"> {% endfor %} {% endif %} <input type="hidden" name="type" value="{{typesvalues}}"> </form> </div> </div> </div> {% if not resourceListing.items %} <p class="text-center mt-2">No results. Please try different filters or search terms.</p> {% endif %} <div class="d-lg-none"> <a class="btn btn-primary mb-2" data-bs-toggle="collapse" href="#mobilefilters" role="button" aria-expanded="false" aria-controls="mobilefilters"> Show/hide filters </a> <form class="my-2 mobile-filters collapse" id="mobilefilters" method="get" action="/Training-Resources"> <div class="row p-3"> <div class="col col-12 col-md-6 col-lg-12"> {% if queryParams %} <div class="text-center mb-1"> <a class="btn btn-outline-light" href="/Training-Resources">Clear filters</a> </div> {% endif %} <fieldset> <legend>Topic</legend> {% for topic in topics_options %} <div class="form-check"> <input class="form-check-input" id="mtopic{{ loop.index }}" name="topics[]" type="checkbox" {% if topic.value in topicsvalues %} checked {% endif %} value="{{ topic.value }}"> <label class="form-check-label" for="mtopic{{ loop.index }}"> {{ topic.key }} </label> </div> {% endfor %} </fieldset> </div> <div class="col col-12 col-md-6 col-lg-12 pt-2 pt-md-0"> <fieldset> <legend>Audience</legend> {% for audience in audiences_options %} <div class="form-check"> <input class="form-check-input" id="maudiences{{ loop.index }}" name="audiences[]" type="checkbox" {% if audience.value in audiencesvalues %} checked {% endif %} value="{{ audience.value }}"> <label class="form-check-label" for="maudiences{{ loop.index }}"> {{ audience.key }} </label> </div> {% endfor %} </fieldset> </div> </div> <div class="row pb-3 pt-0 px-3"> <div class="col col-12 col-md-6 col-lg-12"> <fieldset> <select class="form-select" name="type" aria-label="Resource type"> <option value="">All types</option> {% for type in types_options %} <option {% if type.value in typesvalues %} selected {% endif %} value="{{ type.value }}">{{ type.key }}</option> {% endfor %} </select> </fieldset> </div> <div class="col col-12 col-md-6 col-lg-12 pt-2 pt-md-0"> <div class="form-floating"> <input type="search" class="form-control" name="st" value="{{ st }}" id="msearchterms" placeholder="Search terms" aria-label="Search training resources"> <label for="msearchterms">Additional search terms</label> </div> </div> <input type="hidden" name="sort" value="{{ sort }}"> <div class="col-12 mt-3"> <button class="btn btn-primary" type="submit">Apply</button> </div> </div> </form> </div> </div> {% for resource in resourceListing %} <div class="row newslist mb-2"> {% set detailLink = app_resource_detaillink(resource) %} <div class="col-12 p-2"> <h2> <a href="{{ detailLink }}{% if qs is defined and qs != "" %}?{{ qs }}{% endif %}" class="listlink bluelink stretched-link">{{ resource.title }}</a> </h2> <span class="eventdate">{{ resource.date | date('Y-m-d') }}</span> {% for topic in resource.topics %} <span class="badge rounded-pill bg-green-050 text-dark"> {{ topic }}</span> {% endfor %} {% for resource_type in resource.resource_type %} <span class="badge rounded-pill bg-green-050 text-dark"> {{ resource_type }}</span> {% endfor %} {% for resource_format in resource.resource_format %} <span class="badge rounded-pill bg-green-050 text-dark"> {{ resource_format }}</span> {% endfor %} <div class="w-100"> <div class="mb-1"> {% if resource.description|length > 300 %} {{ resource.description|slice(0, 297)|trim ~ '...' }} {% else %} {{ resource.description }} {% endif %} </div> </div> </div> </div> {% endfor %} <div class="mt-5"> {% include 'includes/pagination.html.twig' %}</div> </div> {#{ dump(filterprequery) }#} </div> </div></main>{% endblock %}