blob: efa0e2747f617c153a0f00b63e6796ee561bccd7 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
{% extends "main/base.html" %}
{% block title %}Code Jams | My Profile{% endblock %}
{% block og_title %}Code Jams | My Profile{% endblock %}
{% block extra_head %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js" type="application/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.17/moment-timezone.min.js" type="application/javascript"></script>
{% endblock %}
{% block content %}
<div class="uk-section">
<div class="uk-container uk-container-small">
<h1 class="uk-header uk-article-title">
Code Jams: My Profile
</h1>
{% if done %}
<p class="uk-alert uk-alert-success">
Thanks - your data has been saved!
</p>
{% else %}
<p class="uk-alert uk-alert-primary">
Please make sure you've filled this out correctly, as we do use this data when evaluating your code jam
application.
<br />
<br />
You may come back here and edit your data at any time.
</p>
{% endif %}
{% if form %}
<form class="uk-form-horizontal" action="{{ url_for("main.jams.profile", form=form) }}" method="post">
{% else %}
<form class="uk-form-horizontal" action="{{ url_for("main.jams.profile") }}" method="post">
{% endif %}
<div>
<div class="uk-form-label">
<label class="uk-form-label" for="dob">Date of Birth</label>
</div>
<div class="uk-form-controls-text uk-form-controls">
<input class="uk-input" type="text" name="dob" id="dob" value="{{ participant.dob }}" required>
</div>
</div>
<div>
<div class="uk-form-label">
<label class="uk-form-label" for="github_username">GitHub Username</label>
</div>
<div class="uk-form-controls-text uk-form-controls">
<input class="uk-input" type="text" name="github_username" id="github_username" value="{{ participant.github_username }}" required>
</div>
</div>
<div>
<div class="uk-form-label">
<label class="uk-form-label" for="timezone">Timezone</label>
</div>
<div class="uk-form-controls-text uk-form-controls">
<input class="uk-input" type="text" name="timezone" id="timezone" value="{{ participant.timezone }}" required>
</div>
</div>
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
<br />
<div class="uk-text-center">
<a class="uk-button uk-button-default" href="{{ url_for("main.jams.index") }}">
<i class="uk-icon fa-fw far fa-arrow-left"></i> Back
</a>
<button type="submit" class="uk-button uk-button-primary" id="submit">
<i class="uk-icon fa-fw far fa-check"></i> Save
</button>
</div>
</form>
</div>
</div>
<script type="application/javascript">
const date = flatpickr("#dob", {enableTime: false, altInput: true});
const tz = moment().format("Z");
const dob_input = document.getElementById("dob");
const github_input = document.getElementById("github_username");
const tz_input = document.getElementById("timezone");
const submit_button = document.getElementById("submit");
function checkInputs() {
if (dob_input.value.length < 1)
return submit_button.disabled = true;
if (github_input.value.length < 1)
return submit_button.disabled = true;
if (tz_input.value.length < 1)
return submit_button.disabled = true;
submit_button.disabled = false;
}
dob_input.oninput = checkInputs;
github_input.oninput = checkInputs;
tz_input.oninput = checkInputs;
if (tz_input.value.length < 1) {
document.getElementById("timezone").value = "UTC" + tz;
}
checkInputs();
</script>
{% endblock %}
|
