2020-02-26 12:17:37 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2020-02-14 15:19:30 -05:00
|
|
|
<title>Protocol Builder Mock</title>
|
2020-05-24 23:05:57 -04:00
|
|
|
<base href="/">
|
2020-02-26 12:17:37 -05:00
|
|
|
<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' %}
|
2020-05-24 23:05:57 -04:00
|
|
|
<link href="{{ base_href + ASSET_URL }}" rel="stylesheet" type="text/css">
|
2020-02-26 12:17:37 -05:00
|
|
|
{% endassets %}
|
2020-05-24 23:05:57 -04:00
|
|
|
<link rel="shortcut icon" href="{{ base_href + url_for('static', filename='favicon.ico') }}">
|
2020-02-26 12:17:37 -05:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h2>Protocol Builder Mock</h2>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
<a class="btn btn-primary" href="{{ url_for('.new_study') }}"> New Study </a>
|
|
|
|
|
</p>
|
2021-02-19 10:55:21 -05:00
|
|
|
<p>
|
|
|
|
|
<label>User Studies</label>
|
2021-02-23 17:52:10 -05:00
|
|
|
<select name="uva_id" id="uva_id" onchange="selectStudies()">
|
2021-02-19 10:55:21 -05:00
|
|
|
<option value="">Select User</option>
|
|
|
|
|
<option value="all">All Users</option>
|
|
|
|
|
{% if users %}
|
|
|
|
|
{% for user in users %}
|
|
|
|
|
<option value="{{ user }}">{{ user }}</option>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</select>
|
|
|
|
|
</p>
|
2020-02-26 12:17:37 -05:00
|
|
|
|
2020-06-30 14:48:11 -04:00
|
|
|
{% with messages = get_flashed_messages(with_categories=True) %}
|
2020-02-26 12:17:37 -05:00
|
|
|
{% if messages %}
|
2020-06-30 14:48:11 -04:00
|
|
|
{% for category, message in messages %}
|
|
|
|
|
<div class="alert {{ category }}">
|
|
|
|
|
<span class="btn-close" onclick="hideElement(this.parentElement);">×</span>
|
2020-08-13 15:18:51 -04:00
|
|
|
{{ message|safe }}
|
2020-06-30 14:48:11 -04:00
|
|
|
</div>
|
|
|
|
|
{% endfor %}
|
2020-02-17 11:43:26 -05:00
|
|
|
{% endif %}
|
2020-02-26 12:17:37 -05:00
|
|
|
{% endwith %}
|
|
|
|
|
|
|
|
|
|
<h3>Current Studies</h3>
|
|
|
|
|
{{ table }}
|
2020-02-14 15:19:30 -05:00
|
|
|
|
|
|
|
|
|
2020-06-30 14:48:11 -04:00
|
|
|
<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>
|
2021-02-19 10:55:21 -05:00
|
|
|
<script>
|
|
|
|
|
function selectStudies() {
|
|
|
|
|
let uva_id = document.getElementById('uva_id').value;
|
|
|
|
|
if (uva_id == 'all') {
|
2021-02-23 14:01:19 -05:00
|
|
|
window.location.href = "{{base_href}}/";
|
2021-02-19 10:55:21 -05:00
|
|
|
} else {
|
2021-02-23 14:01:19 -05:00
|
|
|
window.location.href = "{{base_href}}/user_studies/" + uva_id;
|
2021-02-19 10:55:21 -05:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2020-06-30 14:48:11 -04:00
|
|
|
</body>
|
2020-02-26 12:17:37 -05:00
|
|
|
</html>
|
