flask-admin-tabler 2026.2.1__tar.gz

flask_admin_tabler-2026.2.1/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Mario Hernandez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

flask_admin_tabler-2026.2.1/PKG-INFO

@@ -0,0 +1,111 @@
+Metadata-Version: 2.4
+Name: flask-admin-tabler
+Version: 2026.2.1
+Summary: Tabler UI theme for Flask-Admin
+License: MIT License
+         
+         Copyright (c) 2026 Mario Hernandez
+         
+         Permission is hereby granted, free of charge, to any person obtaining a copy
+         of this software and associated documentation files (the "Software"), to deal
+         in the Software without restriction, including without limitation the rights
+         to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+         copies of the Software, and to permit persons to whom the Software is
+         furnished to do so, subject to the following conditions:
+         
+         The above copyright notice and this permission notice shall be included in all
+         copies or substantial portions of the Software.
+         
+         THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+         IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+         FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+         AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+         LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+         OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+         SOFTWARE.
+License-File: LICENSE
+Keywords: flask,flask-admin,tabler,admin-interface,theme,template
+Requires-Python: >=3.10,<4.0
+Classifier: Development Status :: 4 - Beta
+Classifier: Environment :: Web Environment
+Classifier: Intended Audience :: Developers
+Classifier: License :: OSI Approved :: BSD License
+Classifier: Operating System :: OS Independent
+Classifier: Programming Language :: Python
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Classifier: Programming Language :: Python :: 3.12
+Classifier: Programming Language :: Python :: 3.13
+Classifier: Topic :: Internet :: WWW/HTTP :: Dynamic Content
+Classifier: Topic :: Software Development :: Libraries :: Python Modules
+Provides-Extra: dev
+Requires-Dist: black ; extra == "dev"
+Requires-Dist: flask-admin (>=2.0.2)
+Requires-Dist: isort ; extra == "dev"
+Requires-Dist: pre-commit ; extra == "dev"
+Project-URL: Source, https://github.com/mariofix/flask-admin-tablerui
+Description-Content-Type: text/markdown
+
+# flask-admin-tabler
+
+A [Tabler UI](https://tabler.io/) theme for [Flask-Admin](https://github.com/pallets-eco/flask-admin).
+
+## Installation
+
+```shell
+pip install flask-admin-tabler
+```
+
+## Usage
+
+Call `theme.init_app(app)` **before** creating the `Admin` instance so that the
+Tabler templates are registered with higher priority than Flask-Admin's default
+Bootstrap ones.
+
+```python
+from flask import Flask
+from flask_admin import Admin
+from flask_admin_tabler import TablerTheme
+
+app = Flask(__name__)
+app.config["SECRET_KEY"] = "change-me"
+
+theme = TablerTheme()
+theme.init_app(app)          # must come before Admin(app, ...)
+
+admin = Admin(app, name="My App", theme=theme)
+```
+
+That's it — navigating to `/admin/` will now render the Tabler UI instead of
+the default Bootswatch theme.
+
+A fully runnable example (including a SQLAlchemy model and sample data) is
+available in [`examples/quickstart.py`](examples/quickstart.py):
+
+```shell
+pip install flask-admin-tabler flask-sqlalchemy
+python examples/quickstart.py
+# open http://127.0.0.1:5000/admin/
+```
+
+## How it works
+
+`TablerTheme.init_app(app)` registers a Flask blueprint named
+`flask_admin_tabler` that:
+
+1. **Templates** — exposes `flask_admin_tabler/templates/tabler/` as a template
+   folder.  Because this blueprint is registered *before* Flask-Admin's admin
+   blueprint, Flask resolves `admin/base.html` (and all other admin templates)
+   from here first.
+2. **Static files** — serves the small amount of theme-specific CSS (e.g.
+   `admin/css/tabler/admin.css`) at `/static/flask_admin_tabler/`.
+
+Tabler's core CSS and JS are loaded from the jsDelivr CDN — no local copies
+needed.
+
+## Requirements
+
+- Python ≥ 3.10
+- flask-admin ≥ 2.0.2
+

flask_admin_tabler-2026.2.1/README.md

@@ -0,0 +1,61 @@
+# flask-admin-tabler
+
+A [Tabler UI](https://tabler.io/) theme for [Flask-Admin](https://github.com/pallets-eco/flask-admin).
+
+## Installation
+
+```shell
+pip install flask-admin-tabler
+```
+
+## Usage
+
+Call `theme.init_app(app)` **before** creating the `Admin` instance so that the
+Tabler templates are registered with higher priority than Flask-Admin's default
+Bootstrap ones.
+
+```python
+from flask import Flask
+from flask_admin import Admin
+from flask_admin_tabler import TablerTheme
+
+app = Flask(__name__)
+app.config["SECRET_KEY"] = "change-me"
+
+theme = TablerTheme()
+theme.init_app(app)          # must come before Admin(app, ...)
+
+admin = Admin(app, name="My App", theme=theme)
+```
+
+That's it — navigating to `/admin/` will now render the Tabler UI instead of
+the default Bootswatch theme.
+
+A fully runnable example (including a SQLAlchemy model and sample data) is
+available in [`examples/quickstart.py`](examples/quickstart.py):
+
+```shell
+pip install flask-admin-tabler flask-sqlalchemy
+python examples/quickstart.py
+# open http://127.0.0.1:5000/admin/
+```
+
+## How it works
+
+`TablerTheme.init_app(app)` registers a Flask blueprint named
+`flask_admin_tabler` that:
+
+1. **Templates** — exposes `flask_admin_tabler/templates/tabler/` as a template
+   folder.  Because this blueprint is registered *before* Flask-Admin's admin
+   blueprint, Flask resolves `admin/base.html` (and all other admin templates)
+   from here first.
+2. **Static files** — serves the small amount of theme-specific CSS (e.g.
+   `admin/css/tabler/admin.css`) at `/static/flask_admin_tabler/`.
+
+Tabler's core CSS and JS are loaded from the jsDelivr CDN — no local copies
+needed.
+
+## Requirements
+
+- Python ≥ 3.10
+- flask-admin ≥ 2.0.2

flask_admin_tabler-2026.2.1/flask_admin_tabler/__init__.py

@@ -0,0 +1,3 @@
+from flask_admin_tabler.theme import TablerTheme
+
+__all__ = ["TablerTheme"]

flask_admin_tabler-2026.2.1/flask_admin_tabler/static/admin/css/tabler/admin.css

@@ -0,0 +1,74 @@
+/* Flask-Admin Tabler theme custom styles */
+
+/* List view action buttons */
+td.list-buttons-column {
+    white-space: nowrap;
+    width: 1%;
+}
+
+a.icon,
+form.icon {
+    display: inline-block;
+    padding: 0 2px;
+}
+
+form.icon button {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    color: inherit;
+}
+
+form.icon button:hover,
+a.icon:hover {
+    color: var(--tblr-primary);
+}
+
+/* Inline form fields */
+.inline-field-list .inline-field {
+    margin-bottom: 1rem;
+}
+
+/* Filter form table */
+table.filters {
+    width: 100%;
+}
+
+/* Model list checkbox column */
+.list-checkbox-column {
+    width: 1%;
+    white-space: nowrap;
+}
+
+/* Submit row spacing */
+.submit-row {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
+/* Admin form fieldset */
+.admin-form fieldset {
+    border: none;
+    padding: 0;
+    margin: 0;
+}
+
+/* Select2 adjustments for Tabler */
+.select2-container .select2-selection--single {
+    height: calc(1.5em + 0.75rem + 2px);
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+    line-height: calc(1.5em + 0.75rem);
+}
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+    height: calc(1.5em + 0.75rem);
+}
+
+/* Searchable table filter */
+tr.hidden-by-filter {
+    display: none;
+}

flask_admin_tabler-2026.2.1/flask_admin_tabler/static/admin/css/tabler/rediscli.css

@@ -0,0 +1,48 @@
+.console {
+	position: relative;
+	width: 100%;
+	min-height: 400px;
+}
+
+.console-container {
+	border-radius: 4px;
+	position: absolute;
+	border: 1px solid #d4d4d4;
+	padding: 2px;
+	overflow: scroll;
+	top: 2px;
+	left: 2px;
+	right: 2px;
+	bottom: 5em;
+}
+
+.console-line {
+	position: absolute;
+	left: 2px;
+	right: 2px;
+	bottom: 2px;
+}
+
+.console-line input {
+	width: 100%;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	height: 2em;
+}
+
+.console .cmd {
+	background-color: #f5f5f5;
+	padding: 2px;
+	margin: 1px;
+}
+
+.console .response {
+	background-color: #f0f0f0;
+	padding: 2px;
+	margin: 1px;
+}
+
+.console .error {
+	color: red;
+}

flask_admin_tabler-2026.2.1/flask_admin_tabler/templates/tabler/admin/actions.html

@@ -0,0 +1,38 @@
+{% import 'admin/static.html' as admin_static with context %}
+
+{% macro dropdown(actions, btn_class='nav-link dropdown-toggle') -%}
+    <a class="{{ btn_class }}" data-bs-toggle="dropdown" href="javascript:void(0)" role="button" aria-haspopup="true"
+       aria-expanded="false">{{ _gettext('With selected') }}</a>
+    <div class="dropdown-menu">
+        {% for p in actions %}
+            <a class="dropdown-item" href="javascript:void(0)"
+               onclick="return modelActions.execute('{{ p[0] }}');">{{ _gettext(p[1]) }}</a>
+        {% endfor %}
+    </div>
+{% endmacro %}
+
+{% macro form(actions, url) %}
+    {% if actions %}
+        <form id="action_form" action="{{ url }}" method="POST" class="d-none">
+            {% if action_form.csrf_token is defined and action_form.csrf_token %}
+                {{ action_form.csrf_token }}
+            {% elif csrf_token is defined and csrf_token %}
+                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+            {% endif %}
+            {% if return_url is defined and return_url %}
+                {{ action_form.url(value=return_url) }}
+            {% else %}
+                {{ action_form.url() }}
+            {% endif %}
+            {{ action_form.action() }}
+        </form>
+    {% endif %}
+{% endmacro %}
+
+{% macro script(message, actions, actions_confirmation) %}
+    {% if actions %}
+        <div id="actions-confirmation-data" class="d-none">{{ actions_confirmation|tojson|safe }}</div>
+        <div id="message-data" class="d-none">{{ message|tojson|safe }}</div>
+        <script {{ admin_csp_nonce_attribute }} src="{{ admin_static.url(filename='admin/js/actions.js', v='1.0.0') }}"></script>
+    {% endif %}
+{% endmacro %}

flask_admin_tabler-2026.2.1/flask_admin_tabler/templates/tabler/admin/base.html

@@ -0,0 +1,115 @@
+{% import 'admin/layout.html' as layout with context -%}
+{% import 'admin/static.html' as admin_static with context %}
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>{% block title %}{% if admin_view.category %}{{ admin_view.category }} - {% endif %}{{ admin_view.name }} - {{ admin_view.admin.name }}{% endblock %}</title>
+    {% block head_meta %}
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="description" content="">
+        <meta name="author" content="">
+    {% endblock %}
+    {% block head_css %}
+        <link href="https://cdn.jsdelivr.net/npm/@tabler/core@1.4.0/dist/css/tabler.min.css" rel="stylesheet" {{ admin_csp_nonce_attribute }}>
+        {% if admin_view.admin.theme.tabler_icons %}
+        <link href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.31.0/dist/tabler-icons.min.css" rel="stylesheet" {{ admin_csp_nonce_attribute }}>
+        {% endif %}
+        <link href="{{ url_for('flask_admin_tabler.static', filename='admin/css/tabler/admin.css') }}" rel="stylesheet" {{ admin_csp_nonce_attribute }}>
+        {% if admin_view.extra_css %}
+          {% for css_url in admin_view.extra_css %}
+            <link href="{{ css_url }}" rel="stylesheet" {{ admin_csp_nonce_attribute }}>
+          {% endfor %}
+        {% endif %}
+    {% endblock %}
+    {% block head %}
+    {% endblock %}
+    {% block head_tail %}
+    {% endblock %}
+  </head>
+  <body class="antialiased">
+    <div class="page">
+      {% block page_body %}
+      <!-- Sticky top navbar -->
+      <header class="navbar navbar-expand-md sticky-top d-print-none">
+        <div class="container-xl">
+          {% block brand %}
+          <a class="navbar-brand navbar-brand-autodark" href="{{ admin_view.admin.url }}">{{ admin_view.admin.name }}</a>
+          {% endblock %}
+          <!-- Toggle button for smaller screens -->
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu"
+                  aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <!-- Collapsible menu -->
+          <div class="collapse navbar-collapse" id="navbar-menu">
+            {% block main_menu %}
+            <ul class="navbar-nav me-auto">
+              {{ layout.menu() }}
+            </ul>
+            {% endblock %}
+            {% block menu_links %}
+            <ul class="navbar-nav ms-auto">
+              {{ layout.menu_links() }}
+            </ul>
+            {% endblock %}
+            {% block access_control %}
+            {% endblock %}
+          </div>
+        </div>
+      </header>
+
+      <!-- Page wrapper -->
+      <div class="page-wrapper">
+        <!-- Page header -->
+        <div class="page-header d-print-none">
+          <div class="container-xl">
+            <div class="row g-2 align-items-center">
+              <div class="col">
+                {% block page_title %}
+                <h2 class="page-title">
+                  {{ layout.menu_icon(admin_view.menu) }}
+                  {{ admin_view.name }}
+                </h2>
+                {% endblock %}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Page body -->
+        <div class="page-body">
+          <div class="container-xl">
+            {% block messages %}
+                {{ layout.messages() }}
+            {% endblock %}
+
+            {# store the jinja2 context for form_rules rendering logic #}
+            {% set render_ctx = h.resolve_ctx() %}
+
+            {% block body %}{% endblock %}
+          </div>
+        </div>
+      </div>
+      {% endblock %}
+    </div>
+
+{% block tail_js %}
+    <script {{ admin_csp_nonce_attribute }} src="{{ admin_static.url(filename='vendor/jquery.min.js', v='3.5.1') }}" type="text/javascript"></script>
+    <script {{ admin_csp_nonce_attribute }} src="https://cdn.jsdelivr.net/npm/@tabler/core@1.4.0/dist/js/tabler.min.js" type="text/javascript"></script>
+    <script {{ admin_csp_nonce_attribute }} src="{{ admin_static.url(filename='vendor/moment.min.js', v='2.9.4') }}" type="text/javascript"></script>
+    <script {{ admin_csp_nonce_attribute }} src="{{ admin_static.url(filename='vendor/select2/select2.min.js', v='4.2.1') }}"
+            type="text/javascript"></script>
+    <script {{ admin_csp_nonce_attribute }} src="{{ admin_static.url(filename='admin/js/helpers.js', v='1.0.0') }}" type="text/javascript"></script>
+    {% if admin_view.extra_js %}
+        {% for js_url in admin_view.extra_js %}
+            <script {{ admin_csp_nonce_attribute }} src="{{ js_url }}" type="text/javascript"></script>
+        {% endfor %}
+    {% endif %}
+{% endblock %}
+
+    {% block tail %}
+    {% endblock %}
+  </body>
+</html>

flask_admin_tabler-2026.2.1/flask_admin_tabler/templates/tabler/admin/file/form.html

@@ -0,0 +1,9 @@
+{% extends 'admin/master.html' %}
+{% import 'admin/lib.html' as lib with context %}
+
+{% block body %}
+  {% block header %}<h3>{{ header_text }}</h3>{% endblock %}
+  {% block fa_form %}
+    {{ lib.render_form(form, dir_url) }}
+  {% endblock %}
+{% endblock %}

flask_admin_tabler-2026.2.1/flask_admin_tabler/templates/tabler/admin/file/list.html

@@ -0,0 +1,195 @@
+{% extends 'admin/master.html' %}
+{% import 'admin/lib.html' as lib with context %}
+{% import 'admin/actions.html' as actionslib with context %}
+
+{% block body %}
+    {% block breadcrums %}
+      <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+          <li class="breadcrumb-item">
+            <a href="{{ get_dir_url('.index_view', path=None) }}">{{ _gettext('Root') }}</a>
+          </li>
+          {% for name, path in breadcrumbs[:-1] %}
+          <li class="breadcrumb-item">
+            <a href="{{ get_dir_url('.index_view', path=path) }}">{{ name }}</a>
+          </li>
+          {% endfor %}
+          {% if breadcrumbs %}
+          <li class="breadcrumb-item">
+            <a href="{{ get_dir_url('.index_view', path=breadcrumbs[-1][1]) }}">{{ breadcrumbs[-1][0] }}</a>
+          </li>
+        {% endif %}
+        </ol>
+      </nav>
+    {% endblock %}
+
+    {% block file_list_table %}
+    <div class="table-responsive">
+    <table class="table table-vcenter table-striped table-bordered model-list">
+        <thead>
+            <tr>
+                {% block list_header scoped %}
+                {% if actions %}
+                <th class="list-checkbox-column">
+                    <input type="checkbox" name="rowtoggle" class="action-rowtoggle" />
+                </th>
+                {% endif %}
+                <th class="">&nbsp;</th>
+                {% for column in admin_view.column_list %}
+                <th>
+                    {% if admin_view.is_column_sortable(column) %}
+                    {% if sort_column == column %}
+                        <a href="{{ sort_url(column, dir_path, True) }}" title="{{ _gettext('Sort by %(name)s', name=column) }}">
+                            {{ admin_view.column_label(column) }}
+                            {% if sort_desc %}
+                                <span class="fa fa-chevron-up"></span>
+                            {% else %}
+                                <span class="fa fa-chevron-down"></span>
+                            {% endif %}
+                        </a>
+                    {% else %}
+                        <a href="{{ sort_url(column, dir_path) }}" title="{{ _gettext('Sort by %(name)s', name=column) }}">{{ admin_view.column_label(column) }}</a>
+                    {% endif %}
+                    {% else %}
+                    {{ _gettext(admin_view.column_label(column)) }}
+                    {% endif %}
+                </th>
+                {% endfor %}
+                {% endblock %}
+            </tr>
+        </thead>
+        {% for name, path, is_dir, size, date in items %}
+        <tr>
+            {% block list_row scoped %}
+            {% if actions %}
+            <td>
+                {% if not is_dir %}
+                <input type="checkbox" name="rowid" class="action-checkbox" value="{{ path }}" />
+                {% endif %}
+            </td>
+            {% endif %}
+            <td>
+                {% block list_row_actions scoped %}
+                {% if admin_view.can_rename and path and name != '..' %}
+                  {%- if admin_view.rename_modal -%}
+                    {{ lib.add_modal_button(url=get_url('.rename', path=path, modal=True),
+                                            title=_gettext('Rename File'),
+                                            content='<i class="fa fa-pencil"></i>') }}
+                  {% else %}
+                    <a class="icon" href="{{ get_url('.rename', path=path) }}" title="{{ _gettext('Rename File') }}">
+                      <i class="fa fa-pencil"></i>
+                    </a>
+                  {%- endif -%}
+                {% endif %}
+                {%- if admin_view.can_delete and path -%}
+                    {% if is_dir %}
+                        {% if name != '..' and admin_view.can_delete_dirs %}
+                        <form class="icon" method="POST" action="{{ get_url('.delete') }}">
+                            {{ delete_form.path(value=path) }}
+                            {% if delete_form.csrf_token is defined and delete_form.csrf_token %}
+                            {{ delete_form.csrf_token }}
+                            {% endif %}
+                            <button onclick="return confirm('{{ _gettext('Are you sure you want to delete \\\'%(name)s\\\' recursively?', name=name) }}')">
+                                <i class="fa fa-times"></i>
+                            </button>
+                        </form>
+                        {% endif %}
+                    {% else %}
+                    <form class="icon" method="POST" action="{{ get_url('.delete') }}">
+                        {{ delete_form.path(value=path) }}
+                        {% if delete_form.csrf_token is defined and delete_form.csrf_token %}
+                        {{ delete_form.csrf_token }}
+                        {% endif %}
+                        <button onclick="return confirm('{{ _gettext('Are you sure you want to delete \\\'%(name)s\\\'?', name=name) }}')">
+                            <i class="fa fa-trash"></i>
+                        </button>
+                    </form>
+                    {% endif %}
+                {%- endif -%}
+                {% endblock %}
+            </td>
+            {% if is_dir %}
+            <td colspan="2">
+                <a href="{{ get_dir_url('.index_view', path)|safe }}">
+                    <i class="fa fa-folder-o"></i> <span>{{ name }}</span>
+                </a>
+            </td>
+            {% else %}
+            <td>
+                {% if admin_view.can_download %}
+                  {%- if admin_view.edit_modal and admin_view.is_file_editable(path) -%}
+                    {{ lib.add_modal_button(url=get_file_url(path, modal=True)|safe,
+                                            btn_class='', content=name) }}
+                  {% else %}
+                    <a href="{{ get_file_url(path)|safe }}">{{ name }}</a>
+                  {%- endif -%}
+                {% else %}
+                  {{ name }}
+                {% endif %}
+            </td>
+            {% if admin_view.is_column_visible('size') %}
+            <td>
+                {{ size|filesizeformat }}
+            </td>
+            {% endif %}
+            {% endif %}
+            {% if admin_view.is_column_visible('date') %}
+            <td>
+                {{ timestamp_format(date) }}
+            </td>
+            {% endif %}
+            {% endblock %}
+        </tr>
+        {% endfor %}
+    </table>
+    </div>
+    {% endblock %}
+    {% block toolbar %}
+    <div class="btn-toolbar">
+        {% if admin_view.can_upload %}
+        <div class="btn-group">
+            {%- if admin_view.upload_modal -%}
+              {{ lib.add_modal_button(url=get_dir_url('.upload', path=dir_path, modal=True),
+                                      btn_class="btn btn-secondary",
+                                      content=_gettext('Upload File')) }}
+            {% else %}
+              <a class="btn btn-secondary" href="{{ get_dir_url('.upload', path=dir_path) }}">{{ _gettext('Upload File') }}</a>
+            {%- endif -%}
+        </div>
+        {% endif %}
+        {% if admin_view.can_mkdir %}
+        <div class="ms-1">
+            {%- if admin_view.mkdir_modal -%}
+              {{ lib.add_modal_button(url=get_dir_url('.mkdir', path=dir_path, modal=True),
+                                      btn_class="btn btn-secondary",
+                                      content=_gettext('Create Directory')) }}
+            {% else %}
+              <a class="btn btn-secondary" href="{{ get_dir_url('.mkdir', path=dir_path) }}">{{ _gettext('Create Directory') }}</a>
+            {%- endif -%}
+        </div>
+        {% endif %}
+        {% if actions %}
+        <div class="ms-1">
+            {{ actionslib.dropdown(actions, 'dropdown-toggle btn btn-secondary') }}
+        </div>
+        {% endif %}
+    </div>
+    {% endblock %}
+
+    {% block actions %}
+    {{ actionslib.form(actions, get_url('.action_view')) }}
+    {% endblock %}
+
+    {%- if admin_view.rename_modal or admin_view.mkdir_modal
+           or admin_view.upload_modal or admin_view.edit_modal -%}
+        {{ lib.add_modal_window() }}
+    {%- endif -%}
+{% endblock %}
+
+{% block tail %}
+    {{ super() }}
+    {{ actionslib.script(_gettext('Please select at least one file.'),
+                         actions,
+                         actions_confirmation) }}
+  <script {{ admin_csp_nonce_attribute }} src="{{ admin_static.url(filename='admin/js/bs4_modal.js', v='1.0.0') }}"></script>
+{% endblock %}