UIAngular/Client/src/app/components/popups/update-sermon-popup/update-sermon-popup.compone...

23 lines
1.1 KiB
HTML

<div md-dialog-title>
Add Sermon
</div>
<div md-dialog-content>
<form #updateSermonForm="ngForm" (ngSubmit)="onSubmit()">
<mat-form-field class="example-full-width">
<input matInput required [(ngModel)]="sermonTitle" name="title" placeholder="Title">
</mat-form-field>
<mat-form-field>
<input matInput required [ngModel]="sermonDate | date:'yyyy-MM-ddTHH:mm'" (ngModelChange)="sermonDate = $event" name="date" type="datetime-local" placeholder="Choose a date">
</mat-form-field>
<mat-form-field class="example-full-width">
<input matInput required [(ngModel)]="sermonSpeaker" name="speaker" placeholder="Speaker">
</mat-form-field>
<mat-form-field class="example-full-width">
<input matInput required [(ngModel)]="sermonDescription" name="description" placeholder="Description">
</mat-form-field>
<button mat-raised-button class="first" type="button" (click)="cancel()" >Cancel</button><!--
--><button mat-raised-button type="submit" [disabled]="!updateSermonForm.form.valid || updateSermonButtonDisabled">{{ updateSermonButtonText }}</button>
</form>
</div>