src/app/child-dev-project/children/child-block/child-block-tooltip/child-block-tooltip.component.html
<app-fa-dynamic-icon *ngIf="!imgPath" [icon]="icon" />
<img
*ngIf="imgPath"
[src]="imgPath"
class="child-pic mat-elevation-z1"
alt=""
/>
<div>
<!-- Font-weight is applied as style to override the default -->
<h3 style="font-weight: bold">{{ entity?.name }}</h3>
<a>
<fa-icon icon="phone"></fa-icon>
{{ entity?.phone }}</a
>
<p *ngIf="entity?.schoolId || entity?.schoolClass">
<app-entity-block
*ngFor="let id of entity.schoolId"
[entityId]="id"
[linkDisabled]="true"
></app-entity-block>
,
<ng-container
i18n="The class a child is attending|e.g. 'class 8'"
*ngIf="entity.schoolClass"
>
class {{ entity?.schoolClass }}
</ng-container>
</p>
</div>