<h3>Ansprechpartner</h3>
<p>Hier sind die Ansprechpartner zu sehen:</p>
<div class="button" id="create-customer-contact" (click)="create()" *ngIf="hasSalesRights">Ansprechpartner anlegen</div>
<form class="searchForm">
    <input type="text" name="search" class="search" (input)="searchFormSubmit($event)" placeholder="Ansprechpartner suchen" />
    <button class="resetSearch" [hidden]="!resetSearchBtn"></button>
</form>
<div class="ag-grid-box">
    <ag-grid-angular
            style="width: 100%;height: 100%;"
            class="ag-theme-balham"
            [defaultColDef]="defaultColDef"
            [rowData]="rowData"
            [columnDefs]="columnDefs"
            [suppressCellSelection]="true"
            [animateRows]="true"
            [enableCellTextSelection]="true"
            (gridReady)="onGridReady($event)"
            (rowClicked)="rowClicked($event)"
    >
    </ag-grid-angular>
</div>

<app-modal [overlay]="true" #modalCustomerContactPersonDetail>
    <app-customer-contact-person-detail #customerContactPersonDetail (editCustomerContact)="editCustomerContactFunction($event)"
                                 (deleteCustomerContact)="deleteCustomerContactFunction($event)"
                                        (shortcut)="shortcutFunction($event)"></app-customer-contact-person-detail>
</app-modal>

<app-modal [overlay]="true" #modalCustomerContactPersonEdit>
    <div id="customer-contact-person-modal">
        <app-customer-contact-person-edit #customerContactPersonEdit
              (createCustomerContact)="createCustomerContactFunction($event)"></app-customer-contact-person-edit>
    </div>
</app-modal>
