Skip to content
Snippets Groups Projects

Resolve "Affichage des accès sur fiche orientation"

Merged Resolve "Affichage des accès sur fiche orientation"
62-affichage-des-acces-sur-fiche-orientation into V2.0
Merged Hugo SUBTIL requested to merge 62-affichage-des-acces-sur-fiche-orientation into V2.0
Compare
and
4 files
+ 109
− 88
Compare changes
  • Side-by-side
  • Inline
Files
4
src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+ 43
− 35
@@ -8,11 +8,17 @@
<div class="mobile-column">
<div fxLayout="column" fxFlex="100%">
<div *ngIf="structure.address" fxLayout="row" fxLayoutAlign="none center" fxLayoutGap="13px">
<app-svg-icon [type]="'ico'" [icon]="'adress'" [title]="'Adresse'"></app-svg-icon>
<app-svg-icon [type]="'ico'" [icon]="'adress'" [title]="'Adresse'" [iconClass]="'icon-22'"></app-svg-icon>
<p>{{ structure.address.numero }} {{ structure.address.street }}, {{ structure.address.commune }}</p>
</div>
<div *ngIf="structure.contactPhone" fxLayout="row" fxLayoutAlign="none center" fxLayoutGap="13px">
<app-svg-icon [type]="'ico'" [icon]="'tel'" [title]="'Téléphone'"></app-svg-icon>
<div
*ngIf="structure.contactPhone"
fxLayout="row"
fxLayoutAlign="none center"
[iconClass]="'icon-22'"
fxLayoutGap="13px"
>
<app-svg-icon [type]="'ico'" [icon]="'tel'" [title]="'Téléphone'" [iconClass]="'icon-22'"></app-svg-icon>
<p>{{ structure.contactPhone | phone }}</p>
</div>
<div
@@ -21,7 +27,12 @@
fxLayoutAlign="none center"
fxLayoutGap="13px"
>
<app-svg-icon [type]="'ico'" [iconClass]="'grey-1'" [icon]="'email'" [title]="'Email'"></app-svg-icon>
<app-svg-icon
[type]="'ico'"
[iconClass]="'grey-1 icon-22'"
[icon]="'email'"
[title]="'Email'"
></app-svg-icon>
<p>{{ structure.contactMail }}</p>
</div>
</div>
@@ -31,50 +42,47 @@
<!-- Accueil -->
<div
*ngIf="tclStopPoints || structure.hours.hasData() || structure.remoteAccompaniment"
fxLayout="column"
class="structure-details-block"
fxLayoutAlign="baseline baseline"
fxLayoutGap="20px"
class="structure-details-block flex column"
>
<!-- Opening Hours -->
<div fxLayout="row" class="w-100 mobile-column">
<div *ngIf="structure.hours.hasData()" fxFlex="60%">
<h3 class="subtitle">Horaires</h3>
<div fxLayout="column">
<div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
<div *ngIf="day.value.open" fxLayout="row" fxLayoutAlign="none baseline">
<h4 fxFlex="30%">{{ day.key | day }}</h4>
<div class="opening-time w100" fxLayout="column" fxLayoutAlign="none baseline">
<div *ngFor="let timeRange of day.value.time">
<p *ngIf="timeRange.opening">
de {{ timeRange.formatOpeningDate() }} à {{ timeRange.formatClosingDate() }}
</p>
</div>
<div class="w-100 mobile-column flex row mb20">
<div *ngIf="structure.hours.hasData()" class="timeContainer">
<h3 class="subtitle">HORAIRES</h3>
<div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
<div *ngIf="day.value.open" class="mb4">
<h4>{{ day.key | day }}</h4>
<div class="opening-time w100">
<div *ngFor="let timeRange of day.value.time">
<p *ngIf="timeRange.opening">{{ timeRange.opening }} - {{ timeRange.closing }}</p>
</div>
</div>
</div>
</div>
</div>
<!-- accessModality -->
<div *ngIf="tclStopPoints.length > 0" fxFlex="40%">
<h3 class="subtitle">Accès</h3>
<div fxLayout="column">
<div *ngFor="let tclStop of tclStopPoints | slice: 0:3">
<div fxLayout="row wrap" fxLayoutGap="5px" class="tclStop">
<p>{{ tclStop.name }}:</p>
<p *ngIf="tclStop.subLines.length > 0">Métro</p>
<p *ngFor="let sub of tclStop.subLines">{{ sub }}</p>
<p *ngIf="tclStop.tramLines.length > 0">Tram</p>
<p *ngFor="let tram of tclStop.tramLines">{{ tram }}</p>
<p *ngIf="tclStop.busLines.length > 0">Bus</p>
<p *ngFor="let bus of tclStop.busLines">{{ bus }}</p>
<div *ngIf="tclStopPoints.length">
<h3 class="subtitle">ACCÈS</h3>
<div class="flex column container">
<div *ngFor="let tclStop of tclStopPoints | slice: 0:3" class="flex column tclStop">
<p>{{ tclStop.name }}</p>
<div class="flex">
<p *ngIf="tclStop.subLines.length" class="bold">Métro&nbsp;:&nbsp;</p>
<p *ngFor="let sub of tclStop.subLines" class="line">{{ sub }}</p>
</div>
<div class="flex">
<p *ngIf="tclStop.tramLines.length" class="bold">Tram&nbsp;:&nbsp;</p>
<p *ngFor="let tram of tclStop.tramLines" class="line">{{ tram }}</p>
</div>
<div class="flex">
<p *ngIf="tclStop.busLines.length" class="bold">Bus&nbsp;:&nbsp;</p>
<p *ngFor="let bus of tclStop.busLines" class="line">{{ bus }}</p>
</div>
</div>
</div>
</div>
</div>
<div *ngIf="structure.exceptionalClosures" class="bold-info">
<h3 class="subtitle">Précisions sur les horaires</h3>
<div *ngIf="structure.exceptionalClosures" class="mb20">
<h3 class="subtitle">PRÉCISIONS SUR LES HORAIRES</h3>
<p>{{ structure.exceptionalClosures }}</p>
</div>
<div *ngIf="structure.remoteAccompaniment" class="bold-info">