<div class="content" #content>
    <h1 #headline>Betreiber</h1>

    <app-tabs #tabsCM>
        <app-tab tabTitle="Betreiber" [tabIndex]="0">
            <app-operators-list #operatorsList (rowIsClicked)="rowClickedOperator($event)"
                                (createNewOperator)="createOperator()"></app-operators-list>
        </app-tab>
        <app-tab tabTitle="Ansprechpartner (Betreiber)" [tabIndex]="1">
            <app-operators-contact-list #operatorsContactList (shortcut)="shortcutFunction($event)"></app-operators-contact-list>
        </app-tab>
    </app-tabs>
</div>

<app-modal #modalOperator>
    <app-operator-view #operatorView
                       (editOperator)="editOperatorFunction($event)"
                       (createOperatorContact)="createOperatorContactFunction($event)"
                       (editOperatorContact)="editOperatorContactFunction($event)"
                       (deleteOperatorContact)="deleteOperatorContactFunction($event)"
                       (createNote)="createOperatorNoteFunction($event)"
                       (editNote)="editOperatorNoteFunction($event)"
                       (deleteNote)="deleteOperatorNoteFunction($event)"
                       (createMeeting)="createOperatorMeetingFunction($event)"
                       (editMeeting)="editOperatorMeetingFunction($event)"
                       (deleteMeeting)="deleteOperatorMeetingFunction($event)"
                       (editMeetingReport)="editOperatorMeetingReportFunction($event)"
                       (shortcut)="shortcutFunction($event)"></app-operator-view>
</app-modal>
<app-modal [overlay]="true" #modalOperatorDataEdit>
    <div id="operator-data-modal">
        <app-operator-data-edit #operatorDataEdit (createOperator)="createOperatorFunction($event)"></app-operator-data-edit>
    </div>
</app-modal>
