login(loginData: LoginModel): Observable<string> {
        return this.httpClient.post(AuthUrl, this.formatLoginBody(loginData), {
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            observe: 'response'
        }).pipe(map((response) => {
            this.handleLoginSuccessfull(response.body);
            return null;
        }), catchError((error: HttpErrorResponse) => {
            const errorMessage = error.error['error_description'];
            return errorMessage;
        }));
    }

    private formatLoginBody(loginData: LoginModel): string {
        return 'grant_type=password&username=' + loginData.username + '&password=' + loginData.password;
    }

    private handleLoginSuccessfull(response) {
        if (response['access_token']) {
            localStorage.setItem('token', response['access_token']);
            localStorage.setItem('user', response['userName']);
            this.refreshTokenAndUserInfo();
            this.router.navigate(['/']);
        } else {
            console.error('NO ACCESS TOKEN PRESENT! ' + response.json());
        }
    }








    this.authService.login(loginData).subscribe(null,
      error => {
        this.errorMessage = error;
        console.error(error);
      }
    );