<h3>Notizen</h3>
<div class="button" id="create-operator-note" (click)="create()" *ngIf="hasEditRights">Notiz hinzufügen</div>
<form class="searchForm">
    <input type="text" name="search" class="search" (input)="searchFormSubmit($event)" placeholder="Notiz 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" #modalOperatorNoteDetail>
    <app-operator-note-detail #operatorNoteDetail (editNote)="editOperatorNoteFunction($event)"
                                 (deleteNote)="deleteOperatorNoteFunction($event)"></app-operator-note-detail>
</app-modal>

<app-modal [overlay]="true" #modalOperatorNoteEdit>
    <div id="operator-note-modal">
        <app-operator-note-edit #operatorNoteEdit (createNote)="createOperatorNoteFunction($event)"></app-operator-note-edit>
    </div>
</app-modal>
