toevoeging baseApi + versienummer

Dockerfile-tst

@@ -11,7 +11,7 @@ RUN npm install -g @angular/cli
 
 COPY . .
 
-RUN ng build --configuration=production
+RUN ng build --configuration=test
 
 # Gebruik een multi-architecture versie van Nginx
 FROM nginx:latest

angular.json

@@ -94,6 +94,9 @@
             },
             "development": {
               "buildTarget": "PayPoint:build:development"
+            },
+            "test": {
+              "buildTarget": "PayPoint:build:test"
             }
           },
           "defaultConfiguration": "development"

src/app/pages/login/login.component.html

@@ -18,6 +18,8 @@
           Inloggen
         </button>
       </footer>
+<!--      <br>-->
+      <p>{{appVersion}}</p>
     </form>
   </div>
 </div>

src/app/pages/login/login.component.scss

@@ -10,6 +10,10 @@ tui-error {
   text-align: center;
 }
 
+p{
+  text-align: center;
+}
+
 .header {
   text-align: center;
   margin-bottom: 28px;

src/app/pages/login/login.component.ts

@@ -7,6 +7,7 @@ import {AuthService} from '../../services/auth.service';
 import {UserDto} from '../../models/user-dto';
 import {HttpErrorResponse} from '@angular/common/http';
 import {TuiValidationError} from '@taiga-ui/cdk';
+import {environment} from '../../../environments/environment';
 
 @Component({
   selector: 'app-login',
@@ -26,6 +27,7 @@ import {TuiValidationError} from '@taiga-ui/cdk';
 export class LoginComponent {
   form: FormGroup;
   protected enabled = false;
+  appVersion = environment.appVersion;
 
   protected error = new TuiValidationError('Ongeldige gebruikersnaam of wachtwoord.');
 

src/app/services/appointment.service.ts

@@ -1,13 +1,13 @@
 import {Injectable} from '@angular/core';
 import {HttpClient} from '@angular/common/http';
 import {Appointment} from '../models/appointment';
+import {environment} from '../../environments/environment';
 
 @Injectable({
   providedIn: 'root',
 })
 export class AppointmentService {
-  // baseApi = "http://localhost:8080/api/appointments";
+  baseApi = `${environment.baseApi}/appointments`;
-  baseApi = "https://api.melvanveen.nl/api/appointments";
 
   constructor(private http: HttpClient) {
   }

src/app/services/auth.service.ts

@@ -3,13 +3,13 @@ import {HttpClient} from '@angular/common/http';
 import {JwtHelperService} from '@auth0/angular-jwt';
 import {Observable} from 'rxjs';
 import {jwtDecode} from 'jwt-decode';
+import {environment} from '../../environments/environment';
 
 @Injectable({
   providedIn: 'root',
 })
 export class AuthService {
-  // private baseApi = 'http://localhost:8080/api/auth/login';
+  baseApi = `${environment.baseApi}/auth/login`;
-  baseApi = "https://api.melvanveen.nl/api/auth/login";
   jwtHelper = new JwtHelperService();
 
   constructor(private http: HttpClient) {

src/app/services/customer.service.ts

@@ -2,14 +2,13 @@ import {Injectable} from '@angular/core';
 import {HttpClient} from '@angular/common/http';
 import {Customer} from '../models/customer';
 import {Observable} from 'rxjs';
+import {environment} from '../../environments/environment';
 
 @Injectable({
   providedIn: 'root',
 })
 export class CustomerService {
-  // baseApi = "http://localhost:8080/api/customers";
+  baseApi = `${environment.baseApi}/customers`;
-  baseApi = "https://api.melvanveen.nl/api/customers";
-
 
   constructor(private http: HttpClient) {
   }

src/environments/environment.development.ts

@@ -1,4 +1,7 @@
+import { version } from '../../package.json';
+
 export const environment = {
   baseApi: 'http://localhost:8080/api',
-  production: false
+  production: false,
+  appVersion: version + '-LOCAL'
 };

src/environments/environment.test.ts

@@ -1,4 +1,7 @@
+import { version } from '../../package.json';
+
 export const environment = {
-  baseApi: 'http://localhost:8080/api',
+  baseApi: 'https://api-test.melvanveen.nl/api',
-  production: false
+  production: false,
+  appVersion: version + '-SNAPSHOT'
 };

src/environments/environment.ts

@@ -1,4 +1,7 @@
+import { version } from '../../package.json';
+
 export const environment = {
   baseApi: 'https://api.melvanveen.nl/api',
-  production: true
+  production: true,
+  appVersion: version
 };