UIAngular/Client/src/app/components/popups/add-event-popup/add-event-popup.component.html

28 lines
1.3 KiB
HTML

<div md-dialog-title>
<p>Add Event</p>
</div>
<div md-dialog-content>
<form #addEventForm="ngForm" (ngSubmit)="onSubmit()">
<md-input-container class="full-width">
<input mdInput placeholder="Title" required [(ngModel)]="eventTitle" name="title" >
</md-input-container>
<md-input-container>
<input mdInput placeholder="Start Date" required [ngModel]="eventStartDate | date:'yyyy-MM-ddTHH:mm'" (ngModelChange)="eventStartDate = $event" name="startDate" type="datetime-local">
</md-input-container>
<md-input-container>
<input mdInput placeholder="End Date" required [ngModel]="eventEndDate | date:'yyyy-MM-ddTHH:mm'" (ngModelChange)="eventEndDate = $event" name="endDate" type="datetime-local">
</md-input-container>
<md-input-container class="full-width">
<input mdInput placeholder="Description" required [(ngModel)]="eventDescription" name="description" >
</md-input-container>
<br><br>
<div *ngIf="errorMessages.length > 0" class="errorMessages">
<p *ngFor="let error of errorMessages">
{{error}}
</p>
</div>
<button md-raised-button class="first" (click)="cancel($event)" >Cancel</button><!--
--><button md-raised-button type="submit" [disabled]="!addEventForm.form.valid || addEventButtonDisabled">{{ addEventButtonText }}</button>
</form>
</div>