Develop Alerts/Subscribe, Contact & All Reports pages

[schlos]

Is your feature request related to a problem? Please describe.

Milestone 5 - Alerts/Subscribe i Kontakt + Dashboard (All reports) pages

Describe the solution you'd like

As per Figma design: https://www.figma.com/file/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to

Describe alternatives you've considered

Additional context

Gists with base template code for these pages:

• Contact page: https://gist.github.com/schlos/5f2f96cd522ef6b2a227ef1cae488bda
• Alert (Subscription page): https://gist.github.com/schlos/66473905242d6186184d63b130da1233
• All reports (Dashboard page): https://gist.github.com/schlos/997345a4237624eaabfcb4d5756d9173

[schlos]

@barbaraperic please preuzmi ova 3 pagea za implementaciju. Napravi form projekta, pa developaj na forkanom projektu kod sebe pa kada si gotova, posalji Pull Request.

Na linlku se nalazi zavrsen HTML od Silvije koji sadrzi ta 3 pagea: https://drive.google.com/file/d/1wS_feNEopHBk9Ji2u66Bex3okye27azd/view?usp=sharing (link content shared internally only)

Ako imas pitanja, pisi meni i/ili Silviji.

[schlos]

Handover biljeske od Silvije za ovaj preostali, zadnji milestone:

Ovdje su svi HTML-ovi iz prve etape kad sam sastavljala samo HTML i SCSS prema dizajnu, a za ovu zadnju etapu potrebni su samo notifications.html, all_reports.html i contact.html. Tu su i SCSS datoteke i slike koje sam preuzela iz dizajna u Figmi

Evo usporedba za stranicu Profil, my.html iz originalne mape base/my https://github.com/codeforcroatia/popravi.to/blob/develop/templates/web/base/my/my.html a evo kako sam ja to napravila https://github.com/codeforcroatia/popravi.to/blob/develop/templates/web/popravito/my/my.html pa pogledaj na nekim ostalim stranicama na našem popravito repozitoriju, možda ima i boljih primjera. Uglavnom princip copy/paste koda koji planiram izmjeniti dodavanjem custom klase ili nekog div-a iz foldera base, a ono što ne mislim mijenjati nisam ni dirala :)

https://github.com/codeforcroatia/popravi.to/tree/develop/web/cobrands/popravito Ovdje je sav naš custom SCSS i JavaScript te slike, inače u cobrands folderu ne postoji base folder za bazični stil, već je bazični folder u ovom slučaju fixmystreet.com ako trebaš za referencu.

[schlos]

Note to self

To be retested when this is done:

• popravito: Local alerts page layout/design issues (🅼5) #67
• popravito: All reports / Dashboard layout and design issues (🅼5) #68
• popravito: Contact us page layout/design issues (🅼5) #72

[barbaraperic]

Hej Miro, Htjela bih vidjet jesam li na dobrom putu za Contact page - da napravim PR pa ti mergas? Jesmo tako bili dogovorili, sorry zab sam?

…

On Mon, Aug 30, 2021 at 7:09 PM Miroslav ***@***.***> wrote: Note to self To be retested when this is done: - #67 <#67> - #68 <#68> - #72 <#72> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#102 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMENLDQMV7663V7KFSWB75TT7O3NBANCNFSM5CWDDWNQ> .

-- mob: +385 91 908 3329 LinkedIn <https://uk.linkedin.com/in/barbaraperic>

[schlos]

Hej @barbaraperic ,
dobro si razumjela. Prvo napravi klon ovog naseg repoa, pa komitas promjene u svoj repo i onda napravis Pull Request na ovaj repo.

Ako ti treba pomoc oko koraka / flowa, javi mi pa mozmeo meet napraviti.

Pozz

[barbaraperic]

Hm izgleda da nemam permission? [image: Screenshot 2021-08-31 at 18.44.49.png]

…

On Tue, Aug 31, 2021 at 3:47 PM Miroslav ***@***.***> wrote: Hej @barbaraperic <https://github.com/barbaraperic> , dobro si razumjela. Prvo napravi klon ovog naseg repoa, pa komitas promjene u svoj repo i onda napravis Pull Request na ovaj repo. Ako ti treba pomoc oko koraka / flowa, javi mi pa mozmeo meet napraviti. Pozz — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#102 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMENLDQGYCOSYPOAPAUNSOTT7TMPHANCNFSM5CWDDWNQ> .

-- mob: +385 91 908 3329 LinkedIn <https://uk.linkedin.com/in/barbaraperic>

[schlos]

@barbaraperic ajmo se cuti na Google Meet. Poslao sam ti invite na email. Ja sam vec u callu.

[schlos]

Contacts page - DONE

[schlos]

All Reports page - IN PROGRESS

[schlos]

Contact page - remaining:

• add text box for some items on a bullet list when selected, see example: https://github.com/codeforcroatia/popravi.to/blob/develop/templates/web/fixmystreet.com/contact/who.html
• disable contact form if those are selected

[schlos]

Alerts page - remaining:

• add top menu (i.e. INCLUDE, see example line here and here)
• add footer (i.e. INCLUDE, see example here)
• add left and right margins for page content
• add design to area selection page (e.g. /alert/list?latitude=45.812841;longitude=15.975893)

[schlos]

Commit: 9691986 via PR #177

[schlos]

How to contribute?
Read our contribution guidelines at https://codeforcroatia.org/popravito-contribution-guidelines.