service upload file

Author: aboudard

.angulardoc.json

@@ -0,0 +1,3 @@
+{
+  "repoId": "8767eec1-4c6c-4993-9853-097553c30c2e"
+}

pom.xml

@@ -53,6 +53,11 @@
 			<artifactId>spring-boot-starter-test</artifactId>
 			<scope>test</scope>
 		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-configuration-processor</artifactId>
+			<optional>true</optional>
+		</dependency>
 	</dependencies>
 
 	<build>

src/angular/package-lock.json

@@ -33,8 +33,9 @@
     "awesome-bootstrap-checkbox": "^1.0.1",
     "bootstrap": "^4.1.1",
     "core-js": "^2.5.6",
-    "ngrx-data": "^6.0.0-beta.6",
-    "ngx-toastr": "^8.7.3",
+    "ngrx-data": "^6.0.2-beta.9",
+    "ngx-spinner": "^6.0.0",
+    "ngx-toastr": "^8.8.0",
     "rxjs": "^6.2.0",
     "rxjs-compat": "^6.1.0",
     "zone.js": "^0.8.19"
@@ -45,6 +46,7 @@
     "@angular/compiler-cli": "^6.0.3",
     "@angular/language-service": "^6.0.3",
     "@compodoc/compodoc": "^1.1.3",
+    "@ngrx/schematics": "^6.0.1",
     "@types/jasmine": "^2.8.7",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^6.0.109",

src/angular/package.json

@@ -7,4 +7,7 @@ <h6 class="mb-0 text-white lh-100">Admin</h6>
       <small>All the stuff you want</small>
     </div>
   </div>
+
+  <app-upload></app-upload>
+
 </main>

src/angular/src/app/admin/admin.component.html

@@ -2,9 +2,11 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AdminRoutingModule } from './admin-routing.module';
 import { AdminComponent } from './admin.component';
+import { UploadComponent } from './upload/upload.component';
+import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 
 @NgModule({
-  imports: [CommonModule, AdminRoutingModule],
-  declarations: [AdminComponent]
+  imports: [CommonModule, AdminRoutingModule, FormsModule, ReactiveFormsModule],
+  declarations: [AdminComponent, UploadComponent]
 })
 export class AdminModule {}

src/angular/src/app/admin/admin.module.ts

@@ -0,0 +1,13 @@
+<form [formGroup]="uploadForm" novalidate (submit)="submitFile()">
+
+  <div class="input-group mb-3">
+    <div class="custom-file">
+      <input type="file" class="custom-file-input" formControlName="fileUpload" #tmpFile (change)="onFileChange($event.target.files)">
+      <label class="custom-file-label" for="file">{{tmpFile.value != '' ? tmpFile.value : 'Choose file'}}</label>
+    </div>
+  </div>
+  <button type="submit" class="btn btn-primary" value="Upload">
+    <i class="fas fa-upload"></i> Submit
+  </button>
+
+</form>

src/angular/src/app/admin/upload/upload.component.html

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UploadComponent } from './upload.component';
+
+describe('UploadComponent', () => {
+  let component: UploadComponent;
+  let fixture: ComponentFixture<UploadComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ UploadComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UploadComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/angular/src/app/admin/upload/upload.component.scss

@@ -0,0 +1,38 @@
+import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
+import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { FilesService } from '../../services/files.service';
+import {ToastrService} from "ngx-toastr";
+
+@Component({
+  selector: 'app-upload',
+  templateUrl: './upload.component.html',
+  styleUrls: ['./upload.component.scss']
+})
+export class UploadComponent implements OnInit {
+  fileToUpload: File = null;
+  uploadForm: FormGroup;
+
+  constructor(
+    private cd: ChangeDetectorRef,
+    private filesService: FilesService,
+    private toastrservice: ToastrService
+  ) {}
+
+  ngOnInit() {
+    this.uploadForm = new FormGroup({
+      fileUpload: new FormControl('', Validators.required)
+    });
+  }
+
+  onFileChange(files: FileList) {
+    this.fileToUpload = files.item(0);
+  }
+
+  submitFile() {
+    this.filesService.postFile(this.fileToUpload).subscribe((flag: any) => {
+      console.log(flag);
+    }, (error) => {
+      this.toastrservice.error(error.error, 'Error with file upload');
+    });
+  }
+}