Everything except job and cascade delete

SecureSharing/Views/Home/Index.cshtml

 
 <script src="~/plugins/jquery/jquery.js" type="text/javascript"></script>
 <script type="text/javascript">
+var filesUploaded = document.getElementById("filesUploaded");
+$('#fileInput').change(function() {
+  var files = $('#fileInput')[0].files
+
+  for (var i = 0; i < files.length; i++){
+    filesUploaded.innerHTML +='<p>' +  files[i].name + '</p>';
+  }
+});
+
 var selectedFiles;
 
 $(document).ready(() => {
     success: function (result) {  
         for (var i = 0; i < selectedFiles.length; i++){
             fileInput.value += result + ':' + selectedFiles[i].name + ';';
-        }
-        console.log(fileInput.value)
+            filesUploaded.innerHTML += '<p>' +  selectedFiles[i].name + '</p>';
+        }        
     },  
     error: function (err) {  
         console.log(err)
     }  
   });  
-  
-  // var xhr = new XMLHttpRequest();
-  // xhr.open('POST', '/Home/UploadTemporaryFile');
-  // xhr.send({formData, code});
- 
-  //TODO: add Your files: with file uploading in it
-  // $("#dropContainer").text(selectedFiles.length + " file(s) selected for uploading!");
 }
 </script>

SecureSharing/Views/Home/Link.cshtml

             <div class="label-text link-show">
                 @foreach (var file in Model.MessageModel.FileNames)
                 {
-                    <a asp-action="Download" asp-route-filename="@file" asp-route-code="@Model.MessageModel.Code">@file</a>
+                    <a asp-action="Download" asp-route-filename="@file" asp-route-code="@Model.MessageModel.Code">@file</a><br/>
                 }
             </div>
         }
             <div class="label-text link-show">
                 @foreach (var file in Model.MessageModel.FileNames)
                 {
-                    <a asp-action="Download" asp-route-filename="@file" asp-route-code="@Model.MessageModel.Code">@file</a>
+                    <a asp-action="Download" asp-route-filename="@file" asp-route-code="@Model.MessageModel.Code">@file</a><br/>
                 }
             </div>
         }

SecureSharing/wwwroot/css/site.css

 
 .share-more-files-button:hover {
     color: #90278F;
+}
+
+p {
+    padding-left: 2px;
+    font-size: 20px;
 }