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

<div class="spt-container">
    <div *ngIf="partner" class="card">
        <div class="card-body row">
            <div class="spt-col col-12 col-sm-6 col-lg-8">
                <div class="row">
                    <div class="col-12 col-lg-6">
                        <h1>{{ partner.name }}</h1>
                        <p>{{ partner.street }} {{ partner.streetNo }}<br/>
                            {{ partner.zip }} {{ partner.city }}<br/>
                            {{ partner.country }}</p>
                        <p>Sprache: Deutsch</p>
                    </div>
                    <div class="col-12 col-lg-6">
                        <h2>10002</h2>
                        <dl>
                            <dt>Telefon:</dt>
                            <dd>0177 289 23 02</dd>
                            <dt>Website:</dt>
                            <dd><a href="{{partner.website}}" target="_blank">{{ partner.website }}</a></dd>
                            <dt>Streckenpunkt:</dt>
                            <dd>AT-Salzburg</dd>
                            <dt>Geschäftsbuchungsgruppe:</dt>
                            <dd>DE-EU</dd>
                            <dt>MwSt.-Geschäftsbuchungsgruppe:</dt>
                            <dd>DE-DE</dd>
                            <dt>Kreditlimit:</dt>
                            <dd>50.000 €</dd>
                        </dl>
                    </div>
                </div>
                <div class="card-body row" *ngIf="partner.description">
                    <div class="col-12">
                        <p [innerHTML]="appHelperService.getSafeLongtext(partner.description)"></p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-4 has-image">
                <img *ngIf="partner.logoUrl !== null && partner.logoUrl !== undefined"  src="{{partner.logoUrl}}"
                     width="247"
                     height="94" alt="{{partner.name}}" title="{{partner.name}}"  />
                <img *ngIf="partner.logoUrl === null || partner.logoUrl === undefined"
                     src="/assets/images/icons/dummy-company.png" width="247" height="94" alt="" />
            </div>
            <span class="position-absolute bi p-2"
                  [class.bi-heart]="partnerFollow === null"
                  [class.bi-heart-fill]="partnerFollow !== null"
                  [class.user-follows]="partnerFollow !== null"
                  data-type="user-tool" data-action="follow"
                  (click)="followPartner($event)">
            </span>
            <span class="position-absolute bi bi-pencil p-2" data-type="user-tool" data-action="edit"
                  (click)="openModalEditPartner()"></span>
        </div>
    </div>
</div>
<app-toggle #toggleProducts [headline]="'basic.products' | translate">
    <app-product-list *ngIf="toggleProducts.isOpened" #productListComponent
        [partner]="partner">
    </app-product-list>
</app-toggle>

<app-toggle #toggleContacts [headline]="'basic.contacts' | translate">
    <app-contact-list *ngIf="toggleContacts.isOpened" #contactListComponent
        [partner]="partner">
    </app-contact-list>
</app-toggle>

<app-toggle #toggleTasks [headline]="'basic.tasks' | translate">
    <app-task-list *ngIf="toggleTasks.isOpened" #taskListComponent
        [partner]="partner">
    </app-task-list>
</app-toggle>
<app-toggle #togglePosts [headline]="'basic.posts' | translate">
    <app-post-list *ngIf="togglePosts.isOpened" #postListComponent
        [partner]="partner"
        [existsContact]="false"
        [existsSale]="false"
    >
    </app-post-list>
</app-toggle>
<app-toggle #toggleSales [headline]="'basic.sales' | translate">
    <app-sale-list *ngIf="toggleSales.isOpened" #salesListComponent
       [partner]="partner"
    >
    </app-sale-list>
</app-toggle>
<app-toggle #toggleDocuments [headline]="'basic.documents' | translate">
    <app-document-list *ngIf="toggleDocuments.isOpened" #documentsListComponent
       [partner]="partner"
    >
    </app-document-list>
</app-toggle>