<div class="button" id="export-production-contacts" (click)="exportProductionContactsPdf()" *ngIf="hasExportRights">Ansprechpartner exportieren</div>
<div class="button" id="xmas-mail" (click)="exportXmasPdf()" *ngIf="hasAdminRights">Weihnachtspost-Etiketten</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"
            [rowSelection]="rowSelection"
            [rowDeselection]="true"
            (gridReady)="onGridReady($event)"
            (rowClicked)="rowClicked($event)"
    >
    </ag-grid-angular>
</div>

<app-modal [overlay]="true" #modalProductionsContactPersonDetailList>
    <app-production-contact-person-detail #productionContactPersonDetailList (editProductionContact)="editProductionContactFunction($event)"
                                        (deleteProductionContact)="deleteProductionContactFunction($event)"
                                        (shortcut)="shortcutFunction($event)"></app-production-contact-person-detail>
</app-modal>
