UI:Vaata koerad

See harjutus on veidi eklektiline; selle eesmärk on näidata veel paari Vue.js põhimõtet ja õppida juurde veidi "sõnavara". Kuna me kõik teame et internetis on kõik koerad, on sellel harjutusel selline nimi.

Oled spämmer, kes tahab teha e-postide nimekirja (spämmimine keelatud lähtuvalt Euroopa liidu direktiivi 2002/58 artiklist 13.) ja kuna oled eriti viisakas spämmer, tahad sisestada inimeste nimed, ning e-postid nimekirja ning nimetad end elektrooniliseks turundajaks. Kui soovid, võid ette kujutada, et turundad hoopis ainult koertele, või et oled eetiline.

Ülesanne

Loe kogu ülesanne hoolega läbi. Kirjuta Vue.js rakendus, mis loob nimekirja nimedest ja e-posti aadressidest. Sisuliselt nagu kassid ja nende aastad, aga tee kolm vaadet: nimekiri, detailvaade ning lisamisvaade.

• Muuda vormiväljad ja andmemudel selliseks, et saaksid vajalikke andmeid salvestada
  • Vormiväljal tuleb andmemudel korrigeerida
• Tee detailvaatest korralik komponent (analoogia põhjal)
• Määra lisamisvaate komponendi aadress vue-route.js loogikasse.
  • Kuna meil ei ole keskset serverit, peame kasutama komponentides jagatud andmeid. See on debugimise ja edasise elu mõttes kohutav valik, aga praegu teeme nii.
• Vormiväljade puhul kontrolli, et nimi poleks tühi ja e-post vigane NING värvi väli punaseks mõistlikul moel (st lisa klass dünaamiliselt).
• Takista vormivälja saatmine vea korral ning näita mõistlikul ka veateateid.

Rakenduse põhja saad siit ui-h3-clean.zip

Lisainfo

• Vue.js komponendid
• Vue-Route dokumentatsioon
• Vue.js oleku haldamine (ehk kuidas teha asju paremini)

Esitamine

• lae oma failid ülesse dijkstrasse kataloogi public_html/ui/praks4
• saada oma harjutustunni õppejõule klõpsitav link. Vastavalt kellaajale kas erik.soekov@ttu.ee või jaagup.irve@ttu.ee.
• jäta oma töö sinna kataloogi kuni semestri lõpuni.