/
index.html
228 lines (204 loc) · 9.67 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="bg">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Къде след 7 клас?</title>
<meta name="author" content="Георги Д. Сотиров <gdsotirov@gmail.com>">
<meta name="description" content="Къде след 7ми клас? показва възможното класирне на ученика за прием в 8ми клас">
<meta name="keywords" content="класиране, 7 клас, бал, минимален бал">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="robots" content="NOARCHIVE">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">-->
<link rel="stylesheet" title="Default" href="styles/main.css">
<link rel="stylesheet" href="styles/supp.css">
<link rel="alternate stylesheet" title="Bootstrap 3"
href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous">
<link rel="alternate stylesheet" title="Bootstrap 4"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
crossorigin="anonymous">
<link rel="alternate stylesheet" title="Bootstrap 5"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous">
<script defer src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script defer src="js/7klas_ctrl.js"></script>
<script defer src="js/7klas_utl.js"></script>
<script defer src="js/7klas_app.js"></script>
<!-- Following style has SHA256 ky1vNDEhXAiA+SwTw9ePEpd+zAT/z8uPcWf1Yw5+J5c= -->
<style>input.borderless { border: none !important }</style>
</head>
<body>
<nav class="navbar navbar-default navbar-expand bg-primary navbar-dark navbar-fixed-top fixed-top">
<ul class="nav navbar-nav">
<li class="nav-item"><a class="nav-link" href="#top">Начало</a></li>
<li class="nav-item"><a class="nav-link" href="#ranking">Класиране</a></li>
<li class="nav-item"><a class="nav-link" href="#about">Относно</a></li>
</ul>
</nav>
<div class="container" id="a7klas_app">
<h1 id="top">Къде след 7<sup>ми</sup> клас?</h1>
<div class="row">
<p>Къде след 7 клас показва възможното класиране на ученика след 7 клас въз
основа на информация за балообразуващите оценки и резултатите от
<abbr title="Национално Външно Оценяване">НВО</abbr> по
<abbr title="Български Език и Литература">БЕЛ</abbr> и Математика
съпоставени към класацията по минимален бал на прием на училищата в
София-град за предходни учебни години.</p>
</div>
<div class="row">
<div class="col text-center">
<button class="btn btn-primary" @click="addStudent()">➕ Добавяне на ученик</button>
</div>
</div>
<form v-show="showForm" @submit.prevent>
<div class="row">
<div class="col">
<h2 v-show="edit">Данни за ученика</h2>
</div>
</div>
<div class="row">
<div class="col-6 col-md-6 text-right text-end">
<label for="stName">Име:</label>
</div>
<div class="col-6 col-md-6">
<input :disabled="!edit" id="stName" type="text" v-model="stName"
maxlength="64" size="32" placeholder="Име">
</div>
</div>
<div class="row">
<div class="col-6 col-md-6 text-right text-end">
<label for="stNEABEL">Резултат от <abbr title="Национално Външно Оценяване">НВО</abbr> по
<abbr title="Български Език и Литература">БЕЛ</abbr>:</label>
</div>
<div class="col-2 col-md-2">
<input id="stNEABEL" type="text" v-model="stNEABEL" size="8" placeholder="0 до 100">
</div>
<div class="col-2 col-md-2">
<input id="stNEABEL_mul" type="range" v-model="stNEABEL_mul" @change="changeMulBel()" min="1" max="3">
</div>
<div class="col-2 col-md-2 input-group">
<span>x</span>
<input class="borderless form-control-plaintext" disabled="disabled" size="2" type="text" v-model="stNEABEL_mul">
</div>
</div>
<div class="row">
<div class="col-6 col-md-6 text-right text-end">
<label for="stNEAMAT">Резултат от <abbr title="Национално Външно Оценяване">НВО</abbr> по Математика:</label>
</div>
<div class="col-2 col-md-2">
<input id="stNEAMAT" type="text" v-model="stNEAMAT" size="8" placeholder="0 до 100">
</div>
<div class="col-2 col-md-2">
<input id="stNEAMAT_mul" type="range" v-model="stNEAMAT_mul" @change="changeMulMat()" min="1" max="3">
</div>
<div class="col-2 col-md-2 input-group">
<span>x</span>
<input class="borderless form-control-plaintext" disabled="disabled" size="2" type="text" v-model="stNEAMAT_mul">
</div>
</div>
<div class="row">
<div class="col-6 col-md-6 text-right text-end">
<label for="stSubj1">Оценка предмет №1:</label>
</div>
<div class="col-6 col-md-6">
<input id="stSubj1" type="number" v-model="stSubj1" min="3" max="6" placeholder="от 3 до 6">
</div>
</div>
<div class="row">
<div class="col-6 col-md-6 text-right text-end">
<label for="stSubj2">Оценка предмет №2:</label>
</div>
<div class="col-6 col-md-6">
<input id="stSubj2" type="number" v-model="stSubj2" min="3" max="6" placeholder="от 3 до 6">
</div>
</div>
<div class="row">
<div class="col-6 col-md-6 text-right text-end">
<label for="stRank">Бал:</label>
</div>
<div class="col-6 col-md-6">
<input class="borderless form-control-plaintext" disabled="disabled" id="stRank" type="text" v-model="stRank">
</div>
</div>
<div class="row">
<div class="col-6 col-md-6 text-right text-end">
<label>Класиране по:</label>
</div>
<div class="col-6 col-md-6 input-group">
<p><input name="stRankBy" id="stRankByI" type="radio" v-model="stRankBy" value="first">
<label for="stRankByI">I класиране</label>
<input name="stRankBy" id="stRankByII" type="radio" v-model="stRankBy" value="second">
<label for="stRankByII">II класиране</label>
<input name="stRankBy" id="stRankByBoth" type="radio" v-model="stRankBy" value="both" checked="checked">
<label for="stRankByBoth">двете</label></p>
</div>
</div>
<div class="row">
<div class="col text-center">
<button class="btn btn-primary" :disabled="error || incomplete" @click="rankStudent()">✔ Класирай</button>
<button class="btn btn-primary" @click="cancel()">❌ Отказ</button>
</div>
</div>
</form>
<div class="row">
<div class="col">
<h2 id="ranking">Класиране по минимален бал</h2>
<form>
<div class="col text-center">
<label for="rnkYear">Година:</label>
<select id="rnkYear" @change="rnkYearChange()" v-model="rnkYear">
<option v-for="x in cls_ranks_yrs" :value="x">{{ x }}</option>
</select>
</div>
</form>
</div>
</div>
<table class="table table-striped">
<tr>
<th>№</th>
<th>Училище</th>
<th>Паралелка</th>
<th>Минимален бал I класиране</th>
<th>Минимален бал II класиране</th>
</tr>
<tr v-for="cls_rank in cls_ranks" :style="{color: getItemStyle(cls_rank) }">
<td>{{ cls_rank.rnkNum }}</td>
<td>{{ cls_rank.schlName }}</td>
<td>{{ cls_rank.clsName }}</td>
<td>{{ Number(cls_rank.min_rank_I).toFixed(2) }}</td>
<td>{{ Number(cls_rank.min_rank_II).toFixed(2) }}</td>
</tr>
</table>
<div class="row">
<div class="col">
<h2 id="about">Относно</h2>
<p>За информация относно <abbr title="Национално Външно Оценяване">НВО</abbr>,
моля посетете <a href="https://www.mon.bg/bg/100149" target="_blank">страницата</a>
на <abbr title="Министерство на Образованието и Науката">МОН</abbr>.
Минималните балове са взети от <a href="https://ruo-sofia-grad.com"
target="_blank">страницата</a> на <abbr title="Регионално Управление на Образованието">РУО</abbr>
- София Град. За повече вижте папката <a href="https://github.com/gdsotirov/7klas/tree/master/docs" hreflang="en">docs</a>
в проекта.</p>
<p><strong>Внимание</strong>: Това приложение не предава и съхранява данните
въведени от потребителя. След презареждане данните се губят.</p>
<p><strong>Внимание</strong>: Това приложение и информацията в него са
предоставени с цел да бъдат полезни. Класирането на ученика може да служи
само и единствено за справка.</p>
</div>
</div>
</div>
<footer>
<hr />
<p class="text-center">
<a href="https://github.com/gdsotirov/7klas" target="_blank">Страница на проекта</a></p>
<p class="copy">Автор © 2019-2024 Георги Д. Сотиров<br />
Това приложение се разпространява под
<a href="https://www.gnu.org/licenses/gpl-3.0.html">GPL версия 3.0</a> лиценз.</p>
</footer>
</body>
</html>