poslední úpravy druhé části

Czechitas-podklady-WEB · Apr 25, 2024 · 2d6ce6e · 2d6ce6e
1 parent 2fddb8c
commit 2d6ce6e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/daweb/js2/cafe-lora-1/cvlekce/napoj.md b/daweb/js2/cafe-lora-1/cvlekce/napoj.md
@@ -17,7 +17,7 @@ Vytvoříme komponentu `Drink`, která zatím nebude mít funkční objednávac
       id={0}
       name="Romano"
       ordered={false}
-      image="https://localhost:4000/assets/cups/romano.png"
+      image="http://localhost:4000/assets/cups/romano.png"
       layers={[
         {
           color: '#fbdf5b',

diff --git a/daweb/js2/cafe-lora-2/cvlekce/objednavani.md b/daweb/js2/cafe-lora-2/cvlekce/objednavani.md
@@ -7,7 +7,8 @@ context: lekce
 
 1.  Nejdříve si všimněte, že data pro jeden nápoj obsahují vlastnost `ordered`, která udává, zda je nápoj zrovna objednaný či nikoliv. Toto je zároveň _prop_ v komponentě `Drink`. Upravte tuto komponentu tak, aby v závislosti na hodnotě této _prop_ zobrazila na tlačíku text _Objednat_ nebo _Zrušit_.
 1.  Na objednávací tlačítko také přidejte třídu `.order-btn--ordered` v případě, že nápoj je objednaný.
-1.  V hlavním souboru `index.jsx` pověste pomocí `querySelectorAll` posluchač události na každý objednávací formulář v nápojích. Zatím při kliknutí na tlačítko vypište do konzole `id` nápoje, abyste si ověřili, že váš posluchač události pracuje se správným prvkem pole.
+1.  Prop `id` předejte atributu `data-id`, který vložte na `<form>`.
+1.  V hlavním souboru `index.jsx` pověste pomocí `querySelectorAll` posluchač události na každý objednávací formulář v nápojích. Zatím při kliknutí na tlačítko vypište do konzole `id` nápoje, abyste si ověřili, že váš posluchač události pracuje se správným prvkem pole. K `id` se dostanete pomocí vlastnosti `dataset.id`.
 1.  Samotné objednání nápoje provedete pomocí PATCH požadavku na API endpoint `/api/drinks/:id`. Tento požadavek bude mít v těle JSON pole s objektem, tělo požadavku tedy bude vypadat takto:
 
     ```js
@@ -17,4 +18,5 @@ context: lekce
     Proveďte tento požadavek pomocí `fetch` a zkontrolujte, že se vám v konzoli vypíše odpověď od API. Jakmile je váš kód funkční, proveďte refresh stránky, aby se vám zobrazila aktuální data.
 
 1.  Vyzkoušejte si na stránce, že objednávání nápojů funguje.
+1.  Zprovozněte zrušení objednávky. Stačí upravit vlastnost `value` v PATCH požadavku, aby místo `true` posílala opak předchozího stavu nápoje.
 1.  Commitněte váš kód se zodpovědně napsanou commit zprávou a pushněte do vzdáleného repozitáře.
diff --git a/daweb/js2/cafe-lora-2/cvlekce/objednavka-obsah.md b/daweb/js2/cafe-lora-2/cvlekce/objednavka-obsah.md
@@ -10,7 +10,7 @@ context: lekce
     {
       id: 7,
       name: 'Romano',
-      image: 'https://localhost:4000/assets/cups/romano.png',
+      image: 'http://localhost:4000/assets/cups/romano.png',
     }
     ```
 1.  Vytvořte také komponentu `OrderItem` s _props_ `name` a `image` představující jednu položku objednávky.