initial commit

src/app/uploads/uploads.component.html

@@ -0,0 +1,33 @@
+<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>