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.