Parano/TinderPokemon
3
0
Fork 0
forked from Maxluli/TinderPokemon
Code Issues Pull Requests Packages Projects Releases Wiki Activity

The app is now officially a PWA

Browse Source
This commit is contained in:
maxluli
2022-10-11 11:10:31 +02:00
parent cb8162214f
commit d23eb50fb3
6 changed files with 46 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+22 -14
View File
@@ -19,7 +19,24 @@
<title>Tinder Pokemon</title>
<link rel="icon" type="image/x-icon" href="assets/img/Icon.ico">
<link rel="manifest" href="assets/JsStuff/manifest.webmanifest">
</head>
<script>
if ('serviceWorker' in navigator) {
// Register a service worker hosted at the root of the
// site using the default scope.
navigator.serviceWorker.register('/es2-2022-2023/rhmr/PokemonTinder/sw.js').then(
(registration) => {
console.log('Service worker registration succeeded:', registration)
},
/*catch*/(error) => {
console.log('Service worker registration failed:', error)
}
)
} else {
console.log('Service workers are not supported.')
}
</script>
<body id="main">
<div class="d-grid gap-2 text-center">
@@ -30,15 +47,6 @@
<h2>Home</h2>
</div>
</div>
<!---
<div class="container">
<div class="card p-2 text-center">
<div class="card-body">
This definitely is an AD
</div>
</div>
</div>
-->
<div class="container">
<div class="card p-2">
<img id="pokemonImage" style="image-rendering: pixelated;"
@@ -161,7 +169,7 @@
document.getElementById('likeButton').onclick = function () {
if (LoadedSuccessfully) {
//saveToIndexedDB("likes", CurrentPokemon);
storeToApi("likes",CurrentPokemon);
storeToApi("likes", CurrentPokemon);
loadNewPokemon();
}
};
@@ -174,7 +182,7 @@
document.getElementById('favoriteButton').onclick = function () {
if (LoadedSuccessfully) {
//saveToIndexedDB("favorites", CurrentPokemon);
storeToApi("favorites",CurrentPokemon);
storeToApi("favorites", CurrentPokemon);
loadNewPokemon();
}
}
@@ -242,7 +250,7 @@
);
}
//This code... you wont believe it... its still not mine HAHAHAHAHA but now its from postman
function storeToApi(storeName,pokemon) {
function storeToApi(storeName, pokemon) {
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");
@@ -261,12 +269,12 @@
redirect: 'follow'
};
fetch("https://633bde0df11701a65f69abe8.mockapi.io/api/v1/"+storeName+"/", requestOptions)
fetch("https://633bde0df11701a65f69abe8.mockapi.io/api/v1/" + storeName + "/", requestOptions)
.then(response => response.text())
.then(result => {
let addedPokemon = JSON.parse(result);
console.log(addedPokemon);
saveToIndexedDB(storeName,addedPokemon);
saveToIndexedDB(storeName, addedPokemon);
})
.catch(error => console.log('error', error));
}