<div id="c-list">
    <h2>Termin-Liste</h2>
    <form (submit)="resetSearch($event)" class="form searchForm">
        <div class="row">
            <div class="column">
                <input type="text" name="search" class="search" (input)="searchFormSubmit($event)" placeholder="Termin suchen" />
                <button class="resetSearch" [hidden]="!resetSearchBtn"></button>
            </div>
            <div class="column right">
                <div class="button" id="create-meeting-internal" (click)="exportFilteredMeetingList($event)" title="Aktuelle Ansicht als Excel exportieren">Aktuelle Ansicht exportieren</div>
            </div>
        </div>
    </form>
    <app-calendar-legend></app-calendar-legend>
    <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>
</div>