You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.4 KiB
46 lines
1.4 KiB
<!doctype html> |
|
<html lang="fr"> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
<title>pySonnerie - Interface de controle</title> |
|
<link rel="stylesheet" href="{{ url_for('ui.static', filename='css/style.css') }}" /> |
|
</head> |
|
<body> |
|
<div class="bg-orb bg-orb-one"></div> |
|
<div class="bg-orb bg-orb-two"></div> |
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %} |
|
{% if messages %} |
|
<div class="flash-stack"> |
|
{% for category, message in messages %} |
|
<div class="flash flash-{{ category }}">{{ message }}</div> |
|
{% endfor %} |
|
</div> |
|
{% endif %} |
|
{% endwith %} |
|
|
|
{% block content %}{% endblock %} |
|
|
|
<script> |
|
(function () { |
|
const stack = document.querySelector(".flash-stack"); |
|
if (!stack) return; |
|
|
|
const flashes = Array.from(stack.querySelectorAll(".flash")); |
|
flashes.forEach((flash, index) => { |
|
const visibleDurationMs = 3600 + index * 250; |
|
window.setTimeout(() => { |
|
flash.classList.add("is-hiding"); |
|
window.setTimeout(() => { |
|
flash.remove(); |
|
if (!stack.querySelector(".flash")) { |
|
stack.remove(); |
|
} |
|
}, 360); |
|
}, visibleDurationMs); |
|
}); |
|
})(); |
|
</script> |
|
</body> |
|
</html>
|
|
|