From d23eb50fb3ed4c006de29ae9329f1ac056a2dba1 Mon Sep 17 00:00:00 2001
From: maxluli <moi@MonPc.localdomain>
Date: Tue, 11 Oct 2022 11:10:31 +0200
Subject: [PATCH] The app is now officially a PWA

---
 assets/JsStuff/manifest.webmanifest |  14 +++++++++++
 assets/img/Icon.png                 | Bin 297 -> 1398 bytes
 assets/img/Icon.png:Zone.Identifier |   3 +++
 assets/img/Icon2.png                | Bin 0 -> 1398 bytes
 index.html                          |  36 +++++++++++++++++-----------
 sw.js                               |   7 ++++++
 6 files changed, 46 insertions(+), 14 deletions(-)
 create mode 100644 assets/JsStuff/manifest.webmanifest
 create mode 100644 assets/img/Icon.png:Zone.Identifier
 create mode 100644 assets/img/Icon2.png
 create mode 100644 sw.js

diff --git a/assets/JsStuff/manifest.webmanifest b/assets/JsStuff/manifest.webmanifest
new file mode 100644
index 0000000..e7bbaf0
--- /dev/null
+++ b/assets/JsStuff/manifest.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "Tinder for pokemons 2022",
+    "short_name": "Pokinder",
+    "start_url": "/es2-2022-2023/rhmr/PokemonTinder/index.html",
+    "id": "/es2-2022-2023/rhmr/PokemonTinder/index.html",
+    "display": "fullscreen",
+    "icons": [
+        {
+            "src": "/es2-2022-2023/rhmr/PokemonTinder/assets/img/Icon2.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/assets/img/Icon.png b/assets/img/Icon.png
index 9102fcd62fd86c5d1561d823ff538a3959aea965..2706f6190f741934a2e17f307282466a29e3c9e1 100644
GIT binary patch
literal 1398
zcmZ`(SyWS36usdQ2uX+pBLYT^RvCj5WC)1%l_Hn~8A3!E6vAwiD5F(ZfESn1TCk=u
zprE!82_hIp1epXGETxDL9HJJrU}F%lSYxq8yRa{=)ek#-+<QLGS^Mm>?>_f%cxbRC
z-X0GCuw-ov<f2h#JUBD-9uIobj0Q|LH#h)X7^F@BfL+B3{Dik>`!A<1WiDb^ZOCkS
zcxd^;&Tz6IV*Ye@E|Z7t7de(y=o~6fE#XL1rENV+=U&W^#i8x@v2*M5M?2@AO=|PK
zqAXb5Hl<`A-=?3Os|Z0Xkp6~MuBLDb_h>W@>3uGEPy?z%CK&{b=0u)b>;h2CT9>*E
z*k8VwQfpG~aqfG1gD=tysPh{h*HElfg@Is_wNC#I`oC&ZIO%nxa5LaJ%$$&d^ns2N
z^`sK>Cg)vaNV-b%YC6hdghvFT>cya;BGoCfOF}8uCS}m#d$yWUog7j&EvNR~vokk%
z6{U1a61mzH-4gNX%n#GiS>@x8L=V38cIB|W<_>YsyX&*7wc1lclk)JiwL3s{(D*?}
zO*jJO!lpD(e-)1a9Fj^IB_{JL=JiT4Xs1g`Hv$tHNF-dg-AX;*%z3KT4{1CKqz3Uq
zgP5G?vUG;C+8UGI{uWT0f9{fKH(Zza$uL$R)69C%IeVFqFXTHaUwIRaz;rC=lg~3p
z;p!=X##v9rA)t>75c+He4Q;}~fO=hz<lluIg}cku?ewY~kC`APS8%7vCTZ6S6OCUG
z$VnYJ_5{zADR1o~l5_$mREZ3lg+gV717#72+dy}~(jsUK_H$eFH86$2b(_}_k{<$|
zycpe8;m<BpKZ=U~%?^i9l3UDUc;Ih3+s!XaXYIWQVGMcb<qaOSZ<jxc{sn~fROHjH
z8qUTlyvE=!+5Xa(6z?<eWZJLnCU@!Y3Xb!1mVau^rpRk$S(?yo)-HZfc(5v;6ARI>
zjg}&Qf6kh3H1<GUdjw_FKc2}jGpeGeBoJc917=I(rF1IJoXg}B)^1)&8m214QpR(s
zz!E3RdZCQ#k4|o1bbcWC+-BeLwzjru#p}0uK6?5P%<geHSut>S<nYHk9Ulg|?p4@=
z$;J7ElNcCZzo_+alzr6fjwt<^jd8wdM)(tPMHp0`a$juamKf<hN0%n(ihJSHrYSk<
z6x|2}3@0m+69`F!NM_5`H8Lf;U!{m)hkVxNPbINib`IRW9qChLkk_p()!9^0pz_>e
zQ2i+xU}TA&g$$#_o@YQBjX=nACmnz$8U_MQtN_L;_P#kb(PtPR&9ov_W@LGX@wJJM
zE%U|V=T+S4J*})5LEMVnJa%5!InR$4K(O=5q36pPjY7b7wtx%qby6&C<i}-xb(Qxh
z%y2dfo#V}M`WW2NYJ7s!2(+syTw)^0mUH7<!nmYsY`3QtoJ^7`YBEe-jIy8DV%L8_
zku8^-Bb4GlZGpi{$P9<C^YGO4ZLBNqgRnNu@;@Bfano0G=}}HW+*r!zBDXgM#L#s&
zRr-#`Ue~GC)`DjTH-S5MovZ;&wwscV!W~+s>>{5IktoON9mpizR1q|5-|I07Gn@t1
zDA~b(q{YJ|-Hl)~upjf@`AP1e3sC_OZD80U37zlv!j=fTCpZJRL`?h&qmUb@KM6zB
z?H)&O{c%TJ>0=%F9dJ_V_ALQ5!+Y<$08gPnU}FY*`OS;PA_qmHo886*=hp&Fomw4j
j3+_Ji7Z$UTd`RCDX<M5=aRmKF0c%5O;DvyM{Q&$0MshQs

literal 297
zcmV+^0oMMBP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#;Ymb6R5(wqlf4bXFc5{$J?ufn04b?5OO{{@=Ag_3=>rXt9hL~a(KCM5*(N9w
zapRxd`|kO2HeOC%;&?R&E`QFu;gP-@0M-giDnN^X{cy?R=ccP%1;E^N=?aLT@K%H$
z<GuuC0Ejj19!1YMk0Npw5e?Z6P-aI`I>36#MRM>BV50S_sz-T^41hS+0AlYyJ7bIh
zLNU%*hunepA(%r0c-Hs5v~61h_zNjwX3W;wpr58G6Nebx2cZtpwr&IGTo7aE>=i&a
v5<n2@%=+$3@P8|B@|b96?W@$!`3+_Ymu<{<?ppu=002ovPDHLkV1fVu>r{KM

diff --git a/assets/img/Icon.png:Zone.Identifier b/assets/img/Icon.png:Zone.Identifier
new file mode 100644
index 0000000..b37ac78
--- /dev/null
+++ b/assets/img/Icon.png:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://www.piskelapp.com/
diff --git a/assets/img/Icon2.png b/assets/img/Icon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..2706f6190f741934a2e17f307282466a29e3c9e1
GIT binary patch
literal 1398
zcmZ`(SyWS36usdQ2uX+pBLYT^RvCj5WC)1%l_Hn~8A3!E6vAwiD5F(ZfESn1TCk=u
zprE!82_hIp1epXGETxDL9HJJrU}F%lSYxq8yRa{=)ek#-+<QLGS^Mm>?>_f%cxbRC
z-X0GCuw-ov<f2h#JUBD-9uIobj0Q|LH#h)X7^F@BfL+B3{Dik>`!A<1WiDb^ZOCkS
zcxd^;&Tz6IV*Ye@E|Z7t7de(y=o~6fE#XL1rENV+=U&W^#i8x@v2*M5M?2@AO=|PK
zqAXb5Hl<`A-=?3Os|Z0Xkp6~MuBLDb_h>W@>3uGEPy?z%CK&{b=0u)b>;h2CT9>*E
z*k8VwQfpG~aqfG1gD=tysPh{h*HElfg@Is_wNC#I`oC&ZIO%nxa5LaJ%$$&d^ns2N
z^`sK>Cg)vaNV-b%YC6hdghvFT>cya;BGoCfOF}8uCS}m#d$yWUog7j&EvNR~vokk%
z6{U1a61mzH-4gNX%n#GiS>@x8L=V38cIB|W<_>YsyX&*7wc1lclk)JiwL3s{(D*?}
zO*jJO!lpD(e-)1a9Fj^IB_{JL=JiT4Xs1g`Hv$tHNF-dg-AX;*%z3KT4{1CKqz3Uq
zgP5G?vUG;C+8UGI{uWT0f9{fKH(Zza$uL$R)69C%IeVFqFXTHaUwIRaz;rC=lg~3p
z;p!=X##v9rA)t>75c+He4Q;}~fO=hz<lluIg}cku?ewY~kC`APS8%7vCTZ6S6OCUG
z$VnYJ_5{zADR1o~l5_$mREZ3lg+gV717#72+dy}~(jsUK_H$eFH86$2b(_}_k{<$|
zycpe8;m<BpKZ=U~%?^i9l3UDUc;Ih3+s!XaXYIWQVGMcb<qaOSZ<jxc{sn~fROHjH
z8qUTlyvE=!+5Xa(6z?<eWZJLnCU@!Y3Xb!1mVau^rpRk$S(?yo)-HZfc(5v;6ARI>
zjg}&Qf6kh3H1<GUdjw_FKc2}jGpeGeBoJc917=I(rF1IJoXg}B)^1)&8m214QpR(s
zz!E3RdZCQ#k4|o1bbcWC+-BeLwzjru#p}0uK6?5P%<geHSut>S<nYHk9Ulg|?p4@=
z$;J7ElNcCZzo_+alzr6fjwt<^jd8wdM)(tPMHp0`a$juamKf<hN0%n(ihJSHrYSk<
z6x|2}3@0m+69`F!NM_5`H8Lf;U!{m)hkVxNPbINib`IRW9qChLkk_p()!9^0pz_>e
zQ2i+xU}TA&g$$#_o@YQBjX=nACmnz$8U_MQtN_L;_P#kb(PtPR&9ov_W@LGX@wJJM
zE%U|V=T+S4J*})5LEMVnJa%5!InR$4K(O=5q36pPjY7b7wtx%qby6&C<i}-xb(Qxh
z%y2dfo#V}M`WW2NYJ7s!2(+syTw)^0mUH7<!nmYsY`3QtoJ^7`YBEe-jIy8DV%L8_
zku8^-Bb4GlZGpi{$P9<C^YGO4ZLBNqgRnNu@;@Bfano0G=}}HW+*r!zBDXgM#L#s&
zRr-#`Ue~GC)`DjTH-S5MovZ;&wwscV!W~+s>>{5IktoON9mpizR1q|5-|I07Gn@t1
zDA~b(q{YJ|-Hl)~upjf@`AP1e3sC_OZD80U37zlv!j=fTCpZJRL`?h&qmUb@KM6zB
z?H)&O{c%TJ>0=%F9dJ_V_ALQ5!+Y<$08gPnU}FY*`OS;PA_qmHo886*=hp&Fomw4j
j3+_Ji7Z$UTd`RCDX<M5=aRmKF0c%5O;DvyM{Q&$0MshQs

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index ca46f63..b7fe0ec 100644
--- a/index.html
+++ b/index.html
@@ -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));
     }
diff --git a/sw.js b/sw.js
new file mode 100644
index 0000000..8bbe9cb
--- /dev/null
+++ b/sw.js
@@ -0,0 +1,7 @@
+// This code executes in its own worker or thread
+self.addEventListener("install", event => {
+    console.log("Service worker installed");
+ });
+ self.addEventListener("activate", event => {
+    console.log("Service worker activated");
+ });
\ No newline at end of file