-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (150 loc) · 7.38 KB
/
index.html
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EduKan - online testy a skúšania</title>
<link rel="icon" href="resources/favicon/edukan-favicon.png" type="image/png" sizes="any">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/login-style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="javascript/login-script.js"></script>
</head>
<body>
<div id="doTest-failed" class="info failed">
<span>Najprv sa musíte do testu prihlásiť.</span>
</div>
<div id="doTest-success" class="info success">
<span>Váš test bol úspešne odoslaný.</span>
</div>
<div id="reg-success" class="info success">
<span>Registrácia prebehla úspešne, môžete sa prihlásiť.</span>
</div>
<div id="reg-failed" class="info failed">
<span>Registrácia neprebehla úspešne. Skúste to prosím znovu.</span>
</div>
<div id="log-failed" class="info failed">
<span id="log-failed-info"></span>
</div>
<div id="log-success" class="info success">
<span>Boli ste úspešne odhlásený.</span>
</div>
<header id="main-header">
<img id="edukan" draggable="false" src="resources/pictures/educan/edukan.png" width="550" alt="tukan">
</header>
<section>
<div id="choose-login" class="login-section-content">
<div id="student-login" class="choice-button" onclick="changeLoginType(this)">
Študent
</div>
<div id="teacher-login" class="choice-button" onclick="changeLoginType(this)">
Učiteľ
</div>
</div>
<header id="section-header" class="login-section-content">
<h2 class="section-h2 student-login-content">
Vstup do testu
</h2>
<h2 class="section-h2 teacher-login-content">
Prihlásenie
</h2>
<a id="reg-button" class="teacher-login-content" href="registration.html" data-toggle="tooltip"
title="Registrácia"><img id="reg-image" src="resources/pictures/login/registration.svg" width="32"
height="32" alt="registration"></a>
</header>
<div id="student-login-form-div" class="login-section-content student-login-content">
<form id="student-login-form" onsubmit="return false;">
<div class="form-row">
<div class="form-group col-sm-6">
<label for="key">Kľúč testu</label>
<input type="text" class="form-control" id="key" name="key"
placeholder="Zadajte vstupný kľúč do testu" required pattern='^(?!\s*$).+'
onfocus="removeIsInvalid(this)">
<div id="key-validation" class="invalid-tooltip">
Zadaný test neexisituje alebo nie je aktívny
</div>
</div>
<div class="form-group col-sm-6">
<label for="id-number">Identifikačné čislo</label>
<input type="number" class="form-control" id="id-number" name="id-number"
placeholder="Zadajte identifikačné čislo" maxlength="10" required pattern='^(?!\s*$).+'
>
<div id="id-number-validation" class="invalid-tooltip">
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-sm-6">
<label for="name">Krstné meno</label>
<input type="text" class="form-control" name="name" placeholder="Zadajte krstné meno" id="name"
required pattern='^(?!\s*$).+'>
<div id="name-validation" class="invalid-tooltip">
</div>
</div>
<div class="form-group col-sm-6">
<label for="surname">Priezvisko</label>
<input type="text" class="form-control" name="surname" placeholder="Zadajte priezvisko" id="surname"
required pattern='^(?!\s*$).+'>
<div id="surname-validation" class="invalid-tooltip">
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<button type="submit" class="btn btn-outline-dark btn-lg btn-block"
onclick="submitStudentLoginForm()">Vstúpiť
</button>
</div>
</div>
</form>
</div>
<div id="teacher-login-form-div" class="login-section-content teacher-login-content">
<form id="teacher-login-form" onsubmit="return false;">
<div class="form-row">
<div class="form-group col-md-12">
<label for="email">Email</label>
<input type="email" class="form-control" name="email" placeholder="Zadajte email" id="email"
required onfocus="removeIsInvalid(this)">
<div class="invalid-tooltip">
Účet so zadaným emailom neexistuje.
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="password">Heslo</label>
<input type="password" class="form-control" id="password" name="password"
placeholder="Zadajte heslo" required pattern='^(?!\s*$).+'
onfocus="removeIsInvalid(this)">
<div class="invalid-tooltip">
Zadali ste nesprávne heslo.
</div>
<div id="noreg-info-block" class="form-text text-muted">
<a id="noreg-info" href="registration.html">Ak ešte nemáte účet, prosím zaregistrujte sa.</a>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<button type="submit" class="btn btn-outline-info btn-lg btn-block"
onclick="submitTeacherLoginForm()">Prihlásiť
</button>
</div>
</div>
</form>
</div>
</section>
</body>
</html>