scout-browser 4.85__py3-none-any.whl → 4.86__py3-none-any.whl

scout/server/blueprints/institutes/templates/overview/gene_variants.html

@@ -1,5 +1,5 @@
 {% extends "layout.html" %}
-{% from "variants/components.html" import gene_cell, frequency_cell_general %}
+{% from "variants/components.html" import frequency_cell_general, variant_funct_anno_cell, variant_gene_symbols_cell, variant_region_anno_cell %}
 {% from "utils.html" import comments_table %}
 {% from "overview/institute_sidebar.html" import institute_actionbar %}
 {% from "variants/utils.html" import pagination_footer, pagination_hidden_div %}
@@ -39,12 +39,12 @@
 <thead>
         <tr>
           <th scope="col">Case : Score</th>
+          <th scope="col">Var</th>
           <th scope="col">Gene</th>
           <th scope="col">Pop Freq</th>
           <th scope="col">CADD</th>
           <th scope="col">Region</th>
           <th scope="col">Function</th>
-          <th scope="col">HGVS</th>
         </tr>
 </thead>
 <tbody>
@@ -55,20 +55,12 @@
         <tr>
       {% endif %}
             <td class="align-middle">{{ cell_rank(variant) }}</td>
-            <td class="align-middle">{{ gene_cell(variant) }}</td>
+            <td class="align-middle">{{ pretty_link_no_gene(variant) }} </td>
+            <td class="align-middle">{{ variant_gene_symbols_cell(variant) }}</td>
             <td class="align-middle">{{ frequency_cell_general(variant) }}</td>
             <td class="align-middle">{{ cell_cadd(variant) }}</td>
-            <td class="align-middle">
-              {% for annotation in variant.region_annotations %}
-                <div>{{ annotation }}</div>
-              {% endfor %}
-            </td>
-            <td class="align-middle">
-              {% for annotation in variant.functional_annotations %}
-                <div>{{ annotation }}</div>
-              {% endfor %}
-            </td>
-            <td class="align-middle"> {{ (variant.hgvs or '')|url_decode  }}</td>
+            <td class="align-middle">{{ variant_region_anno_cell(variant) }}</td>
+            <td class="align-middle">{{ variant_funct_anno_cell(variant) }}</td>
           </tr>
         {% endfor %}
         {% if form.hgnc_symbols.data == [] %}
@@ -80,7 +72,10 @@
         {% elif variants == [] %}
         <tr>
           <td colspan=7>
-            No variants matching your query in genes: {{form.hgnc_symbols.data|join(", ")}}
+            No variants matching your query in genes: {{form.hgnc_symbols.data|join(", ")}}.
+            {% if "research" not in form.variant_type.data %}
+              Consider a lower rank score threshold or including research variants.
+            {% endif %}
           </td>
         </tr>
         {% endif %}
@@ -92,12 +87,26 @@
 </form>
 {% endmacro %}
 
-{% macro cell_rank(variant) %}
-    <a
-       href="{{ url_for('variant.variant', institute_id=variant.institute,
+
+{% macro pretty_link_no_gene(variant) %}
+  {% if variant.category == "sv" %}
+    <a href="{{ url_for('variant.sv_variant', institute_id=variant.institute,
             case_name=variant.case_display_name, variant_id=variant._id) }}" target="_blank">
-      {{ variant.case_display_name}}
-    </a>
+       {% if hgvs in variant %}
+        {{ variant.hgvs }}
+       {% else %}
+        {{ variant.sub_category|upper }}({{ variant.chromosome }}{{ variant.cytoband_start }}-{{ variant.end_chrom }}{{ variant.cytoband_end }})
+       {% endif %}
+  {% else %}
+    <a href="{{ url_for('variant.variant', institute_id=variant.institute,
+            case_name=variant.case_display_name, variant_id=variant._id) }}" target="_blank">
+    {{ (variant.hgvs or '')|url_decode }}
+  {% endif %}
+  </a>
+{% endmacro %}
+
+{% macro cell_rank(variant) %}
+   {{ variant.case_display_name }}
     :
     <span class="badge bg-info">{{ variant.rank_score|int }}</span>
 {% endmacro %}
@@ -123,29 +132,33 @@
           {{ form.hgnc_symbols.label(class="control-label") }}
           {{ form.hgnc_symbols(class="form-control") }}
         </div>
-        <div class="col col-md-3">
-          <label class="control-label">Rank Score ></label>
+        <div class="col col-md-1">
+          <label class="control-label" for="rank_score">Rank Score</label>
           <input type="number" class="form-control" id="rank_score" name="rank_score" min="5" value={{form.rank_score.data}}>
         </div>
-        <div class="col col-md-3">
+        <div class="col col-md-2">
           {{ form.variant_type.label(class="control-label") }}
           {{ form.variant_type(class="form-control", class="selectpicker", data_style="btn-secondary") }}
         </div>
+        <div class="col col-md-2">
+          {{ form.category.label(class="control-label") }}
+          {{ form.category(class="form-control", class="selectpicker", data_style="btn-secondary") }}
+        </div>
       </div>
       <div class="row">
-        <div class="col-md-3">
+        <div class="col-md-6">
           {{ form.phenotype_terms.label(class="control-label") }}
           {{ form.phenotype_terms(class="form-control") }}
         </div>
-        <div class="col-md-3">
+        <div class="col-md-2">
           {{ form.phenotype_groups.label(class="control-label") }}
           {{ form.phenotype_groups(class="form-control") }}
         </div>
-        <div class="col-md-3">
+        <div class="col-md-2">
           {{ form.cohorts.label(class="control-label") }}
           {{ form.cohorts(class="form-control") }}
         </div>
-        <div class="col-md-3">
+        <div class="col-md-2">
           {{ form.similar_case.label(class="control-label") }}
           {{ form.similar_case(class="form-control") }}
         </div>

scout/server/blueprints/institutes/templates/overview/institute_sidebar.html

@@ -31,7 +31,7 @@
       <a href="{{ url_for('overview.gene_variants', institute_id=institute._id) }}" class="bg-dark list-group-item list-group-item-action flex-column align-items-start h-100">
           <div class="d-flex w-100 justify-content-start align-items-center">
               <span class="fa fa-search me-3"></span>
-              <span class="menu-collapsed">Search SNVs and INDELs</span>
+              <span class="menu-collapsed">Search SNVs & SVs</span>
           </div>
       </a>
 

scout/server/blueprints/institutes/views.py

@@ -2,16 +2,7 @@
 import json
 import logging
 
-from flask import (
-    Blueprint,
-    current_app,
-    flash,
-    jsonify,
-    redirect,
-    render_template,
-    request,
-    url_for,
-)
+from flask import Blueprint, flash, jsonify, redirect, render_template, request
 from flask_login import current_user
 from pymongo import DESCENDING
 
@@ -138,11 +129,13 @@ def gene_variants(institute_id):
         form = GeneVariantFiltersForm(request.args)
     else:  # POST
         form = GeneVariantFiltersForm(request.form)
+
         if form.variant_type.data == []:
             form.variant_type.data = ["clinical"]
-
         variant_type = form.data.get("variant_type")
 
+        category = form.data.get("category") or ["snv", "sv"]
+
         update_form_hgnc_symbols(store=store, case_obj=None, form=form)
 
         # If no valid gene is provided, redirect to form
@@ -153,7 +146,7 @@ def gene_variants(institute_id):
         variants_query = store.build_variant_query(
             query=form.data,
             institute_ids=[inst["_id"] for inst in user_institutes(store, current_user)],
-            category="snv",
+            category=category,
             variant_type=variant_type,
         )  # This is the actual query dictionary, not the cursor with results
 

scout/server/blueprints/omics_variants/__init__.py

@@ -0,0 +1 @@
+from .views import omics_variants_bp

scout/server/blueprints/omics_variants/controllers.py

@@ -0,0 +1,122 @@
+from flask import Response
+from pymongo.cursor import CursorType
+from werkzeug.datastructures import Headers
+
+from scout.adapter import MongoAdapter
+from scout.constants import EXPORTED_VARIANTS_LIMIT
+from scout.server.blueprints.variant.utils import update_variant_case_panels
+from scout.server.blueprints.variants.utils import update_case_panels
+from scout.server.utils import case_has_alignments, case_has_mt_alignments, case_has_rna_tracks
+
+
+def outliers(
+    store: MongoAdapter,
+    institute_obj: dict,
+    case_obj: dict,
+    omics_variants_query: CursorType,
+    variant_count: int,
+    page: int = 1,
+    per_page: int = 50,
+):
+    """Pre-process list of outlier omics variants."""
+    skip_count = per_page * max(page - 1, 0)
+
+    more_variants = variant_count > (skip_count + per_page)
+    variants = []
+
+    update_case_panels(store, case_obj)
+
+    case_has_alignments(case_obj)
+    case_has_mt_alignments(case_obj)
+    case_has_rna_tracks(case_obj)
+
+    for variant_obj in omics_variants_query.skip(skip_count).limit(per_page):
+        parsed_variant = decorate_omics_variant(
+            store,
+            institute_obj,
+            case_obj,
+            variant_obj,
+        )
+
+        variants.append(parsed_variant)
+
+    return {"variants": variants, "more_variants": more_variants}
+
+
+def decorate_omics_variant(
+    store: MongoAdapter, institute_obj: dict, case_obj: dict, omics_variant_obj: dict
+):
+    """Decorate each variant with a limited selection of variant obj level information for display on variantS page."""
+
+    omics_variant_obj["comments"] = store.events(
+        institute_obj,
+        case=case_obj,
+        variant_id=omics_variant_obj["omics_variant_id"],
+        comments=True,
+    )
+
+    update_variant_case_panels(case_obj, omics_variant_obj)
+
+    return omics_variant_obj
+
+
+def download_omics_variants(case_obj: dict, variant_objs: CursorType):
+    """Download omics variants in a csv file."""
+
+    def generate(header, lines):
+        yield header + "\n"
+        for line in lines:
+            yield line + "\n"
+
+    DOCUMENT_HEADER = [
+        "Gene",
+        "Gene annotation",
+        "Category",
+        "Sub-category",
+        "Potential impact",
+        "Delta PSI",
+        "L2FC",
+        "P-value",
+        "Fold-change",
+        "Samples/Individuals",
+        "Position",
+    ]
+
+    export_lines = []
+    for variant in variant_objs.limit(EXPORTED_VARIANTS_LIMIT):
+        variant_genes: str = (
+            f'"{", ".join(variant.get("hgnc_symbols", variant.get("hgnc_ids", variant.get("gene_name_orig"))))}"'
+        )
+        gene_anno = variant["gene_type"]
+        category = variant["category"]
+        sub_category = variant["sub_category"]
+
+        if sub_category == "splicing":
+            delta_psi = variant["delta_psi"]
+            l2fc = "N/A"
+            potential_impact = f"{variant['potential_impact']} - fs {variant['causes_frameshift']}"
+            fold_change = "N/A"
+        else:
+            delta_psi = "N/A"
+            l2fc = variant["l2fc"]
+            potential_impact = "N/A"
+            fold_change = variant["fold_change"]
+        p_value = "%.3e" % variant["p_value"]
+        samples = f'"{", ".join([sample["display_name"] for sample in variant.get("samples")])}"'
+        position = f"{variant['chromosome']}:{variant['position']}-{variant['end']}"
+
+        variant_line = f"{variant_genes},{gene_anno},{category},{sub_category},{potential_impact},{delta_psi},{l2fc},{p_value},{fold_change},{samples},{position}"
+        export_lines.append(variant_line)
+
+    headers = Headers()
+    headers.add(
+        "Content-Disposition",
+        "attachment",
+        filename=str(case_obj["display_name"]) + "-filtered-omics_variants.csv",
+    )
+    # return a csv with the exported variants
+    return Response(
+        generate(",".join(DOCUMENT_HEADER), export_lines),
+        mimetype="text/csv",
+        headers=headers,
+    )

scout/server/blueprints/omics_variants/templates/omics_variants/outliers.html

@@ -0,0 +1,262 @@
+{% extends "layout.html" %}
+
+{% import "bootstrap/wtf.html" as wtf %}
+
+{% from "variants/components.html" import external_scripts, external_stylesheets, gene_cell %}
+{% from "variant/buttons.html" import splice_junctions_button %}
+{% from "variants/utils.html" import filter_script_main, pagination_footer, pagination_hidden_div, stash_filter_buttons, update_stash_filter_button_status%}
+
+{% block title %}
+  {{ super() }} - {{ institute.display_name }} - {{ case.display_name }} - {{ form.variant_type.data|capitalize }} omics outlier variants
+{% endblock %}
+
+{% block css %}
+  {{ super() }}
+  {{ external_stylesheets() }}
+{% endblock %}
+
+{% block top_nav %}
+  {{ super() }}
+  <li class="nav-item">
+    <a class="nav-link text-nowrap" href="{{ url_for('cases.index') }}">Institutes</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link text-nowrap" href="{{ url_for('overview.cases', institute_id=institute._id) }}">
+      {{ institute.display_name }}
+    </a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link text-nowrap" href="{{ url_for('cases.case', institute_id=institute._id, case_name=case.display_name) }}">
+      {{ case.display_name }}
+    </a>
+  </li>
+  <li class="nav-item active d-flex align-items-center">
+    <span class="navbar-text">{{ form.variant_type.data|capitalize }} WTS outliers</span>
+  </li>
+{% endblock %}
+
+{% block content_main %}
+  <div class="container-float">
+    <form method="POST" id="filters_form" action="{{url_for('omics_variants.outliers', institute_id=institute._id, case_name=case.display_name)}}"
+        enctype="multipart/form-data" onsubmit="return validateForm()">
+
+      {{ pagination_hidden_div(page) }}
+      <div class="card panel-default" id="accordion">
+        <div class="card-header">
+          <strong><a data-bs-toggle="collapse" data-parent="#accordion" href="#collapseFilters">Filters</a></strong>
+        </div>
+        <!--Expand filters form if filters were used in a previous POST request-->
+        <div class="card-body panel-collapse collapse {{ 'show' if expand_search is sameas true }}" id="collapseFilters">
+            {{ outlier_filters(form, institute, case) }}
+        </div>
+        {{ omics_filter_form_footer(form, result_size, total_variants, more_variants, page, variants|length, institute) }}
+      </div>
+    </form>
+    <div class="card mt-3">
+      <table class="table table-hover table-bordered" style="table-layout: fixed">
+        <thead class="thead table-light">
+              <tr>
+                <th style="width:14%" title="HGNC symbols">Gene</th>
+                <th style="width:7%" title="Sub-category">Type</th>
+                <th style="width:7%" title="Value - delta Psi or l2fc ">Value</th>
+                <th title="Functional annotation">Func. annotation</th>
+                <th style="width:7%" title="P-value">P-value</th>
+                <th style="width:10%" title="Individual">Ind</th>
+                <th style="width:3%" title="Chromosome">Chr</th>
+                <th title="Position">Pos</th>
+              </tr>
+        </thead>
+        <tbody>
+          {% for variant in variants %}
+            <tr>
+              <td class="text-end">
+                <div class="d-flex flex-row justify-content-between align-items-baseline">
+                {% if variant.genes %}
+                  {{ gene_cell(variant) }}
+                {% else %}
+                  {{ variant.gene_name_orig }}
+                {% endif %}
+                {% if case.vcf_files.vcf_snv %}
+                  <form action="{{url_for('variants.variants', institute_id=institute._id, case_name=case.display_name) }}">
+                  <input type="hidden" id="hgnc_symbols" name="hgnc_symbols" value="{% for gene in variant.genes %}{{gene.hgnc_symbol}}{{ ", " if not loop.last else "" }}{% endfor %}"></input>
+                  <input type="hidden" id="gene_panels" name="gene_panels" value="['']"></input>
+                  <button type="submit" class="btn btn-secondary btn-sm" target="_blank" rel="noopener" data-bs-toggle="tooltip" title="SNV and INDEL variants view filtered for the gene(s) {% for gene in variant.genes %}{{gene.hgnc_symbol}}{{ ", " if not loop.last else "" }}{% endfor %} ">SNVs</button>
+                </form>
+                {% endif %}
+                {% if case.vcf_files.vcf_sv %}
+                  <form action="{{url_for('variants.sv_variants', institute_id=institute._id, case_name=case.display_name) }}">
+                  <input type="hidden" id="hgnc_symbols" name="hgnc_symbols" value="{% for gene in variant.genes %}{{gene.hgnc_symbol}}{{ ", " if not loop.last else "" }}{% endfor %}"></input>
+                  <input type="hidden" id="gene_panels" name="gene_panels" value="['']"></input>
+                  <button type="submit" class="btn btn-secondary btn-sm" target="_blank" rel="noopener" data-bs-toggle="tooltip" title="SV variants view filtered for the gene(s) {% for gene in variant.genes %}{{gene.hgnc_symbol}}{{ ", " if not loop.last else "" }}{% endfor %} ">SVs</button>
+                </form>
+                {% endif %}
+                </div>
+              </td>
+              <td>{{ variant.sub_category }}</td>
+              <td class="text-end"> {%  if variant.sub_category == "splicing" %}
+                  <span data-bs-toggle="tooltip" data-bs-html="true" title='The ∆ψ-value, which is the difference between the actual observed ψ (intron Jaccard Index splice metric) and the expected ψ - see FRASER vignette for details.'>
+                  {{ variant.delta_psi }}&nbsp;<a target="_blank" href="https://www.bioconductor.org/packages/devel/bioc/vignettes/FRASER/inst/doc/FRASER.pdf" rel="noopener noreferrer">&Delta;&psi;</a></span>
+                {% else %}
+                  <span data-bs-toggle="tooltip" data-bs-html="true" title='The log2 fold change - click to see OUTRIDER vignette for details.'>
+                  {{ variant.l2fc }}&nbsp;&nbsp;<a target="_blank" href="https://www.bioconductor.org/packages/devel/bioc/vignettes/OUTRIDER/inst/doc/OUTRIDER.pdf" rel="noopener noreferrer">{% if variant.l2fc > 0 %}&uarr;{% elif variant.l2fc < 0 %}&darr;{% endif %}</a></span>
+                {% endif %}
+              </td>
+              <td>
+                {% if variant.sub_category == "splicing" %}
+                  {{ variant.potential_impact }} - fs {{ variant.causes_frameshift }}
+                {% endif %}
+              </td>
+              <td class="text-end">{{ '%.3e' % variant.p_value }}</td>
+              <td>{{ case.individuals.0.display_name }}</td>
+              <td class="text-end">{{ variant.chromosome }}</td>
+                <td class="text-end"><span style="white-space: nowrap;">{{ variant.position|human_longint|safe }}</span>-<span style="white-space: nowrap;">{{ variant.end|human_longint|safe }}</span>
+                {% if case.has_rna_tracks %}
+                  {{ splice_junctions_button(institute._id, case.display_name, None, variant.omics_variant_id) }}
+                {% endif %}
+              </tr>
+            {% else %}
+              <tr>
+                <td colspan="9">
+                  No matching variants
+                </td>
+              </tr>
+            {% endfor %}
+         </tbody>
+       </table>
+     </div><!-- end of card -->
+    </div> <!-- end of container-float -->
+  </form> <!--end of form containing filters and variants' table elements -->
+  <div class="container-fluid" style="padding-bottom: 100px">
+    {{ pagination_footer(more_variants, page) }}
+  </div>
+
+{% endblock %}
+
+{% block scripts %}
+  {{ super() }}
+  {{ external_scripts() }}
+  <script src="{{ url_for('variants.static', filename='form_scripts.js') }}"></script>
+  {{ filter_script_main(cytobands) }}
+  <script type="text/javascript">
+    window.onload=function() {
+      populateCytobands({{cytobands|safe}});
+      {{ update_stash_filter_button_status(current_user, filters) }}
+    }
+
+    $("#filters").change(function () {
+      {{ update_stash_filter_button_status(current_user, filters) }}
+    });
+
+    $('select[multiple]').selectpicker({
+      width: '100%'
+    });
+
+    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+      return new bootstrap.Tooltip(tooltipTriggerEl)
+    })
+
+    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
+    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+    return new bootstrap.Popover(popoverTriggerEl, {
+        sanitizeFn: function (content) {
+          return DOMPurify.sanitize(content)
+        },
+        container: 'body',
+      })
+    })
+
+  </script>
+
+{% endblock %}
+
+{% macro outlier_filters(form, institute, case, filters) %}
+<input type="hidden" name="variant_type" value="{{ form.variant_type.data }}">
+<div class="row">
+  <div class="col-2">
+    <span>{{ form.gene_panels.label(class="control-label", data_bs_toggle="tooltip", data_bs_placement="left", title="This list can be modified from the institute settings page. Latest panel version is used in variants filtering.") }}</span>
+    <span style="float:right;">{{ form.gene_panels_exclude.label(class="control-label", data_bs_toggle="tooltip", data_bs_placement="left", title="Check this box to exclude from the search any gene listed in selected 'Gene Panels', 'Symbol file' or provided in the 'HGNC Symbols/Ids' field.") }} {{form.gene_panels_exclude}}</span>
+    {{ form.gene_panels(class="selectpicker", data_style="btn-secondary") }}
+  </div>
+  <div class="col-3">
+    {{ form.hgnc_symbols.label(class="control-label") }}
+    {{ form.hgnc_symbols(class="form-control") }}
+  </div>
+  <div class="col-1 align-self-end">
+    <div class="btn-group d-flex">
+      <a class="btn btn-secondary text-white" href="{{ url_for('omics_variants.outliers', institute_id=institute._id,
+        case_name=case.display_name, variant_type=form.variant_type.data,
+        gene_panels=['hpo']) }}">HPO gene list</a>
+    </div>
+  </div>
+  <div class="col-2">
+    {{ form.svtype.label(class="control-label") }}
+    {{ form.svtype(class="form-control selectpicker", data_style="btn-secondary") }}
+  </div>
+</div>
+<div class="row">
+  <div class="col-2">
+    {{ form.chrom.label(class="control-label") }}
+    {{ form.chrom(class="selectpicker", data_style="btn-secondary", data_actions_box="true") }}
+  </div>
+  <div class="col-2">
+    {{ wtf.form_field(form.start) }}
+  </div>
+  <div class="col-2">
+    {{ wtf.form_field(form.end) }}
+  </div>
+  <div class="col-2">
+    {{ wtf.form_field(form.cytoband_start) }}
+  </div>
+  <div class="col-2">
+    {{ wtf.form_field(form.cytoband_end) }}
+  </div>
+</div>
+<div class="row" style="margin-top:20px;">
+    <div class="col-4">
+      {{ form.filter_variants(class="btn btn-primary form-control", onclick="resetPage()") }}
+    </div>
+    <div class="col-4">
+      {{ form.clinical_filter(class="btn btn-secondary form-control", onclick="resetPage()") }}
+    </div>
+    <div class="col-4">
+      {{ form.export(class="btn btn-warning form-control") }}
+    </div>
+</div>
+<div class="row" style="margin-top:20px;">
+  <div class="col-2 text-start">
+    <a href="{{ url_for('omics_variants.outliers', institute_id=institute._id, case_name=case.display_name,
+      variant_type=form.variant_type.data) }}"
+      class="btn btn-secondary" style="color: #ffffff !important;">
+      Reset&nbsp;filters
+    </a>
+  </div>
+  <div class="col-6">
+    {{ stash_filter_buttons(form, institute, case) }}
+  </div>
+</div>
+{% endmacro %}
+
+{% macro omics_filter_form_footer(form, result_size, total_variants, more_variants, page, nvars, institute) %}
+<div class="card-footer text-center">
+  <div class="row">
+    <div class="col-4">
+      <div class="form-check d-flex justify-content-start">
+        {% if institute.check_show_all_vars %}
+          <input type="checkbox" class="form-check-input" name="show_unaffected" id="show_unaffected" checked disabled>
+          {{ form.show_unaffected.label(class="form-check-label ms-2", **{'data-bs-toggle': 'tooltip', 'title':'Modify general institute settings to be able to edit this checkbox'}) }}
+        {% else %}
+          {{ form.show_unaffected(class="form-check-input") }}
+          {{ form.show_unaffected.label(class="form-check-label ms-2", **{'data-bs-toggle': 'tooltip', 'title':'This filter applies only to cases with more than one sample. When this is unchecked, only variants that are predicted by callers to be present in an affected individual genotype are shown.'}) }}
+        {% endif %}
+      </div>
+    </div>
+    <div class="col-4 d-flex justify-content-center">
+      Filter returns {{result_size}} / {{ total_variants }} variants.
+    </div>
+    <div class="col-4 d-flex flex-column justify-content-end">
+      <div class="d-flex justify-content-end">Showing {%if more_variants %}page {{page}}{%else%}last page{% endif %} with {{nvars}} variants.</div>
+    </div>
+  </div>
+</div>
+{% endmacro %}