Tạo formdata & validate form

#52
hoanphi2201 · Apr 5, 2019 · f977a71 · f977a71
1 parent 5822676
commit f977a71
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 6 deletions.
diff --git a/Management/src/app/exams/exams.component.html b/Management/src/app/exams/exams.component.html
@@ -2,7 +2,8 @@
 <div class="main-content">
     <div class="container-fluid">
         <exams-list
-
+                (sendExam)="getExam($event)"
+                [userLogin]="userLogin"
         ></exams-list>
     </div>
 </div>
@@ -19,7 +20,8 @@ <h5 class="modal-title" id="myModalLabel">How Do You Become an Affiliate?</h5>
                 <div class="col-md-12">
                     <div class="card">
                         <exams-form
-
+                                [seletedExam]="selectedExam"
+                                [userLogin]="userLogin"
                         ></exams-form>
                     </div>
                 </div>

diff --git a/Management/src/app/exams/form/form.component.html b/Management/src/app/exams/form/form.component.html
@@ -76,10 +76,9 @@ <h4 class="card-title">Add New Exam</h4>
                     <div class="fileinput-new thumbnail">
                         <img *ngIf="!currentExam._id" width="200px" height="200px" src="../../assets/img/placeholder.jpg">
                     </div>
-                    <!--<div *ngIf="currentExam._id" [innerHTML]="currentExam.thumb | avatar : '': '/exams/': 'no-thumb.png'"-->
-                    <!--class="fileinput-new thumbnail"></div>-->
+                    <div *ngIf="currentExam._id" [innerHTML]="currentExam.thumb | avatar : '': '/exams/': 'no-thumb.png'"
+                    class="fileinput-new thumbnail"></div>
                     <div class="fileinput-preview fileinput-exists thumbnail "></div>
-                    <!--<input hidden [(ngModel)]="currentExam.thumb" formControlName="imageOld">-->
                     <div>
                         <span class="btn btn-round btn-rose btn-file">
                             <span class="fileinput-new">Add Photo</span>

diff --git a/Management/src/app/exams/form/form.component.ts b/Management/src/app/exams/form/form.component.ts
@@ -28,7 +28,7 @@ export class FormComponent implements OnInit {
     @Input() set seletedExam(seletedExam: IExam) {
         if (seletedExam) {
             this.currentExam = seletedExam;
-
+            console.log(this.currentExam);
             if (this.clearfileinputThumb) {
                 this.clearfileinputThumb.nativeElement.click();
             }
@@ -70,6 +70,28 @@ export class FormComponent implements OnInit {
     ngOnInit(): void {
         this.ckeConfig = ckeConfig;
         this.getSubjects();
+        this.formExam = this._formBuilder.group({
+            name: ['', [Validators.required]],
+            slug: ['', [Validators.required]],
+            ordering: ['', [Validators.required]],
+            price: ['', [Validators.required]],
+            thumb: [''],
+            exam_pdf: [''],
+            status: ['', [Validators.required]],
+            special: ['', [Validators.required]],
+            subject: ['', [Validators.required]],
+            level: ['', [Validators.required]],
+            rate: ['', [Validators.required]],
+            time: ['', [Validators.required]],
+            timeStart: [''],
+            content: ['', [Validators.required]],
+            onlineExam: [''],
+            isOnlineExam: ['', [Validators.required]],
+            number_questions: ['', [Validators.required]],
+            answer: [''],
+            imageOld: [''],
+            pdfOld: ['']
+        });
     }
 
     /*--------------------------------------------------------------