Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
en:modul:m291:learningunits:lu19:theorie:02 [2025/06/23 07:58] vdemiren:modul:m291:learningunits:lu19:theorie:02 [2025/06/26 10:50] (aktuell) vdemir
Zeile 6: Zeile 6:
 **Klasse:** .................................... **Klasse:** ....................................
  
-**Vorname:** .................................+**Vorname:** ...................................
  
 **Name:** ...................................... **Name:** ......................................
  
 ===== Vorarbeit ===== ===== Vorarbeit =====
-  * Verwenden Sie als Basis zu dieser Aufgabe die Lösung **LU05.S09.html**+  * Sie können als Vorlage für diese Aufgabe die Lösung **LU05.S09.html** verwenden.
   * Das entsprechende Bild, dass aktuell angezeigt wird, kann in Ihrer Lösung variieren (kann anders sein).   * Das entsprechende Bild, dass aktuell angezeigt wird, kann in Ihrer Lösung variieren (kann anders sein).
  
  
 ===== Ausgangslage ===== ===== Ausgangslage =====
-Beim Auftrag **LU05.S09.html** wurde der Lagerbestand von Schreibmaschinen in Gruppen ausgegeben: +Beim Auftrag **LU05.A09.html** wurde der Lagerbestand von Schreibmaschinen in Gruppen ausgegeben: 
   - //Plenty in Stock//   - //Plenty in Stock//
   - //In Stock//   - //In Stock//
Zeile 22: Zeile 22:
   - //Not in Stock//   - //Not in Stock//
  
-Die Hintergrundfarbe blieb bei allen Meldungen gleich grün.+Die Hintergrundfarbe blieb bei allen Meldungen grün.
  
 {{:en:modul:m291:learningunits:lu19:theorie:lu09.s09_start.png?400|}} {{:en:modul:m291:learningunits:lu19:theorie:lu09.s09_start.png?400|}}
 +
  
 ===== Auftrag ===== ===== Auftrag =====
Zeile 32: Zeile 33:
     * rot: Es hat keine mehr an Lager     * rot: Es hat keine mehr an Lager
   * Realisieren sie die Farbanpassungen anhand von 2 neuen CSS-Klassen **outOfStockClass** und **lowStockClass**, die mittels v-bind beim entsprechenden <p>-Tag eingebaut werden müssen.   * Realisieren sie die Farbanpassungen anhand von 2 neuen CSS-Klassen **outOfStockClass** und **lowStockClass**, die mittels v-bind beim entsprechenden <p>-Tag eingebaut werden müssen.
 +  * Der jeweilige Warenbestand muss auch angezeigt werden.
  
 **Hinweis** **Hinweis**
Zeile 37: Zeile 39:
   * Der Farbton ist nicht relevant.    * Der Farbton ist nicht relevant. 
  
-^Zielzustand 1 | Wenn es **an Lager** oder **reichlich an Lager** hat | {{:en:modul:m291:learningunits:lu19:theorie:lu09.a02_ziel1.png?400|}} | +^Zielzustand 1 | Wenn es **an Lager** oder **reichlich an Lager** hat | {{:en:modul:m291:learningunits:lu19:theorie:t02_ziel1.png?400|}} | 
-^Zielzustand 2 | Es hat nur noch **wenig an Lager** | {{:en:modul:m291:learningunits:lu19:theorie:lu09.a02_ziel2.png?400|}} |  +^Zielzustand 2 | Es hat nur noch **wenig an Lager** | {{:en:modul:m291:learningunits:lu19:theorie:t02_ziel2.png?400|}} |  
-^Zielzustand 3 | Schreibmaschinen hat es **keine an Lager** | {{:en:modul:m291:learningunits:lu19:theorie:lu09.a02_ziel3.png?400|}} |+^Zielzustand 3 | Schreibmaschinen hat es **keine an Lager** | {{:en:modul:m291:learningunits:lu19:theorie:ta02_ziel3.png?400|}} |
  
 ----- -----
  • en/modul/m291/learningunits/lu19/theorie/02.1750658330.txt.gz
  • Zuletzt geändert: 2025/06/23 07:58
  • von vdemir