mirror of
https://github.com/sartography/protocol-builder-mock.git
synced 2025-01-12 16:54:25 +00:00
48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Protocol Builder Mock</title>
|
|
<base href="/">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://use.typekit.net/kwp6dli.css">
|
|
{% assets 'app_scss' %}
|
|
<link href="{{ base_href + ASSET_URL }}" rel="stylesheet" type="text/css">
|
|
{% endassets %}
|
|
<link rel="shortcut icon" href="{{ base_href + url_for('static', filename='favicon.ico') }}">
|
|
</head>
|
|
<body>
|
|
<h2>Protocol Builder Mock</h2>
|
|
|
|
<p>
|
|
<a class="btn btn-primary" href="{{ url_for('.new_study') }}"> New Study </a>
|
|
</p>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=True) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<div class="alert {{ category }}">
|
|
<span class="btn-close" onclick="hideElement(this.parentElement);">×</span>
|
|
{{ message|safe }}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<h3>Current Studies</h3>
|
|
{{ table }}
|
|
|
|
|
|
<script>
|
|
const hideElement = (el) => {
|
|
el.classList.add('fade-out');
|
|
setTimeout(() => el.classList.add('shrink'), 250);
|
|
};
|
|
|
|
const alerts = document.getElementsByClassName('alert');
|
|
for (const alert of alerts) {
|
|
setTimeout(() => hideElement(alert), 3000);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|