matsen-tool-fe/matsen-tool/src/app/_views/sales/sales-detail/sales-detail.component.html

<div class="spt-container">
    <div class="card">
        <div *ngIf="sale" class="card-body row pb-5">
            <div class="spt-col col-12 col-sm-6 col-lg-8">
                <h1>{{ 'overview.sale-user' | translate }}: {{ sale.owner?.fullName }}</h1>
                <dl>
                    <dt *ngIf="sale.partner?.name">{{ 'overview.partner' | translate }}:</dt>
                    <dd *ngIf="sale.partner?.name">{{ sale.partner?.name }}</dd>
                    <dt *ngIf="sale.product?.name">{{ 'overview.product' | translate }}:</dt>
                    <dd *ngIf="sale.product?.name">{{ sale.product?.name }}</dd>
                    <dt *ngIf="sale.turnover">{{ 'overview.turnover' | translate }}:</dt>
                    <dd *ngIf="sale.turnover">{{ sale.turnover }}</dd>
                    <dt *ngIf="sale.profit">{{ 'overview.profit' | translate }}:</dt>
                    <dd *ngIf="sale.profit">{{ sale.profit }}</dd>
                    <dt *ngIf="sale.comment">{{ 'overview.comment' | translate }}:</dt>
                    <dd *ngIf="sale.comment" [innerHTML]="appHelperService.getSafeLongtext(sale.comment)"></dd>
                </dl>
            </div>
            <div class="col-12 col-sm-6 col-lg-4">
                <span *ngIf="sale.owner === user?.id" class="position-absolute bi bi-pencil p-2" data-type="user-tool"
                      data-action="edit"
                      (click)="openModalEditSale()"></span>
            </div>
        </div>
    </div>
</div>

<app-toggle #togglePosts [headline]="'basic.posts' | translate">
    <app-post-list *ngIf="togglePosts.isOpened" [sale]="sale"></app-post-list>
</app-toggle>