{% extends "layouts/with_sidebar.html" %}

{% block head %}
<link rel="stylesheet" href="{{ settings.root_path }}/portal-table.css">
{% endblock %}

{% block toolbar_page_actions %}
<a class="button button--secondary" href="settings" role="button">
  Portal Settings
</a>
<filter-menu
  initial-value="{{ filter }}"
></filter-menu>
{% endblock %}

{% block sidebar %}
{{ navbar | safe }}
{% endblock %}

{% block main %}
<table-viewer
  columns="{{ columns | json }}"
  {%- if subfilter_str != "" %}
  subfilter="{{ subfilter_str }}"
  {% endif -%}
></table-viewer>
{% endblock %}

{% block scripts %}
<script type="module" src="{{ settings.root_path }}/js_dist/table-viewer.webc.mjs"></script>
<script type="module" src="{{ settings.root_path }}/js_dist/filter-menu.webc.mjs"></script>
{% endblock %}