Skip to content
Snippets Groups Projects
Commit 3f80c94c authored by Marlène SIMONDANT's avatar Marlène SIMONDANT
Browse files

handle onlineMediation case

parent 70bba4fe
Branches
Tags
2 merge requests!993Notif,!983feat(dashboard) : create dashboard !
Hide whitespace changes
Inline Side-by-side
src/app/profile/dashboard/orientation-details/orientation-details.component.html
+ 83
− 71
View file @ 3f80c94c
......@@ -85,77 +85,89 @@
</span>
</p>
</div>
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'calendarBlue'" />
<p>
<span class="category-name">Date de RDV :</span>
TODO : date + datepicker
</p>
</div>
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'personBlue'" />
<p class="inline">
<span class="category-name">Médiateur souhaité :</span>
<app-tag-item
*ngIf="orientation.socialWorker"
class="hide-on-mobile"
[ariaLabel]="
'Accompagnant souhaité : ' +
orientation.socialWorker.name +
' ' +
(orientation.socialWorker.surname | uppercase)
"
[label]="orientation.socialWorker.name + ' ' + orientation.socialWorker.surname.toUpperCase()"
[iconFolder]="'avatar'"
[iconName]="orientation.socialWorker.avatar || 'avatar1'"
[type]="'entity light'"
/>
<span *ngIf="!orientation.socialWorker" class="hide-on-mobile">Non renseigné</span>
</p>
</div>
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'structureBlue'" />
<p class="inline">
<span class="category-name">Structure choisie :</span>
<app-tag-item
*ngIf="orientation.structureChoice[0]"
class="hide-on-mobile"
[ariaLabel]="'Structure choisie : ' + orientation.structureChoice[0]?.structureName"
[label]="orientation.structureChoice[0]?.structureName"
[iconName]="
this.orientationService.getStructureTypeIcon(orientation.structureChoice[0]?.structureType?.category)
"
[type]="'entity light'"
/>
</p>
</div>
<hr />
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'people'" />
<p class="inline">
<span class="category-name">Traité par : </span>
<app-tag-item
[label]="'Jean-Paul Machin'"
[iconFolder]="'avatar'"
[iconName]="'avatar1'"
[type]="'entity light'"
/>
</p>
</div>
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'commentBlue'" />
<p class="inline">
<span class="category-name" id="processingCommentLabel">Commentaire :</span>
<ng-container *ngIf="!isEditMode">{{ orientation.processingComment || 'Non renseigné' }}</ng-container>
<app-textarea
*ngIf="isEditMode"
id="processingComment"
aria-labelledby="processingCommentLabel"
[value]="orientation.processingComment"
(valueChange)="setProcessingComment($event)"
/>
</p>
</div>
<ng-container *ngIf="orientation.accompanimentType === 'onlineMediation'">
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'calendarBlue'" />
<p>
<span class="category-name">Plage horaire choisie :</span>
{{ orientation.dateSlot?.day }} - {{ orientation.dateSlot?.hours }}
</p>
</div>
</ng-container>
<ng-container *ngIf="orientation.accompanimentType !== 'onlineMediation'">
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'calendarBlue'" />
<p>
<span class="category-name">Date de RDV :</span>
TODO : date + datepicker
</p>
</div>
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'personBlue'" />
<p class="inline">
<span class="category-name">Médiateur souhaité :</span>
<app-tag-item
*ngIf="orientation.socialWorker"
class="hide-on-mobile"
[ariaLabel]="
'Accompagnant souhaité : ' +
orientation.socialWorker.name +
' ' +
(orientation.socialWorker.surname | uppercase)
"
[label]="orientation.socialWorker.name + ' ' + orientation.socialWorker.surname.toUpperCase()"
[iconFolder]="'avatar'"
[iconName]="orientation.socialWorker.avatar || 'avatar1'"
[type]="'entity light'"
/>
<span *ngIf="!orientation.socialWorker" class="hide-on-mobile">Non renseigné</span>
</p>
</div>
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'structureBlue'" />
<p class="inline">
<span class="category-name">Structure choisie :</span>
<app-tag-item
*ngIf="orientation.structureChoice[0]"
class="hide-on-mobile"
[ariaLabel]="'Structure choisie : ' + orientation.structureChoice[0]?.structureName"
[label]="orientation.structureChoice[0]?.structureName"
[iconName]="
this.orientationService.getStructureTypeIcon(orientation.structureChoice[0]?.structureType?.category)
"
[type]="'entity light'"
/>
</p>
</div>
<hr />
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'people'" />
<p class="inline">
<span class="category-name">Traité par : </span>
<app-tag-item
[label]="'Jean-Paul Machin'"
[iconFolder]="'avatar'"
[iconName]="'avatar1'"
[type]="'entity light'"
/>
</p>
</div>
<div class="inline">
<app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'commentBlue'" />
<p class="inline">
<span class="category-name" id="processingCommentLabel">Commentaire :</span>
<ng-container *ngIf="!isEditMode">{{ orientation.processingComment || 'Non renseigné' }}</ng-container>
<app-textarea
*ngIf="isEditMode"
id="processingComment"
aria-labelledby="processingCommentLabel"
[value]="orientation.processingComment"
(valueChange)="setProcessingComment($event)"
/>
</p>
</div>
</ng-container>
</div>
</section>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment