248 lines
9.5 KiB
HTML
248 lines
9.5 KiB
HTML
|
<!--
|
|||
|
|
Copyright (c) 2023 Nikita Osokin.
|
|||
|
|
|
|||
|
|
Redistribution and use in source and binary forms, with or without modification, are permitted
|
|||
|
|
provided that the following conditions are met:
|
|||
|
|
|
|||
|
|
1. Redistributions of source code must retain the above copyright notice, this list of
|
|||
|
|
conditions and the following disclaimer.
|
|||
|
|
2. Redistributions in binary form must reproduce the above copyright notice, this list of
|
|||
|
|
conditions and the following disclaimer in the documentation and/or other materials provided
|
|||
|
|
with the distribution.
|
|||
|
|
|
|||
|
|
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR
|
|||
|
|
IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
|
|||
|
|
AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
|
|||
|
|
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
|||
|
|
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
|||
|
|
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
|||
|
|
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
|
|||
|
|
OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
|||
|
|
POSSIBILITY OF SUCH DAMAGE.
|
|||
|
|
-->
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<input type="date" id="date" />
|
|||
|
|
<p><p/>
|
|||
|
|
|
|||
|
|
<table id="schedule" border=1>
|
|||
|
|
<tbody>
|
|||
|
|
<tr class="schedRow">
|
|||
|
|
<td>
|
|||
|
|
1.
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="checkbox" checked />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="schedRow">
|
|||
|
|
<td>
|
|||
|
|
2.
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="checkbox" checked />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="schedRow">
|
|||
|
|
<td>
|
|||
|
|
3.
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="checkbox" checked />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="schedRow">
|
|||
|
|
<td>
|
|||
|
|
4.
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="checkbox" checked />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="schedRow">
|
|||
|
|
<td>
|
|||
|
|
5.
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="checkbox" checked />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="schedRow">
|
|||
|
|
<td>
|
|||
|
|
6.
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="checkbox" checked />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="schedRow">
|
|||
|
|
<td>
|
|||
|
|
7.
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="checkbox" checked />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<input type="text" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<p></p>
|
|||
|
|
<input id="password" type="password" placeholder="Пароль" />
|
|||
|
|
<input id="send" type="button" onclick="sendEdits()" value="Отправить изменения" />
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
function numToUint8Array(num, arr, off) {
|
|||
|
|
for(var i = 0; i < 8; i++) {
|
|||
|
|
arr[off + 7 - i] = num % 0x100;
|
|||
|
|
num >>= 8;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function displayStatus(response) {
|
|||
|
|
let sendButton = document.getElementById("send");
|
|||
|
|
let statusText;
|
|||
|
|
|
|||
|
|
if(response.status == 200) {
|
|||
|
|
statusText = document.createTextNode(" Расписание успешно изменено.");
|
|||
|
|
} else if(response.status == 400) {
|
|||
|
|
statusText = document.createTextNode(" Ошибка при изменении расписания: неправильный формат данных.");
|
|||
|
|
} else if(response.status == 401) {
|
|||
|
|
statusText = document.createTextNode(" Неверный пароль.");
|
|||
|
|
} else if(response.status == 500) {
|
|||
|
|
statusText = document.createTextNode(" Ошибка при изменении расписания: внутренняя ошибка сервера. Попробуйте отправить изменения ещё раз прямо сейчас или чуть позже.");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sendButton.after(statusText);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function displayNetError(e) {
|
|||
|
|
let sendButton = document.getElementById("send");
|
|||
|
|
let statusText = document.createTextNode(" Сетевая ошибка при отправке изменений. Возможно, вам стоит проверить своё интернет-соединение или подождать, а затем отправить изменения снова.");
|
|||
|
|
sendButton.after(statusText);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function sendEdits() {
|
|||
|
|
const schedule = document.getElementById("schedule");
|
|||
|
|
let lessonsCount = 0;
|
|||
|
|
let indices = [];
|
|||
|
|
let names = [];
|
|||
|
|
let namesLens = [];
|
|||
|
|
let descs = [];
|
|||
|
|
let descsLens = [];
|
|||
|
|
let index = 0;
|
|||
|
|
let textEncoder = new TextEncoder();
|
|||
|
|
let password = textEncoder.encode(document.getElementById("password").value);
|
|||
|
|
let bufferSize = 24 + password.length;
|
|||
|
|
for(const row of schedule.children[0].children) {
|
|||
|
|
if(row.children[1].children[0].checked) {
|
|||
|
|
lessonsCount++;
|
|||
|
|
indices.push(index);
|
|||
|
|
let name = textEncoder.encode(row.children[2].children[0].value);
|
|||
|
|
names.push(name);
|
|||
|
|
namesLens.push(name.length);
|
|||
|
|
let desc = textEncoder.encode(row.children[3].children[0].value);
|
|||
|
|
descs.push(desc);
|
|||
|
|
descsLens.push(desc.length);
|
|||
|
|
bufferSize += 24 + name.length + desc.length;
|
|||
|
|
}
|
|||
|
|
index++;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let data = new Uint8Array(new ArrayBuffer(bufferSize));
|
|||
|
|
|
|||
|
|
numToUint8Array(password.length, data, 0);
|
|||
|
|
for(let i = 0; i < password.length; i++) {
|
|||
|
|
data[8 + i] = password[i];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let currentOff = 16 + password.length;
|
|||
|
|
numToUint8Array(lessonsCount, data, currentOff);
|
|||
|
|
currentOff += 8;
|
|||
|
|
for(let i = 0; i < lessonsCount; i++) {
|
|||
|
|
numToUint8Array(indices[i], data, currentOff);
|
|||
|
|
currentOff += 8;
|
|||
|
|
|
|||
|
|
numToUint8Array(namesLens[i], data, currentOff);
|
|||
|
|
currentOff += 8;
|
|||
|
|
for(let j = 0; j < namesLens[i]; j++) {
|
|||
|
|
data[currentOff + j] = names[i][j];
|
|||
|
|
}
|
|||
|
|
currentOff += namesLens[i];
|
|||
|
|
|
|||
|
|
numToUint8Array(descsLens[i], data, currentOff);
|
|||
|
|
currentOff += 8;
|
|||
|
|
for(let j = 0; j < descsLens[i]; j++) {
|
|||
|
|
data[currentOff + j] = descs[i][j];
|
|||
|
|
}
|
|||
|
|
currentOff += descsLens[i];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let params = "?c=" + (new URLSearchParams(document.location.search)).get("c")
|
|||
|
|
let day = document.getElementById("date").valueAsNumber;
|
|||
|
|
if(day != NaN) {
|
|||
|
|
params += "&d=" + (day / 86400000).toString();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
fetch(
|
|||
|
|
params,
|
|||
|
|
{
|
|||
|
|
method: "POST",
|
|||
|
|
body: data
|
|||
|
|
}
|
|||
|
|
).then(
|
|||
|
|
displayStatus,
|
|||
|
|
displayNetError
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
|