Skip to content

Latest commit

 

History

History
34 lines (16 loc) · 1.39 KB

README.md

File metadata and controls

34 lines (16 loc) · 1.39 KB

DEMO zadanie - zoznam športových zápasov

demo link: https://luboskadasi.github.io/jQuery-mobile-DEMO/

Použité verzie

jQuery - 1.11.1

jQuery Mobile - 1.4.5

Foto: Mario Klassen - unsplash.com

Zadanie pre jQuery mobile:

  1. Treba vytvoriť aplikáciu ktorá načíta zoznam zápasov zo súboru events.json a vykreslí ich názov v tlačidlách pod sebou.

  2. Tlačidlá budú zoradené pod sebou podľa dátumu a zároveň budú v skupinách podľa dňa kedy začínajú.

  3. Nad každou skupinou bude napísaný dátum kedy zápasy danej skupiny začínajú.

  4. Každé tlačidlo bude otvárať popup v ktorom sa zobrazí detail daného zápasu: názov zápasu, jeho naformátovaný dátum, čas a pravdepodobný víťaz "possibleWinner".

  5. Ak má otvorený detail zápasu "startDate" menší ako aktuálny čas (zápas sa už odohral), tak sa v popup-e zobrazí aj odporúčanie aby klikol na nedisablované tlačidlo ktoré je ďalšie v poradí spolu s názvom daného zápasu.

  6. Zároveň sa takéto tlačidlo disabluje a už nebude klikateľné.

  7. Taktiež sa celej skupine zápasov do ktorej zápas prislúcha zafarbí pozadie na oranžovo.

  8. Ak je v danej skupine disablované viac ako 1 tlačidlo, tak sa farba pozadia skupiny zmení na červeno.

Treba použiť jQuery mobile, jQuery, JS a CSS.