add mock Lecturer Score Course

22-july-2020/topic1/src/app/app.component.html

@@ -14,6 +14,10 @@
       <div class="card highlight-card card-small">{{ s.id }}</div>
       <span>{{ s.name }} {{ s.email }}</span>
     </div>
+    <div *ngFor="let c of course" class="card">
+      <div class="card highlight-card card-small">{{ c.title }}</div>
+      <span>{{ c.description }}</span>
+    </div>
   </div>
 </div>
 <router-outlet></router-outlet>

22-july-2020/topic1/src/app/app.component.ts

 import { Component } from '@angular/core';
 import { Student } from './models/student';
+import { Course } from './models/course';
+import { Lecturer } from './models/Lecturer';
+
 import { STUDENTS } from './mock/mock-students';
+import { COURSE } from './mock/mock-course';
 
 @Component({
   selector: 'app-root',
@@ -11,4 +15,5 @@ export class AppComponent {
   title = 'Course Web Application';
   description = 'คำอธิบายรายวิชา';
   students: Student[] = STUDENTS;
+  course: Course[] = COURSE;
 }

22-july-2020/topic1/src/app/mock/mock-course.ts

+import { Course } from '../models/course';
+
+export const COURSE: Course[] = [
+         { title: 'topic1', description: 'For Conputer science Studdent' },
+         { title: 'topic2', description: 'For Conputer science Studdent' },
+         { title: 'Linear', description: 'For Conputer science Studdent' },
+         { title: 'Wireless Network', description: 'For Conputer science Studdent' },
+         { title: 'Advance Wireless Network', description: 'For Conputer science Studdent' },
+       ];

22-july-2020/topic1/src/app/mock/mock-lecturer.ts

+import {} from '../models/Score';
+import { Lecturer } from '../models/Lecturer';
+
+export const LECTURER: Lecturer[] = [
+  { id: 590001, name: 'warawut' },
+  { id: 590002, name: 'Jirutchaya' },
+  { id: 590003, name: 'panuwut' },
+  { id: 590004, name: 'prompong' },
+  { id: 590003, name: 'paichayon' },
+];

22-july-2020/topic1/src/app/mock/mock-score.ts

+import { Score } from '../models/Score';
+
+export const SCORE: Score[] = [
+         { student: 'jakkree', score: 80, full_mark: 100 },
+         { student: 'jirawut', score: 60, full_mark: 100 },
+         { student: 'niyong', score: 65, full_mark: 100 },
+         { student: 'apinya', score: 70, full_mark: 100 },
+         { student: 'nipaporn', score: 90, full_mark: 100 },
+];

22-july-2020/topic1/src/app/models/Lecturer.ts

+export interface Lecturer {
+  id: number;
+  name: string;
+}

22-july-2020/topic1/src/app/models/Score.ts

+export interface Score {
+  student: string;
+  score: number;
+  full_mark: number;
+}

22-july-2020/topic1/src/app/models/course.ts

+export interface Course {
+  title: string;
+  description: string;
+}

22-july-2020/topic1/src/app/models/student.ts

@@ -3,3 +3,10 @@ export interface Student {
   name: string;
   email: string;
 }
+
+
+
+
+
+
+