<!--
~ Licensed to the Apache Software Foundation (ASF) under one or more
~ contributor license agreements.  See the NOTICE file distributed with
~ this work for additional information regarding copyright ownership.
~ The ASF licenses this file to You under the Apache License, Version 2.0
~ (the "License"); you may not use this file except in compliance with
~ the License.  You may obtain a copy of the License at
~
~    http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing, software
~ distributed under the License is distributed on an "AS IS" BASIS,
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
~ See the License for the specific language governing permissions and
~ limitations under the License.
~
-->

<mat-toolbar>
    <div class="md-toolbar-tools">
        <h2>{{createMode ? 'New Data View' : 'Edit Data View'}}</h2>
        <span fxFlex></span>
        <button mat-icon-button (click)="onCancel()">
            <i class="material-icons">close</i>
        </button>
    </div>
</mat-toolbar>
<mat-divider></mat-divider>
<div mat-dialog-content class="md-dialog-content">
    <div fxFlex="100">
        <div fxFlex="100" fxLayout="column" style="margin:5px;width:100%">
            <mat-form-field class="full-width">
                <mat-label>Data View Name</mat-label>
                <input matInput [(ngModel)]="dashboard.name">
            </mat-form-field>
            <mat-form-field class="full-width">
                <mat-label>Description</mat-label>
                <input matInput [(ngModel)]="dashboard.description">
            </mat-form-field>
            <!--<mat-checkbox [(ngModel)]="dashboard.displayHeader">Show name and description in dashboard</mat-checkbox>-->

        </div>
    </div>
</div>
<mat-divider></mat-divider>
<div mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
    <button mat-button mat-raised-button class="mat-basic" (click)="onCancel()">
        Cancel
    </button>
    <button mat-button mat-raised-button color="primary" (click)="onSave()">
        {{createMode ? 'Create' : 'Save'}}
    </button>
</div>


