Plik: polecenie.txt
- aplikacja składa się z jednego komponentu, którego widok w stanie początkowym
- dane których trzeba uzyć:
{id: 0, alt: "Mak", filename: "obraz1.jpg", category:1, downloads: 35},
{id: 1, alt:"Bukiet", filename: "obraz2.jpg", category: 1, downloads: 43},
{id: 2, alt:"Dalmatyńczyk", filename: "obraz3.jpg", category:2, downloads: 2},
{id: 3, alt:"Świnka morska", filename: "obraz4.jpg", category:2, downloads: 53},
{id: 4, alt:"Rotwailer", filename: "obraz5.jpg", category:2, downloads: 43},
{id: 5, alt:"Audi", filename: "obraz6.jpg", category:3, downloads: 11},
{id: 6, alt:"kotki", filename: "obraz7.jpg", category:2, downloads: 22},
{id: 7, alt:"Róża", filename: "obraz8.jpg", category:1, downloads: 33},
{id: 8, alt:"Świnka morska", filename: "obraz9.jpg", category:2, downloads: 123},
{id: 9, alt:"Foksterier", filename: "obraz10.jpg", category:2, downloads: 22},
{id: 10, alt:"Szczeniak", filename: "obraz11.jpg", category:2, downloads: 12},
{id: 11, alt:"Garbus", filename: "obraz12.jpg", category:3, downloads: 321}
Dokument ten wyżej zawiera liste obiektów zdjęć, która należy skopiować jako elementy tablicy. Każdy obiekt zdjęcia zwiera pole: id, alt, filename, category, downloads
- komponent składa się z:
- nagłówka pierwszego stopnia o treści: Kategorie zdjęć
Trzech pól switch(checkbox) domyślnie włączonym, o etykietach: Kwiaty, Zwierzęta, Samochody
- Bloków zdjęć, które są wyświetlane warunkowo w zaleznosci od ustawien pól switch. Bloki są wyświetlone jeden obok drugiego zawierają zdjęcie, nagłówek 4 stopnia z liczbą pobrań oraz przycisk o treści Pobierz.
- zdjęcia sa formatowane stylem: marginesy zewnętrzne 5 px, zaokrąglone rogi
- przyciski oraz pola switch są stylowane zgodnie z tabeli 1
W stanie początkowym włączone są wszystkie pola switch co powoduje wyświetlanie wszystkich zdjęć
- wyświetlane są tylko zdjęcia z kategorii dla której jest włączone pole switch
- gdy przycisk pobierz zostanie kliknięty wzrasta o jeden liczba pobran dla danego zdjęcia Liczba pobran jest zapisywana w tablicy z obiektami zdjęc co na bieżąco powoduje wyświetlanie tej modyfikacji na ekranie
W aplikacji zastosowano petle oraz warunki do wyświetlania bloków zdjęc. Aplikacja jest napisana uniwersalnie i działa poprawnie tezdla innej liczby zdjęc
Aplikacja powinna być zaqpisana czytelnie z zachowaniem zasad czystego formatowania kodu
Darmowy hosting zapewnia PRV.PL