m/stewardle
1
0
Fork 0
mirror of https://github.com/ssyyhhrr/stewardle.git synced 2025-11-13 12:33:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

Tutorial LocalStorage

Browse Source
This commit is contained in:
ssyyhhrr
2022-06-20 20:19:59 +01:00
parent cfafe7cb4a
commit e15e578f03
2 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/css/main.css
View File

@@ -232,13 +232,14 @@ p a:hover {
max-height: 80vh; max-height: 80vh;
position: fixed; position: fixed;
background-color: #171717; background-color: #171717;
z-index: 2; z-index: -1;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
box-shadow: 0 4px 23px 0 rgb(0 0 0 / 20%); box-shadow: 0 4px 23px 0 rgb(0 0 0 / 20%);
padding: 1.6em; padding: 1.6em;
transition: all 0.5s; transition: all 0.5s;
opacity: 0;
} }
.splitter { .splitter {
@@ -268,9 +269,9 @@ p a:hover {
margin: 0; margin: 0;
padding: 0; padding: 0;
transform: translate(-25vw, -25vh); transform: translate(-25vw, -25vh);
opacity: 0.6; opacity: 0;
transition: all 0.5s; transition: all 0.5s;
z-index: 1 z-index: -1;
} }
.frame { .frame {

22
assets/js/main.js
View File

@@ -1,5 +1,5 @@
let canOpen = false let canOpen = true
let canClose = true let canClose = false
function autocomplete(inp, arr) { function autocomplete(inp, arr) {
/*the autocomplete function takes two arguments, /*the autocomplete function takes two arguments,
@@ -132,7 +132,8 @@ document.addEventListener("keyup", async function (event) {
if (potential == 1 || document.getElementsByClassName("autocomplete-items")[0].children.length == 1 && value.replace(/[0-9]/g, '') != "") { if (potential == 1 || document.getElementsByClassName("autocomplete-items")[0].children.length == 1 && value.replace(/[0-9]/g, '') != "") {
if (localStorage.guesses == null) { if (localStorage.guesses == null) {
localStorage.guesses = JSON.stringify([guess]) let d = new Date()
localStorage.guesses = JSON.stringify([new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate() + 1, 0, 0, 0)), guess])
} }
else { else {
let guesses = JSON.parse(localStorage.guesses) let guesses = JSON.parse(localStorage.guesses)
@@ -160,6 +161,7 @@ function shake() {
} }
async function submit(guess) { async function submit(guess) {
localStorage.first = false
return new Promise(async (res, rej) => { return new Promise(async (res, rej) => {
let obj = {} let obj = {}
Object.entries(driversObj).forEach(driver => { Object.entries(driversObj).forEach(driver => {
@@ -326,9 +328,17 @@ document.addEventListener('DOMContentLoaded', (event) => {
drivers.push(driver[1].firstName + " " + driver[1].lastName) drivers.push(driver[1].firstName + " " + driver[1].lastName)
}) })
autocomplete(document.getElementById("myInput"), drivers); autocomplete(document.getElementById("myInput"), drivers);
JSON.parse(localStorage.guesses).forEach(async guess => { let utc = new Date()
await submit(guess) let d = new Date(Date.UTC(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate(), 0, 0, 0))
}) if (JSON.parse(localStorage.guesses)[0] < d) {
localStorage.removeItem("guesses")
}
if (localStorage.guesses != null) {
JSON.parse(localStorage.guesses).forEach(async (guess, index) => {
if (index > 0) await submit(guess)
})
}
if (localStorage.first == null) open()
}) })
}) })
}) })