Mini Shell
{# vim: ts=2:sw=2:et:ft=jinja-html #}
{% from "bootstrap_macros.html.jinja" import nav_item without context %}
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>IMH Backup Manager</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<h1><img src="{{ url_for('backup_mgr_png') }}" /> IMH Backup Manager</h1>
<div class="card">
<div class="card-header" style="padding-bottom: 0;">
<ul class="nav nav-tabs">
{{ nav_item("Config", url_for('config_page'), page=page) }}
{{ nav_item("Restore", url_for('restore_page'), page=page) }}
{{ nav_item("Status", url_for('status_page'), page=page) }}
</ul>
</div>
<div class="card-body">
{% block body %}{% endblock %}
</div>
</div>
<a href="{{ url_for('logout_page') }}">Logout</a>
</div>
<script type="text/javascript">
// auto-resize textareas
const tx = document.getElementsByTagName("textarea");
for (let i = 0; i < tx.length; i++) {
tx[i].setAttribute("style", "height:" + (tx[i].scrollHeight) + "px;overflow-y:hidden;");
tx[i].addEventListener("input", OnInput, false);
}
function OnInput() {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + "px";
}
</script>
</body>
</html>
Zerion Mini Shell 1.0