Move JS out of index.html
This commit is contained in:
parent
56c29e200a
commit
7b09e5e7b5
3 changed files with 94 additions and 67 deletions
|
|
@ -2,8 +2,11 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="stylesheet" href="/public/main.css">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<link rel="stylesheet" href="/public/main.css">
|
||||||
|
<script src="/public/date.js"></script>
|
||||||
|
<script src="/public/requests.js"></script>
|
||||||
|
|
||||||
<title>Hibiscus.txt</title>
|
<title>Hibiscus.txt</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -23,73 +26,9 @@
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<script defer>
|
<script defer>
|
||||||
function updateTime() {
|
updateDate()
|
||||||
let todayDate = new Date()
|
beginDateUpdater()
|
||||||
let timeField = document.getElementById("today-date")
|
|
||||||
timeField.innerText = todayDate.toISOString().split('T')[0]
|
|
||||||
|
|
||||||
}
|
|
||||||
updateTime()
|
|
||||||
|
|
||||||
async function postData(url = "", data = "") {
|
|
||||||
const response = await fetch(url, {
|
|
||||||
method: "POST",
|
|
||||||
credentials: "same-origin",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "text/plain",
|
|
||||||
},
|
|
||||||
redirect: "follow",
|
|
||||||
referrerPolicy: "no-referrer",
|
|
||||||
body: data,
|
|
||||||
});
|
|
||||||
if (response.ok) {
|
|
||||||
return response.text();
|
|
||||||
} else {
|
|
||||||
return response.status
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getData(url = "", data = "") {
|
|
||||||
const response = await fetch(url, {
|
|
||||||
method: "GET",
|
|
||||||
credentials: "same-origin",
|
|
||||||
redirect: "follow",
|
|
||||||
referrerPolicy: "no-referrer"
|
|
||||||
});
|
|
||||||
if (response.ok) {
|
|
||||||
return response.text();
|
|
||||||
} else {
|
|
||||||
console.log(response.text())
|
|
||||||
return response.status
|
|
||||||
// return "Error"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveLog() {
|
|
||||||
let logField = document.getElementById("log")
|
|
||||||
postData("/api/log", logField.value).then((data) => {
|
|
||||||
if (data !== 500) {
|
|
||||||
logField.value = ""
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveToday() {
|
|
||||||
let logField = document.getElementById("day")
|
|
||||||
postData("/api/today", logField.value).then((data) => {
|
|
||||||
console.log(data);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function loadToday() {
|
|
||||||
let dayField = document.getElementById("day")
|
|
||||||
getData("/api/today", dayField.value).then((data) => {
|
|
||||||
if (data !== 404) {
|
|
||||||
dayField.value = data
|
|
||||||
} else {
|
|
||||||
dayField.value = ""
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
loadToday()
|
loadToday()
|
||||||
</script>
|
</script>
|
||||||
</html>
|
</html>
|
||||||
23
public/date.js
Normal file
23
public/date.js
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
// Set today's date
|
||||||
|
function updateDate() {
|
||||||
|
let todayDate = new Date()
|
||||||
|
let timeField = document.getElementById("today-date")
|
||||||
|
timeField.innerText = todayDate.toISOString().split('T')[0]
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Starts interval to update today's date every hour at 00:00
|
||||||
|
function callEveryHour() {
|
||||||
|
setInterval(updateDate, 1000 * 60 * 60);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Begin above interval
|
||||||
|
function beginDateUpdater() {
|
||||||
|
let nextDate = new Date();
|
||||||
|
nextDate.setHours(nextDate.getHours() + 1);
|
||||||
|
nextDate.setMinutes(0);
|
||||||
|
nextDate.setSeconds(0);
|
||||||
|
|
||||||
|
const difference = nextDate - new Date();
|
||||||
|
setTimeout(callEveryHour, difference);
|
||||||
|
}
|
||||||
65
public/requests.js
Normal file
65
public/requests.js
Normal file
|
|
@ -0,0 +1,65 @@
|
||||||
|
async function postData(url = "", data = "") {
|
||||||
|
const response = await fetch(url, {
|
||||||
|
method: "POST",
|
||||||
|
credentials: "same-origin",
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "text/plain",
|
||||||
|
},
|
||||||
|
redirect: "follow",
|
||||||
|
referrerPolicy: "no-referrer",
|
||||||
|
body: data,
|
||||||
|
});
|
||||||
|
if (response.ok) {
|
||||||
|
return response.text();
|
||||||
|
} else {
|
||||||
|
return response.status
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getData(url = "", data = "") {
|
||||||
|
const response = await fetch(url, {
|
||||||
|
method: "GET",
|
||||||
|
credentials: "same-origin",
|
||||||
|
redirect: "follow",
|
||||||
|
referrerPolicy: "no-referrer"
|
||||||
|
});
|
||||||
|
if (response.ok) {
|
||||||
|
return response.text();
|
||||||
|
} else {
|
||||||
|
console.log(response.text())
|
||||||
|
return response.status
|
||||||
|
// return "Error"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveLog() {
|
||||||
|
let logField = document.getElementById("log")
|
||||||
|
postData("/api/log", logField.value).then((data) => {
|
||||||
|
if (data !== 500) {
|
||||||
|
logField.value = ""
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveToday() {
|
||||||
|
let logField = document.getElementById("day")
|
||||||
|
postData("/api/today", logField.value).then((data) => {
|
||||||
|
console.log(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function loadToday() {
|
||||||
|
let dayField = document.getElementById("day")
|
||||||
|
getData("/api/today", dayField.value).then((data) => {
|
||||||
|
if (data === 404) {
|
||||||
|
dayField.value = ""
|
||||||
|
} else if (data === 401) {
|
||||||
|
dayField.enabled = false
|
||||||
|
dayField.value = "Unauthorized"
|
||||||
|
} else if (data === 500) {
|
||||||
|
dayField.enabled = false
|
||||||
|
dayField.value = "Internal server error"
|
||||||
|
} else {
|
||||||
|
dayField.value = data
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue