33 lines
1.5 KiB
HTML
33 lines
1.5 KiB
HTML
<div class="container">
|
|
<form (ngSubmit)="onSubmit()" enctype="multipart/form-data">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h3>Do not Close this Site, during an Upload</h3>
|
|
<h6>Status: {{status}}</h6>
|
|
<div class="progress">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" [style.width.%]="progress">{{status}}</div>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="mb-3">
|
|
<label for="vidName" class="form-label">Video Title</label>
|
|
<input type="text" class="form-control" id="vidName" placeholder="Videoname..." [(ngModel)]="vidName">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="vidfile" class="form-label">The Video File</label>
|
|
<input class="form-control" type="file" id="vidfile" (change)="onFileSelected($event)" accept="video/mp4">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-6">
|
|
<img src="" class="img-fluid" alt="Thumbnail Preview">
|
|
<div class="mb-3">
|
|
<label for="vidThumbnail" class="form-label">Video Thumbnail</label>
|
|
<input class="form-control" type="file" id="vidThumbnail" [(ngModel)]="vidThumbnail" accept="image/*">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="w-100 btn btn-lg btn-primary" type="submit">Submit</button>
|
|
</form>
|
|
</div> |