Commit c1f37be5 authored by OhRaph's avatar OhRaph
Browse files

Scénario 2

parent a569c23f
......@@ -20,13 +20,67 @@
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.title">Course</span> : {{ course.id }}</h5>
<div class="text detail">
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub1.title">Client</span></h5>
<dl>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.start">Date de début</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.startDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub1.first">Prenom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.firstName }} </span>
</dt>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.end">Date de fin</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.endDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub1.last">Nom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.lastName }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub1.mail">Mail</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.email }} </span>
</dt>
</dl>
<br/>
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub2.title">Taxi</span></h5>
<dl>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub2.id">Identifiant</span> :
<span class="text-capitalize detail-value"> {{ course.taxi.id }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub2.brand">Marque</span> :
<span class="text-capitalize detail-value"> {{ course.taxi.marque }} </span>
</dt>
</dl>
<br/>
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub3.title">Trajet</span></h5>
<dl>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub3.orig">Origine</span> :
<span class="text-capitalize detail-value"> {{ course.lat_depart }} / {{ course.long_depart }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub3.dest">Destination</span> :
<span class="text-capitalize detail-value"> {{ course.lat_destination }} / {{ course.long_destination }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub3.start">Début</span> :
<span class="text-capitalize detail-value"> {{ course.debut_effectif | date:'HH:mm, EEEE dd/MM/yy' }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub3.end">Fin</span> :
<span class="text-capitalize detail-value"> {{ course.fin | date:'HH:mm, EEEE dd/MM/yy' }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.done.step1.right.block2.content.sub3.price">Prix</span> :
<span class="text-capitalize detail-value"> {{ course.prix }} euros </span>
</dt>
</dl>
<br/>
</div>
......
......@@ -18,7 +18,9 @@
[queryParams]="{ step: '1', id_course: course.id }"
routerLinkActive="active">
{{course.id}} : {{ course.startDate | date:'HH:mm, dd/MM/yy' }}
({{course.client.id}}) : {{ course.client.user.firstName }} <br/>
({{course.taxi.id}}) : Taxi<!-- {{ course.taxi.conducteur.user.firstName }} --> <br/>
{{ course.fin | date:'dd/MM/yy, HH:mm' }}
</a>
<a *ngIf="doneService.get_course() != course.id"
......@@ -27,7 +29,9 @@
[queryParams]="{ step: '1', id_course: course.id }"
routerLinkActive="active">
{{course.id}} : {{ course.startDate | date:'HH:mm, dd/MM/yy' }}
({{course.client.id}}) : {{ course.client.user.firstName }} <br/>
({{course.taxi.id}}) : Taxi<!-- {{ course.taxi.conducteur.user.firstName }} --> <br/>
{{ course.fin | date:'dd/MM/yy, HH:mm' }}
</a>
</div>
......
import { Injectable } from '@angular/core';
import * as moment from 'moment';
import { Moment } from 'moment';
import { ICourse } from 'app/shared/model/course.model';
import { CourseService } from 'app/entities/course/course.service';
......@@ -45,6 +48,14 @@ export class LateService {
this.taxiService.query().subscribe(taxis => (this.taxis = taxis.body));
}
calcLate(expected: Moment) {
const now = moment();
return moment
.duration(now.diff(expected))
.as('minutes')
.toFixed();
}
// Liste des courses en attente
get_course_list() {
return this.courses;
......
<div class="block_left_arrow">
<div *ngIf="lateService.get_notif_course() == false && lateService.get_notif_taxi() == false" class="block_left_arrow">
<a (click)="back()">
<span class="arrow left_arrow arrow_active"></span>
</a>
</div>
<div *ngIf="lateService.get_notif_course() != false || lateService.get_notif_taxi() != false" class="block_left_arrow">
<span class="arrow left_arrow arrow_inactive"></span>
</div>
import { Component, OnInit } from '@angular/core';
import { LateService } from '../course-late.service';
import { PreviousPageService } from '../../previous-page.service';
@Component({
......@@ -8,7 +10,7 @@ import { PreviousPageService } from '../../previous-page.service';
styleUrls: ['../../taxi-management.scss']
})
export class LateLeftComponent implements OnInit {
constructor(private previousPage: PreviousPageService) {}
constructor(private lateService: LateService, private previousPage: PreviousPageService) {}
ngOnInit() {}
......
......@@ -20,13 +20,55 @@
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.title">Course</span> : {{ course.id }}</h5>
<div class="text detail">
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub1.title">Client</span></h5>
<dl>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.start">Date de début</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.startDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub1.first">Prenom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.firstName }} </span>
</dt>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.end">Date de fin</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.endDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub1.last">Nom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.lastName }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub1.mail">Mail</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.email }} </span>
</dt>
</dl>
<br/>
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub2.title">Trajet</span></h5>
<dl>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub2.orig">Origine</span> :
<span class="text-capitalize detail-value"> {{ course.lat_depart }} / {{ course.long_depart }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub2.dest">Destination</span> :
<span class="text-capitalize detail-value"> {{ course.lat_destination }} / {{ course.long_destination }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub2.start_exp">Début espéré</span> :
<span class="text-capitalize detail-value"> {{ course.debut_espere | date:'HH:mm, EEEE dd/MM/yy' }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub2.late">Retard</span> :
<span class="text-capitalize detail-value late">
{{ lateService.calcLate(course.debut_espere) }} <span jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub2.minuts">Minutes</span>
</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step1.right.block2.content.sub2.price">Prix</span> :
<span class="text-capitalize detail-value"> {{ course.prix }} euros </span>
</dt>
</dl>
<br/>
</div>
......
......@@ -17,8 +17,9 @@
[routerLink]="['/manager/taxi-management/late']"
[queryParams]="{ step: '2', id_course: course.id, id_taxi: lateService.get_taxi() }"
routerLinkActive="active">
{{course.id}} : {{ course.startDate | date:'HH:mm, dd/MM/yy' }}
({{course.client.id}}) : {{ course.client.user.firstName }} <br/>
{{ course.debut_espere | date:'dd/MM/yy, HH:mm' }}
<span class="late"> + {{ lateService.calcLate(course.debut_espere) }} min</span>
</a>
<a *ngIf="lateService.get_course() != course.id"
......@@ -26,8 +27,9 @@
[routerLink]="['/manager/taxi-management/late']"
[queryParams]="{ step: '1', id_course: course.id, id_taxi: lateService.get_taxi() }"
routerLinkActive="active">
{{course.id}} : {{ course.startDate | date:'HH:mm, dd/MM/yy' }}
({{course.client.id}}) : {{ course.client.user.firstName }} <br/>
{{ course.debut_espere | date:'dd/MM/yy, HH:mm' }}
<span class="late"> + {{ lateService.calcLate(course.debut_espere) }} min</span>
</a>
</div>
......
......@@ -21,17 +21,20 @@
<div class="text detail">
<dl>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step2.right.block2.content.description">Description</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.description }} </dd>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step2.right.block2.content.brand">Marque</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.marque }} </dd>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step2.right.block2.content.model">Modèle</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.modele }} </dd>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step2.right.block2.content.places">Nombre de places</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.nbPlace }} places</dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step2.right.block2.content.id">Identifiant</span> :
<span class="text-capitalize detail-value"> {{ taxi.id }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step2.right.block2.content.brand">Marque</span> :
<span class="text-capitalize detail-value"> {{ taxi.marque }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step2.right.block2.content.position">Position</span> :
<span class="text-capitalize detail-value"> {{ taxi.latitude }} / {{ taxi.longitude }}</span>
</dt>
</dl>
</div>
......
......@@ -19,7 +19,7 @@
[queryParams]="{ step: '3', id_course: lateService.get_course(), id_taxi: taxi.id }"
routerLinkActive="active">
{{taxi.id}} : {{ taxi.marque }}, {{ taxi.modele }}
{{taxi.id}} : {{ taxi.marque }}, {{ taxi.statut }}
</a>
<a *ngIf="lateService.get_taxi() != taxi.id"
......@@ -28,7 +28,7 @@
[queryParams]="{ step: '2', id_course: lateService.get_course(), id_taxi: taxi.id }"
routerLinkActive="active">
{{taxi.id}} : {{ taxi.marque }}, {{ taxi.modele }}
{{taxi.id}} : {{ taxi.marque }}, {{ taxi.statut }}
</a>
</div>
......
......@@ -9,13 +9,55 @@
<div class="text detail">
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub1.title">Client</span></h5>
<dl>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.start">Date de début</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.startDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub1.first">Prenom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.firstName }} </span>
</dt>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.end">Date de fin</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.endDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub1.last">Nom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.lastName }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub1.mail">Mail</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.email }} </span>
</dt>
</dl>
<br/>
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub2.title">Trajet</span></h5>
<dl>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub2.orig">Origine</span> :
<span class="text-capitalize detail-value"> {{ course.lat_depart }} / {{ course.long_depart }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub2.dest">Destination</span> :
<span class="text-capitalize detail-value"> {{ course.lat_destination }} / {{ course.long_destination }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub2.start_exp">Début espéré</span> :
<span class="text-capitalize detail-value"> {{ course.debut_espere | date:'HH:mm, EEEE dd/MM/yy' }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub2.late">Retard</span> :
<span class="text-capitalize detail-value late">
{{ lateService.calcLate(course.debut_espere) }} <span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub2.minuts">Minutes</span>
</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.sub2.price">Prix</span> :
<span class="text-capitalize detail-value"> {{ course.prix }} euros </span>
</dt>
</dl>
<br/>
</div>
......
......@@ -4,23 +4,26 @@
<a [routerLink]="['/manager/taxi-management/late']"
[queryParams]="{ step: '2', id_course: lateService.get_course(), id_taxi: lateService.get_taxi() }"
routerLinkActive="active">
<h5 class="block_title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.title">Taxi</span> : {{ taxi.id }}</h5>
<h5 class="block_title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.left.title">Taxi</span> : {{ taxi.id }}</h5>
</a>
<div class="text detail">
<dl>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.description">Description</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.description }} </dd>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.brand">Marque</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.marque }} </dd>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.model">Modèle</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.modele }} </dd>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.late.step3.right.content.places">Nombre de places</span> = </dt>
<dd class="text-capitalize detail-value"> {{ taxi.nbPlace }} places</dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.left.content.id">Identifiant</span> :
<span class="text-capitalize detail-value"> {{ taxi.id }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.left.content.brand">Marque</span> :
<span class="text-capitalize detail-value"> {{ taxi.marque }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.late.step3.left.content.position">Position</span> :
<span class="text-capitalize detail-value"> {{ taxi.latitude }} / {{ taxi.longitude }}</span>
</dt>
</dl>
</div>
......
......@@ -20,13 +20,62 @@
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.title">Course</span> : {{ course.id }}</h5>
<div class="text detail">
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub1.title">Client</span></h5>
<dl>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.start">Date de début</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.startDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub1.first">Prenom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.firstName }} </span>
</dt>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.end">Date de fin</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.endDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub1.last">Nom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.lastName }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub1.mail">Mail</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.email }} </span>
</dt>
</dl>
<br/>
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub2.title">Taxi</span></h5>
<dl>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub2.id">Identifiant</span> :
<span class="text-capitalize detail-value"> {{ course.taxi.id }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub2.brand">Marque</span> :
<span class="text-capitalize detail-value"> {{ course.taxi.marque }} </span>
</dt>
</dl>
<br/>
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub3.title">Trajet</span></h5>
<dl>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub3.orig">Origine</span> :
<span class="text-capitalize detail-value"> {{ course.lat_depart }} / {{ course.long_depart }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub3.dest">Destination</span> :
<span class="text-capitalize detail-value"> {{ course.lat_destination }} / {{ course.long_destination }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub3.start">Début effectif</span> :
<span class="text-capitalize detail-value"> {{ course.debut_effectif | date:'HH:mm, EEEE dd/MM/yy' }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.now.step1.right.block2.content.sub3.price">Prix</span> :
<span class="text-capitalize detail-value"> {{ course.prix }} euros </span>
</dt>
</dl>
<br/>
</div>
......
......@@ -17,8 +17,9 @@
[routerLink]="['/manager/taxi-management/now']"
[queryParams]="{ step: '1', id_course: course.id }"
routerLinkActive="active">
{{course.id}} : {{ course.startDate | date:'HH:mm, dd/MM/yy' }}
({{course.client.id}}) : {{ course.client.user.firstName }} <br/>
({{course.taxi.id}}) : Taxi<!-- {{ course.taxi.conducteur.user.firstName }} --> <br/>
{{ course.debut_effectif | date:'dd/MM/yy, HH:mm' }}
</a>
<a *ngIf="nowService.get_course() != course.id"
......@@ -26,8 +27,9 @@
[routerLink]="['/manager/taxi-management/now']"
[queryParams]="{ step: '1', id_course: course.id }"
routerLinkActive="active">
{{course.id}} : {{ course.startDate | date:'HH:mm, dd/MM/yy' }}
({{course.client.id}}) : {{ course.client.user.firstName }} <br/>
({{course.taxi.id}}) : Taxi<!-- {{ course.taxi.conducteur.user.firstName }} --> <br/>
{{ course.debut_effectif | date:'dd/MM/yy, HH:mm' }}
</a>
</div>
......
<div class="block_left_arrow">
<div *ngIf="waitService.get_notif_course() == false && waitService.get_notif_taxi() == false" class="block_left_arrow">
<a (click)="back()">
<span class="arrow left_arrow arrow_active"></span>
</a>
</div>
<div *ngIf="waitService.get_notif_course() != false || waitService.get_notif_taxi() != false" class="block_left_arrow">
<span class="arrow left_arrow arrow_inactive"></span>
</div>
import { Component, OnInit } from '@angular/core';
import { WaitService } from '../course-wait.service';
import { PreviousPageService } from '../../previous-page.service';
@Component({
......@@ -8,7 +9,7 @@ import { PreviousPageService } from '../../previous-page.service';
styleUrls: ['../../taxi-management.scss']
})
export class WaitLeftComponent implements OnInit {
constructor(private previousPage: PreviousPageService) {}
constructor(private waitService: WaitService, private previousPage: PreviousPageService) {}
ngOnInit() {}
......
......@@ -20,13 +20,48 @@
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.title">Course</span> : {{ course.id }}</h5>
<div class="text detail">
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub1.title">Client</span></h5>
<dl>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.start">Date de début</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.startDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub1.first">Prenom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.firstName }} </span>
</dt>
<dt class="detail-title"><span jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.end">Date de fin</span> = </dt>
<dd class="text-capitalize detail-value"> {{ course.endDate | date:'HH:mm, EEEE dd/MM/yy' }} </dd>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub1.last">Nom</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.lastName }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub1.mail">Mail</span> :
<span class="text-capitalize detail-value"> {{ course.client.user.email }} </span>
</dt>
</dl>
<br/>
<h5 class="block_title_inactive"><span jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub2.title">Trajet</span></h5>
<dl>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub2.orig">Origine</span> :
<span class="text-capitalize detail-value"> {{ course.lat_depart }} / {{ course.long_depart }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub2.dest">Destination</span> :
<span class="text-capitalize detail-value"> {{ course.lat_destination }} / {{ course.long_destination }}</span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub2.start_exp">Début espéré</span> :
<span class="text-capitalize detail-value"> {{ course.debut_espere | date:'HH:mm, EEEE dd/MM/yy' }} </span>
</dt>
<dt>
<span class="detail-title" jhiTranslate="myTransportApp.taximngmt.wait.step1.right.block2.content.sub2.price">Prix</span> :
<span class="text-capitalize detail-value"> {{ course.prix }} euros </span>
</dt>
</dl>
<br/>
</div>
......