35 lines
1.6 KiB
HTML
35 lines
1.6 KiB
HTML
<div md-dialog-title>
|
|
Add Sermon<br>
|
|
<div *ngIf="monitorProgress">
|
|
<span class="progressPct">{{ uploadProgress/uploadTotal | percent:'1.0-2' }}</span>
|
|
<md-slider class="progressBar" min="0" [max]="uploadTotal" step="1" [value]="uploadProgress"></md-slider>
|
|
</div>
|
|
|
|
</div>
|
|
<div md-dialog-content>
|
|
|
|
<form #addSermonForm="ngForm" (ngSubmit)="onSubmit()">
|
|
<md-input-container class="full-width">
|
|
<input mdInput placeholder="Title" required [(ngModel)]="sermonTitle" name="title" >
|
|
</md-input-container>
|
|
<md-input-container>
|
|
<input mdInput placeholder="Date" required [ngModel]="sermonDate | date:'yyyy-MM-ddTHH:mm'" (ngModelChange)="sermonDate = $event" name="date" type="datetime-local">
|
|
</md-input-container>
|
|
<md-input-container class="full-width">
|
|
<input mdInput placeholder="Speaker" required [(ngModel)]="sermonSpeaker" name="speaker" >
|
|
</md-input-container>
|
|
<md-input-container class="full-width">
|
|
<input mdInput placeholder="Description" required [(ngModel)]="sermonDescription" name="description" >
|
|
</md-input-container>
|
|
|
|
<input type="file" (change)="onFileChange($event)" placeholder="Choose File" accept=".mp3,audio/mpeg3" >
|
|
<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]="!addSermonForm.form.valid || addSermonButtonDisabled">{{ addSermonButtonText }}</button>
|
|
</form>
|
|
</div> |