From f09dae4ca4ad7fb855154dd18c492918550f8903 Mon Sep 17 00:00:00 2001
From: Mariya Artemenko <mariya.artemenko1604@gmail.com>
Date: Mon, 11 Dec 2023 09:56:45 +0200
Subject: [PATCH 1/3] 9 homework add

---
 .../PokemonProject/css/games.css              |  19 ++
 .../PokemonProject/games.html                 |   1 +
 .../PokemonProject/scripts/pokemons.js        | 288 ++----------------
 3 files changed, 52 insertions(+), 256 deletions(-)

diff --git a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css
index 2da6a7af..1ffcb8e6 100644
--- a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css
+++ b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css
@@ -142,3 +142,22 @@
   align-content: center;
   align-items: center;
 }
+
+.loading {
+  display: flex;
+  justify-content: center;
+  width: 50px;
+  height: 50px;
+  border: 3px solid #ECECEC;
+  border-radius: 50%;
+  border-top-color: #EF4934;
+  animation: spin 1s ease-in-out infinite;
+  -webkit-animation: spin 1s ease-in-out infinite;
+}
+
+@keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+@-webkit-keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
diff --git a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/games.html b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/games.html
index 91630856..7887bef5 100644
--- a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/games.html
+++ b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/games.html
@@ -65,6 +65,7 @@
                 </div>
             </section>
             <h1 class="pokemons-cards__title"> Study project "Pokemons"</h1>
+            <div class="loading" data-loader></div>
             <section class="container" data-type="main"></section>
             <template data-type="card-template">
                 <article class="pokemons-cards__single-pokemon">
diff --git a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
index 23b9b705..9a08e67e 100644
--- a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
+++ b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
@@ -1,259 +1,4 @@
-const pokemons = [
-    {
-        abilities: [
-            'Overgrow',
-        ],
-        detailPageURL: '/us/pokedex/bulbasaur',
-        weight: 15.2,
-        weakness: [
-            'Fire',
-            'Psychic',
-            'Flying',
-            'Ice',
-        ],
-        number: '0001',
-        height: 28.0,
-        collectibles_slug: 'bulbasaur',
-        featured: 'true',
-        slug: 'bulbasaur',
-        name: 'Bulbasaur',
-        ThumbnailAltText: 'Bulbasaur',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/001.png',
-        id: 1,
-        type: [
-            'grass',
-            'poison',
-        ],
-    },
-    {
-        abilities: [
-            'Overgrow',
-        ],
-        detailPageURL: '/us/pokedex/ivysaur',
-        weight: 28.7,
-        weakness: [
-            'Fire',
-            'Psychic',
-            'Flying',
-            'Ice',
-        ],
-        number: '0002',
-        height: 39.0,
-        collectibles_slug: 'ivysaur',
-        featured: 'true',
-        slug: 'ivysaur',
-        name: 'Ivysaur',
-        ThumbnailAltText: 'Ivysaur',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/002.png',
-        id: 2,
-        type: [
-            'grass',
-            'poison',
-        ],
-    },
-    {
-        abilities: [
-            'Overgrow',
-        ],
-        detailPageURL: '/us/pokedex/venusaur',
-        weight: 9999.0,
-        weakness: [
-            'Fire',
-            'Psychic',
-            'Flying',
-            'Ice',
-        ],
-        number: '0003',
-        height: 945.0,
-        collectibles_slug: 'venusaur',
-        featured: 'true',
-        slug: 'venusaur',
-        name: 'Venusaur',
-        ThumbnailAltText: 'Venusaur',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/003.png',
-        id: 3,
-        type: [
-            'grass',
-            'poison',
-        ],
-    },
-    {
-        abilities: [
-            'Thick Fat',
-        ],
-        detailPageURL: '/us/pokedex/venusaur',
-        weight: 342.8,
-        weakness: [
-            'Fire',
-            'Psychic',
-            'Flying',
-            'Ice',
-        ],
-        number: '0003',
-        height: 94.0,
-        collectibles_slug: 'venusaur',
-        featured: 'true',
-        slug: 'venusaur',
-        name: 'Venusaur',
-        ThumbnailAltText: 'Venusaur',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/003.png',
-        id: 3,
-        type: [
-            'grass',
-            'poison',
-        ],
-    },
-    {
-        abilities: [
-            'Overgrow',
-        ],
-        detailPageURL: '/us/pokedex/venusaur',
-        weight: 220.5,
-        weakness: [
-            'Fire',
-            'Psychic',
-            'Flying',
-            'Ice',
-        ],
-        number: '0003',
-        height: 79.0,
-        collectibles_slug: 'venusaur',
-        featured: 'true',
-        slug: 'venusaur',
-        name: 'Venusaur',
-        ThumbnailAltText: 'Venusaur',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/003.png',
-        id: 3,
-        type: [
-            'grass',
-            'poison',
-        ],
-    },
-    {
-        abilities: [
-            'Blaze',
-        ],
-        detailPageURL: '/us/pokedex/charmander',
-        weight: 18.7,
-        weakness: [
-            'Water',
-            'Ground',
-            'Rock',
-        ],
-        number: '0004',
-        height: 24.0,
-        collectibles_slug: 'charmander',
-        featured: 'true',
-        slug: 'charmander',
-        name: 'Charmander',
-        ThumbnailAltText: 'Charmander',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/004.png',
-        id: 4,
-        type: [
-            'fire',
-        ],
-    },
-    {
-        abilities: [
-            'Blaze',
-        ],
-        detailPageURL: '/us/pokedex/charmeleon',
-        weight: 41.9,
-        weakness: [
-            'Water',
-            'Ground',
-            'Rock',
-        ],
-        number: '0005',
-        height: 43.0,
-        collectibles_slug: 'charmeleon',
-        featured: 'true',
-        slug: 'charmeleon',
-        name: 'Charmeleon',
-        ThumbnailAltText: 'Charmeleon',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/005.png',
-        id: 5,
-        type: [
-            'fire',
-        ],
-    },
-    {
-        abilities: [
-            'Blaze',
-        ],
-        detailPageURL: '/us/pokedex/charizard',
-        weight: 9999.0,
-        weakness: [
-            'Water',
-            'Electric',
-            'Rock',
-        ],
-        number: '0006',
-        height: 1102.0,
-        collectibles_slug: 'charizard',
-        featured: 'true',
-        slug: 'charizard',
-        name: 'Charizard',
-        ThumbnailAltText: 'Charizard',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/006.png',
-        id: 6,
-        type: [
-            'fire',
-            'flying',
-        ],
-    },
-    {
-        abilities: [
-            'Drought',
-        ],
-        detailPageURL: '/us/pokedex/charizard',
-        weight: 221.6,
-        weakness: [
-            'Water',
-            'Electric',
-            'Rock',
-        ],
-        number: '0006',
-        height: 67.0,
-        collectibles_slug: 'charizard',
-        featured: 'true',
-        slug: 'charizard',
-        name: 'Charizard',
-        ThumbnailAltText: 'Charizard',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/006.png',
-        id: 6,
-        type: [
-            'fire',
-            'flying',
-        ],
-    },
-    {
-        abilities: [
-            'Tough Claws',
-        ],
-        detailPageURL: '/us/pokedex/charizard',
-        weight: 243.6,
-        weakness: [
-            'Ground',
-            'Rock',
-            'Dragon',
-        ],
-        number: '0006',
-        height: 67.0,
-        collectibles_slug: 'charizard',
-        featured: 'true',
-        slug: 'charizard',
-        name: 'Charizard',
-        ThumbnailAltText: 'Charizard',
-        ThumbnailImage: 'https://assets.pokemon.com/assets/cms2/img/pokedex/detail/006.png',
-        id: 6,
-        type: [
-            'fire',
-            'dragon',
-        ],
-    },
-];
-
+let pokemons = [];
 const sizePokemonBig = document.querySelector('[data-filter="big"]');
 const sizePokemonSmall = document.querySelector('[data-filter="small"]');
 
@@ -277,6 +22,37 @@ function renderCards(container, cardsAmount) {
     }
 }
 
+function hiddenLoader () {
+    const loader = document.querySelector('[data-loader]');
+    loader.style.display = 'none';
+}
+
+async function getPokemons() {
+    try {
+        const apiUrl = 'https://my-json-server.typicode.com/electrovladyslav/pokemon-json-server/pokemons';
+        const options = {
+            method: 'GET',
+            mode: 'cors',
+            cache: 'no-cache'
+        };
+
+        const response = await fetch(apiUrl, options);
+        pokemons = await response.json();
+        renderCards(mainElement, pokemons);
+    }
+    catch (error) {
+        console.error('GET error:', error);
+
+    }
+    finally {
+        hiddenLoader();
+    }
+}
+
+setTimeout(() => {
+    getPokemons();
+}, 2000);
+
 function resetfiletrs() {
     while (mainElement.firstChild) {
         mainElement.removeChild(mainElement.firstChild);

From bdb17e50931932c20830f270f47c4c09c0476613 Mon Sep 17 00:00:00 2001
From: Mariya Artemenko <mariya.artemenko1604@gmail.com>
Date: Mon, 11 Dec 2023 10:06:21 +0200
Subject: [PATCH 2/3] edits after linter's checking

---
 .../PokemonProject/css/games.css                      |  1 +
 .../PokemonProject/scripts/pokemons.js                | 11 ++++-------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css
index 1ffcb8e6..30726923 100644
--- a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css
+++ b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/css/games.css
@@ -158,6 +158,7 @@
 @keyframes spin {
   to { -webkit-transform: rotate(360deg); }
 }
+
 @-webkit-keyframes spin {
   to { -webkit-transform: rotate(360deg); }
 }
diff --git a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
index 9a08e67e..608b7a67 100644
--- a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
+++ b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
@@ -22,7 +22,7 @@ function renderCards(container, cardsAmount) {
     }
 }
 
-function hiddenLoader () {
+function hiddenLoader() {
     const loader = document.querySelector('[data-loader]');
     loader.style.display = 'none';
 }
@@ -33,18 +33,15 @@ async function getPokemons() {
         const options = {
             method: 'GET',
             mode: 'cors',
-            cache: 'no-cache'
+            cache: 'no-cache',
         };
 
         const response = await fetch(apiUrl, options);
         pokemons = await response.json();
         renderCards(mainElement, pokemons);
-    }
-    catch (error) {
+        } catch (error) {
         console.error('GET error:', error);
-
-    }
-    finally {
+    } finally {
         hiddenLoader();
     }
 }

From cda6ccce37fceb41f4c3a8968ab86e276f4b4581 Mon Sep 17 00:00:00 2001
From: Mariya Artemenko <mariya.artemenko1604@gmail.com>
Date: Mon, 11 Dec 2023 10:12:51 +0200
Subject: [PATCH 3/3] edits after linter's checking

---
 .../PokemonProject/scripts/pokemons.js                          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
index 608b7a67..93f36dc9 100644
--- a/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
+++ b/homeworks/mariya.artemenko_Mariya-Artemenko/PokemonProject/scripts/pokemons.js
@@ -39,7 +39,7 @@ async function getPokemons() {
         const response = await fetch(apiUrl, options);
         pokemons = await response.json();
         renderCards(mainElement, pokemons);
-        } catch (error) {
+    } catch (error) {
         console.error('GET error:', error);
     } finally {
         hiddenLoader();