Merge pull request #26 from dev-labs-bg/feature/exam

Feature / Admin Assessments

src/app/admin/assessments/assessment.ts

@@ -1,8 +1,8 @@
 export class Assessment {
 
     constructor(
-        public id: number,
-        public type: string
+        public id: number = -1,
+        public type: string = ''
     ) {}
 
     static newInstance(data) {

src/app/admin/assessments/assessments.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs/Rx';
 
 import { ASSESSMENT_TYPES } from '../../assessment/constants';
 import { TaskService } from '../tasks/task.service';
@@ -7,24 +8,63 @@ import { QuestionService } from './question.service';
 import { Assessment } from './assessment';
 
 @Component({
-  selector: 'xp-assessments',
-  templateUrl: './assessments.component.html'
+    selector: 'xp-assessments',
+    template: `
+        <h1>Assessment Center</h1>
+        <h2>Please select a task</h2>
+
+        <div class="form-group">
+            <label for="task">Task</label>
+            <xp-loading-indicator [wait]="subscription">
+                <select
+                    name="task"
+                    id="task"
+                    (ngModelChange)="onTaskChange($event)" [ngModel]="task_id">
+                    <option value="0" disabled selected>Select Task</option>
+                    <option *ngFor="let task of taskService.repository.getData()"
+                            value="{{ task.id }}">
+                        {{ task.title }}
+                    </option>
+                </select>
+            </xp-loading-indicator>
+        </div>
+
+        <p *ngIf="(selectedTask != null)">
+            Task type:
+            <strong>{{ selectedTask?.assessment.type }}</strong>
+        </p>
+
+        <div [ngSwitch]="selectedTask?.assessment.id">
+            <xp-admin-assessments-micro-project
+                *ngSwitchCase="ASSESSMENT_TYPES.MICRO_PROJECT"
+                [task]="selectedTask">
+            </xp-admin-assessments-micro-project>
+
+            <xp-admin-assessments-question
+                *ngSwitchCase="ASSESSMENT_TYPES.QUESTION"
+                [task]="selectedTask">
+            </xp-admin-assessments-question>
+
+            <xp-admin-assessments-exam
+                *ngSwitchCase="ASSESSMENT_TYPES.EXAM"
+                [task]="selectedTask">
+            </xp-admin-assessments-exam>
+        </div>
+    `
 })
 export class AssessmentsComponent implements OnInit {
     private selectedTask: Task = null;
     private ASSESSMENT_TYPES = ASSESSMENT_TYPES;
     private Assessment = Assessment;
+    private subscription: Subscription;
 
     constructor(
         private taskService: TaskService,
         private questionService: QuestionService
     ) { }
 
     ngOnInit() {
-        this.taskService.repository.setup(
-            this.taskService.apiGetURLS.all,
-            Task
-        );
+        this.subscription = this.taskService.setup();
 
         this.questionService.getAll();
     }