{% extends 'layouts/layout.html.twig' %}{% block content %} {% set queryParams = app.request.query.all %} <main class="pullc"> <div class="container-xl directory rd"> <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">Tools </h1> </div> <form class="p-3 mb-5 filters" method="get" action="/Resource-Directory"> <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="/Resource-Directory">Clear filters</a> </div> {% endif %} <legend>Topics</legend> <hr> <input type="hidden" name="tree" value="{{ treevalues }}"> <input type="hidden" name="rtag" value="{{ rtag }}"> <ul class="list-unstyled"> {% for tag in tags %} <li {% if tag.id in treevalues %} class="fw-bold" {% endif %}> <a href="/Resource-Directory?tree={{ tag.id }}{{ qslink }}">{{ tag.text }}</a> </li> {% if tag.id in treevalues and tag.nodes %} <li> <ul class="list-unstyled"> {% for node in tag.nodes %} <li class="ps-4{% if node.id in treevalues %} fw-bold{% endif %}"> <a href="/Resource-Directory?tree={{ tag.id }},{{ node.id }}{{ qslink }}">{{ node.text }}</a> </li> {% endfor %} </li> </li> </ul> {% endif %} {% endfor %} </ul> <hr> <fieldset> <legend>Contributor</legend> <select class="form-select" name="contributor" aria-label="Contributors" onchange="this.form.submit()"> <option value="">Any</option> {% for contributor in contributors_options %} <option {% if contributor.value in contributorsvalues %} selected {% endif %} value="{{ contributor.value }}">{{ contributor.key }}</option> {% endfor %} </select> </fieldset> </div> <div class="col col-12 col-md-6 col-lg-12 mt-2"><hr> <fieldset> <legend>Project</legend> <select class="form-select" name="project" aria-label="Project" onchange="this.form.submit()"> <option value="">Any</option> {% for project in projects_options %} <option {% if project.value in projectsvalues %} selected {% endif %} value="{{ project.value }}">{{ project.key }}</option> {% endfor %} </select> </fieldset> </div> <div class="col col-12 col-md-6 col-lg-12 mt-2"><hr> <fieldset> <legend>Type</legend> <select class="form-select" name="type" aria-label="Resource type" onchange="this.form.submit()"> <option value="">Any</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 terms" 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="/Tools">Tools</a> / CESSDA Resource Directory </div> {#{ dump(tags) }#} <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"> <h2>CESSDA Resource Directory</h2> </div> <div class="col-12 col-lg-4 align-self-lg-end"> <form method="get" action="/Resource-Directory"> <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 added</option> <option {% if sort == "title" %} selected {% endif %} value="title">Title</option> </select> </div> <input type="hidden" name="st" value="{{st}}">{% if treevalues %}<input type="hidden" name="tree" value="{{ treevalues }}">{% endif %}{% if rtag %} <input type="hidden" name="rtag" value="{{ rtag }}"> {% endif %} {% if contributorsvalues %} <input type="hidden" name="contributor" value="{{contributorsvalues}}"> {% endif %} {% if projectsvalues %} <input type="hidden" name="project" value="{{projectsvalues}}"> {% endif %} <input type="hidden" name="type" value="{{typesvalues}}"> </form> </div> </div> </div> {% if not rdResourceListing.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="/Resource-Directory"> <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="/Resource-Directory">Clear filters</a> </div> {% endif %} <legend>Topics</legend> <hr> <input type="hidden" name="tree" value="{{ treevalues }}"> <input type="hidden" name="rtag" value="{{ rtag }}"> <ul class="list-unstyled"> {% for tag in tags %} <li {% if tag.id in treevalues %} class="fw-bold" {% endif %}> <a href="/Resource-Directory?tree={{ tag.id }}{{ qslink }}">{{ tag.text }}</a> </li> {% if tag.id in treevalues and tag.nodes %} <li> <ul class="list-unstyled"> {% for node in tag.nodes %} <li class="ps-4{% if node.id in treevalues %} fw-bold{% endif %}"> <a href="/Resource-Directory?tree={{ tag.id }},{{ node.id }}{{ qslink }}">{{ node.text }}</a> </li> {% endfor %} </li> </li> </ul> {% endif %} {% endfor %} </ul></div><div class="col col-12 col-md-6 col-lg-12 mt-2"> <fieldset> <legend>Contributor</legend><hr> <select class="form-select" name="contributor" aria-label="Contributors" onchange="this.form.submit()"> <option value="">Any</option> {% for contributor in contributors_options %} <option {% if contributor.value in contributorsvalues %} selected {% endif %} value="{{ contributor.value }}">{{ contributor.key }}</option> {% endfor %} </select> </fieldset> <hr> <fieldset> <legend>Project</legend><hr> <select class="form-select" name="project" aria-label="Project" onchange="this.form.submit()"> <option value="">Any</option> {% for project in projects_options %} <option {% if project.value in projectsvalues %} selected {% endif %} value="{{ project.value }}">{{ project.key }}</option> {% endfor %} </select> </fieldset> </div> <div class="col col-12 col-md-6 col-lg-12 mt-2"><hr> <fieldset> <legend>Type</legend><hr> <select class="form-select" name="type" aria-label="Resource type" onchange="this.form.submit()"> <option value="">Any</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"><legend>Search terms</legend><hr> <div class="input-group mt-3"> <input type="search" class="form-control" name="st" value="{{ st }}" placeholder="Search terms" 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> </div> </div> {% if rtagname is not empty %} <div class="text-center mb-2">Tag: <span class="badge rounded-pill bg-blue-050 text-dark">{{rtagname}}</span> <a href="/Resource-Directory" class="badge rounded-pill bg-blue-600 text-white">Clear tag</a></div> {% endif %} {% if paginationVariables.totalCount > 0 %}<div class="results mb-4">Showing {{ paginationVariables.firstItemNumber }} to {{ paginationVariables.lastItemNumber }} of {{ paginationVariables.totalCount }} items</div>{% endif %} {% for resource in rdResourceListing %} <div class="row newslist"> {% set detailLink = app_rdresource_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"> {% if resource.publish_date %} {{ resource.publish_date | date('Y') }} {% endif %} </span> {% if resource.resource_type %} <span class="badge rounded-pill bg-gray-200 text-dark"> {{ resource.resource_type }}</span> {% endif %} {% for resource_format in resource.resource_format %} {% if resource_format != 'Webpage' %} <span class="badge rounded-pill bg-gray-200 text-dark"> {{ resource_format }}</span> {% endif %} {% 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 %} {% if paginationVariables.totalCount > 0 %} <div class="results mt-4">Showing {{ paginationVariables.firstItemNumber }} to {{ paginationVariables.lastItemNumber }} of {{ paginationVariables.totalCount }} items</div> {% endif %} <div class="mt-5"> {% include 'includes/pagination.html.twig' %}</div> </div> {#{ dump(filterprequery) }#} </div> </div></main>{% endblock %}