recuperation de la date et l'heure du système

src/app/components/home/workspace/infos/infos.component.html

@@ -10,7 +10,8 @@
 		<mat-card-content class="info-content">
 			<div fxLayout="row" style="width:100%; margin-bottom: 0.25rem;">
 				<span fxFlex="50" style="display: grid; align-items: center;"><b>Date:</b></span>
-				<div style="display: grid; align-items: center;">{{today | date:'dd/MM/yyyy HH:mm:ss'}}</div>
+				<!--<div style="display: grid; align-items: center;">{{today | date:'dd/MM/yyyy HH:mm:ss'}}</div>-->
+				<div style="display: grid; align-items: center;">{{dateStr}}</div>
 			</div>
 			<div fxLayout="row" style="width:100%; margin-bottom: 0.25rem;">
 				<span fxFlex="50" style="display: grid; align-items: center;"><b>Horloge matérielle:</b></span>

src/app/components/home/workspace/infos/infos.component.ts

@@ -4,6 +4,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { ConfirmComponent } from '../../../dialog/confirm/confirm.component';
 import { BackendService } from '../../../../services/backend/backend.service';
 import { Info } from '../../../../models/info.model';
+import { Datetime } from '../../../../models/datetime.model';
 import { ToastrService } from 'ngx-toastr';
 
 @Component({
@@ -20,7 +21,8 @@ export class InfosComponent implements OnInit {
 	isProcessing:boolean = true;
 	isAlive:boolean = false;
 	RTCisAlive:boolean = false;
-	today:number = Date.now();
+	today:number;
+	dateStr:string;
 
 	constructor( private bs:BackendService,
 			 private router:Router,
@@ -29,8 +31,19 @@ export class InfosComponent implements OnInit {
 
 	ngOnInit(): void {
 		setInterval(() => {
-		      this.today = Date.now();
-		    }, 1000);
+			this.bs.retreiveDatetime().subscribe(
+				(data:Datetime) => {
+					this.dateStr = data.today;
+					console.log("=> retreive today: {}", this.today);
+				}, err => {
+					if(err.status == 401) {
+						this.router.navigateByUrl("/login");
+					} else {
+						this.toast.error(err.error.description);
+					}
+				}
+			);
+		}, 60000);
 
 		this.bs.retreiveInfos().subscribe(
 			(data:Info) => {

src/app/models/datetime.model.ts

@@ -0,0 +1,3 @@
+export interface Datetime {
+	today:string;
+}

src/app/services/backend/backend.service.ts

@@ -5,6 +5,7 @@ import { environment } from '../../../environments/environment';
 import { Utilisateur } from '../../models/utilisateur.model';
 import { Parameters } from '../../models/parameters.model';
 import { Scheduler } from '../../models/scheduler.model';
+import { Datetime } from '../../models/datetime.model';
 import { Log } from '../../models/log.model';
 import { Info } from '../../models/info.model';
 
@@ -205,4 +206,15 @@ export class BackendService {
 		};
 		return this.http.get<any>(host+"/api/configurateur/rtc_alive", options);
 	}
+
+	retreiveDatetime():Observable<Datetime> {
+		let host=environment.host;
+		const options = {
+			headers: new HttpHeaders({
+				'Content-Type' : 'application/json',
+			}),
+			withCredentials: true
+		};
+		return this.http.get<Datetime>(host+"/api/configurateur/datetime", options);
+	}
 }