| | 83 | 1. На адреса http://localhost:4200/add-location се наоѓа готова компонента stepper од Angular material за креирање на нова локација составена од 4 дела. Првиот дел е форма за креирање на локација со полиња за име, опис, адреса, тривиа, времетраење; листи за град, регион и приоритет; и копче "Next". Додека не се пополнат полињата не може да се премине на наредниот чекор. При клик на копчето "Next" се извршува метод submitLocation() од AddLocation компонентата. Во оваа функција се прави subscribe на save(this.locationDto) методот кој се повикува од LocationService. save(this.locationDto) се “претплатува” на Observable со model Location. Со испраќање на HTTP POST метод до backend REST контролерот со url = "http://localhost:8080/api/add" , се зачувува Request Body од LocationDto со сите податоци земени од полињата и испратени на back. Покрај request body-то, се испраќа и header со автентикациски токен, за да се знае од кој корисник е креирана локацијата. Потоа, корисникот може да премине на следниот чекор и да додели companion на претходно креираната локација. По клик на "Next" има листа од id на companions кои корисникот ги селектирал и секој елемент од листата се зачувува во база за locationId. Потоа на корисникот му се прикажува претпоследниот чекор, каде на истиот начин како и за companions се додаваат и категории за претходно креираната локација. По клик на "Next" се појавува последниот дел од stepper-от каде се испишува порака за успешно креирана локација и копче "Reset" за освежување на формата и повторна можност за креирање нова локација. |
