80 lines
2.1 KiB
Twig
80 lines
2.1 KiB
Twig
<!DOCTYPE html>
|
|
<html data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{% block title %}Welcome!{% endblock %}</title>
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
|
|
{% block stylesheets %}
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
{% block importmap %}{{ importmap('app') }}{% endblock %}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
{% block body %}{% endblock %}
|
|
|
|
<div
|
|
class="modal fade modal-xl"
|
|
id="baseModal"
|
|
tabindex="-1"
|
|
aria-labelledby="baseModalLabel"
|
|
aria-hidden="true"
|
|
hx-indicator="#baseModalIndicator"
|
|
>
|
|
<div class="modal-dialog" style="position: relative;">
|
|
|
|
<div
|
|
class="modal-content"
|
|
id="baseModalContent"
|
|
style="min-height: 400px;"
|
|
|
|
hx-swap="innerHTML"
|
|
hx-indicator="#baseModalIndicator"
|
|
>
|
|
<div class="modal-header">
|
|
<h1
|
|
class="modal-title fs-5"
|
|
id="baseModalLabel"
|
|
>
|
|
Modal
|
|
</h1>
|
|
<button
|
|
type="button"
|
|
class="btn-close"
|
|
data-bs-dismiss="modal"
|
|
aria-label="Close"
|
|
>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" style="min-height: 350px;"></div>
|
|
</div>
|
|
|
|
{#<div
|
|
id="baseModalIndicator"
|
|
class="display-indicator"
|
|
style="
|
|
background-color: rgba(255,255,255,0.75);
|
|
display: block !important;
|
|
position: absolute;
|
|
z-index: 999;
|
|
left: 0px;
|
|
right: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
"
|
|
>
|
|
<div class="d-flex flex-column align-items-center justify-content-center h-100 gap-3">
|
|
<div style="width: 3rem; height: 3rem;" class="spinner-border text-primary" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
<div>Loading...</div>
|
|
</div>
|
|
</div>#}
|
|
|
|
</div>
|
|
</div> <!-- modal -->
|
|
|
|
</body>
|
|
</html>
|