Single/Multiple media upload based restriction - On Project creation

phev8 · Nov 6, 2019 · f666ae1 · f666ae1
1 parent 6fc53fa
commit f666ae1
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 16 deletions.
diff --git a/srv/src/project/project.controller.ts b/srv/src/project/project.controller.ts
@@ -83,19 +83,21 @@ export class ProjectController {
   @UseInterceptors(FilesInterceptor('file'))
   async uploadFile(@Param('id') id, @UploadedFiles() uploads: FileUpload[]) {
     const project = await this.projectService.findOne(id);
-    uploads.forEach((upload: FileUpload) => {
-      if (upload.filename) {
-        const file = new File();
-
-        file.name = upload.originalname;
-        file.filename = upload.filename;
-        file.path = upload.path;
-        file.size = upload.size;
-        file.mimetype = upload.mimetype;
-
-        project.fileTree.children.push(file);
-      }
-    });
+    if(!(project.singleMedia && project.fileTree.size == 1)) {
+      uploads.forEach((upload: FileUpload) => {
+        if (upload.filename) {
+          const file = new File();
+
+          file.name = upload.originalname;
+          file.filename = upload.filename;
+          file.path = upload.path;
+          file.size = upload.size;
+          file.mimetype = upload.mimetype;
+
+          project.fileTree.children.push(file);
+        }
+      });
+    }
     return await this.projectService.update(project.id.toHexString(), project);
   }
 

diff --git a/web/src/app/layout/filetree/filetree.component.html b/web/src/app/layout/filetree/filetree.component.html
@@ -15,7 +15,7 @@
     {{ directory.name }}
   </div>
   <div class="btn-group btn-link btn-icon action-icons">
-    <button type="button" class="btn" title="Upload Files" (click)="openUploadDialog()">
+    <button type="button" class="btn" title="Upload Files" [disabled]="(project.singleMedia && project.fileTree.children.length == 1)" (click)="openUploadDialog()">
       <clr-icon shape="upload"></clr-icon>
     </button>
   </div>

diff --git a/web/src/app/projects/project-modal/project-modal.component.ts b/web/src/app/projects/project-modal/project-modal.component.ts
@@ -32,6 +32,7 @@ export class ProjectModalComponent implements OnInit, OnDestroy {
   onSubmit(form: FormGroup) {
     this.submitted = true;
     this.modalOpen = false;
+    this.model.singleMedia = form.value.options;
 
     this.subscription = this.projectsService.insertProject(this.model)
       .subscribe(response => {

diff --git a/web/src/app/upload/file-upload/file-upload.component.html b/web/src/app/upload/file-upload/file-upload.component.html
@@ -4,7 +4,7 @@ <h3 class="modal-title">Upload files</h3>
   <div class="modal-body">
 
     <div>
-      <button [disabled]="uploading || uploadSuccessful"
+      <button [disabled]="uploading || uploadSuccessful || (currentProject.singleMedia && files.size == 1)"
               class="btn btn-primary-outline" (click)="addFiles()">Add files
       </button>
     </div>

diff --git a/web/src/app/upload/file-upload/file-upload.component.ts b/web/src/app/upload/file-upload/file-upload.component.ts
@@ -35,7 +35,7 @@ export class FileUploadComponent implements OnInit {
   }
 
   onFilesAdded() {
-    const files: { [key: string]: File } = this.file.nativeElement.files;
+    const files: { [key: string]: File } = this.currentProject.singleMedia? Array.prototype.slice.call( this.file.nativeElement.files, 0, 1 ) : this.file.nativeElement.files;
     for (const key in files) {
       if (!isNaN(parseInt(key, 10))) {
         this.files.add(files[key]);