add lesson-4

src/app/app.component.html

@@ -1,3 +1,4 @@
 
 <ng-http-loader [entryComponent]="spinnerComponent" [opacity]=".9"></ng-http-loader>
-<router-outlet></router-outlet>
+<router-outlet></router-outlet>
+

src/app/views/pages/level/level-sidemenu/level-sidemenu.component.ts

@@ -65,6 +65,40 @@ export class LevelSidemenuComponent implements OnInit {
                 { label: 'word Help', command: () => this.levelService.viewPage=26}
             ]
         },
+        {
+            label: 'Lesson 10: Review Time',
+            items: [
+                { label: 'Introduction', command: () => this.levelService.viewPage=27},
+                { label: 'Picture Play', command: () => this.levelService.viewPage=28},
+                { label: 'Open Story', command: () => this.levelService.viewPage=29},
+                { label: 'Lets Talk', command: () => this.levelService.viewPage=30},
+                { label: 'Think and Write', command: () => this.levelService.viewPage=31},
+                { label: 'word Help', command: () => this.levelService.viewPage=32}
+            ]
+        },
+
+        {
+            label: 'Lesson 4: Annual Haircut Day',
+            items: [
+            { label: 'Introduction 1', command: () => this.levelService.viewPage=33},
+            { label: 'Story Time:Annual Haircut Day', command: () => this.levelService.viewPage=34},
+            { label: 'Lets Talk', command: () => this.levelService.viewPage=35},
+            { label: 'Open Story', command: () => this.levelService.viewPage=36},
+            { label: 'Introduction 2', command: () => this.levelService.viewPage=37},
+            { label: 'Story Time:The Red Rain Coat', command: () => this.levelService.viewPage=38},
+            { label: 'Lets Talk', command: () => this.levelService.viewPage=39},
+            { label: 'Think and Write', command: () => this.levelService.viewPage=40},
+            { label: 'word Help', command: () => this.levelService.viewPage=41}
+            ]
+            },
+
+
+
+
+
+
+
+
         // {
         //     label: 'Eng Level 1',
         //     expanded: true,

src/app/views/pages/level/level-viewpart/level-viewpart.component.html

@@ -147,7 +147,108 @@ <h4 class="rounded bg-light py-3 px-4">Word Help</h4>
         <h4 class="rounded bg-light py-3 px-4">Word Help</h4>
         <app-word-help [data]="wordHelp_lesson_2" ></app-word-help>
     </div>
+    </div>
+
+
+
+    <!-----------------lesson -10 -->
+    <div>
+
+        <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 27">
+            <!---------------------------4.1.introduction---------------------------->
+            <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+        </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 28">
+        <!--------------------------10.2.Picture Play----------------------------------------->
+        <!--h4 class="rounded bg-light py-3 px-4">Picture Play</h4-->
+        <app-picture-play [data]="picturePlayData_lesson_10"></app-picture-play>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 29">
+        <!--------------------------10.3.Open Story----------------------------------------->
+        <app-open-story [data]=""></app-open-story>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 30">
+        <!--------------------------10.4.Lets Talk----------------------------------------->
+        <app-lets-talk></app-lets-talk>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 31">
+        <!--------------------------10.5. Think and Write---------------------------------------->
+        <h4 class="rounded bg-light py-3 px-4">Think and Write</h4>
+        <app-think-and-write [data]="thinkAndWrite_lesson_3"></app-think-and-write>
+        <iframe src="https://h5p.org/h5p/embed/1356291" width="900" height="700" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *" title="mcq image type"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>
+
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 32">
+        <!--------------------------10.6.Word help----------------------------------------->
+        <h4 class="rounded bg-light py-3 px-4">word Help</h4>
+        <app-word-help [data]="wordHelp_lesson_2" ></app-word-help>
+    </div>
 </div>
+
+
+
+
+
+<!-----------------lesson - 4 (Annual Haircut Day) -->
+<div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 33">
+    <!---------------------------4.1.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 34">
+    <!---------------------------4.2.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 35">
+    <!--------------------------10.4.Lets Talk----------------------------------------->
+    <app-lets-talk></app-lets-talk>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 36">
+    <!--------------------------10.3.Open Story----------------------------------------->
+    <h4 class="rounded bg-light py-3 px-4">Open Story: Match the Caption</h4>
+    <app-open-story [data]=""></app-open-story>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 37">
+    <!---------------------------4.1.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 38">
+    <!---------------------------4.1.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 39">
+    <!--------------------------10.4.Lets Talk----------------------------------------->
+    <app-lets-talk></app-lets-talk>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 40">
+    <!--------------------------10.5. Think and Write---------------------------------------->
+    <app-think-and-write [data]="thinkAndWrite_lesson_3"></app-think-and-write>
+    </div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 41">
+    <!--------------------------10.6.Word help----------------------------------------->
+    <h4 class="rounded bg-light py-3 px-4">word Help</h4>
+    <app-word-help [data]="wordHelp_lesson_2" ></app-word-help>
+    </div>
+    </div>
+
+
+
+
+
+
+
+
 <div class="text-center">
     <button class="px-5 py-3 rounded bg-primary border-0 text-white fs-4 mt-5" (click)="gotoNextpage()">Next</button>
 </div>

src/app/views/pages/level/level-viewpart/level-viewpart.component.ts

@@ -78,6 +78,25 @@ export class LevelViewpartComponent implements OnInit {
     }
   } 
 
+  introduction_lesson_5 = {
+    title: 'Feelings: What\'s in store today?',
+    id: "lesson-5",
+    description: "In this lesson, you will learn how to use English words to express your feelings.",
+    objective: [
+      "You will listen to audios to recognise and understand words expressing feelings about something or someone in a familiar context or in a simple conversation.",
+      "You will use simple words and phrases to express how you feel about something or someone in your immediate environment.",
+      "You will read simple texts that describe feelings",
+      "You will write simple notes expressing feelings."
+    ],
+    instruction_1: {
+      en_text: "In this lesson, you will learn to understand and describe locations of things in your immediate surroundings.",
+      ta_text: ""
+    }
+  } 
+
+
+
+
 
 
   lesson_1 =  {
@@ -153,6 +172,7 @@ export class LevelViewpartComponent implements OnInit {
       "ta_text": "மீண்டும் படிக்கவும் கேட்கவும் ► ஐ அழுத்தவும்."
     }
   }
+
 
   wordplayData_2 = {
     title: 'Word Play: Matching Game',
@@ -249,6 +269,30 @@ export class LevelViewpartComponent implements OnInit {
     }
   }
 
+  picturePlayData_lesson_10 = {
+    title: 'Picture Play: Weather Report',
+    id: "lesson-10",
+    instruction_1: {
+      en_text: "Here is the news on the weather.But wait! We have to fill the correct weather pictures in the map.Look at the map of India and listen to the audio.Mark the weather for the various places correctly.",
+      ta_text: "వాతావరణం గురించి సమాచారం ఇక్కడ ఉన్నది.కానీ వేచియుడండి! మీరు మ్యాపులో సరియైన వాతావరణ చిత్రాలను నింపాలి. ఇండియా మ్యాప్ చూడండి మరియు ఆడియోని వినండి.విభిన్న ప్రదేశాలను సరిగా వాతావరణాన్ని గుర్తించండి.",
+      audio: "assets/collection/lesson-10/picture-play/instruction-1.mp3"
+    },
+    instruction_2: {
+        en_text: "Click on ► to listen to the weather report.Drag and drop the images onto the correct parts of the country. Good luck!",
+        ta_text: "వాతావరణ నివేదికను వినడానికి ► పైన క్లిక్ చేయండి.దేశం యొక్క సరియైన భాగాలకు చిత్రాల పైన డ్రాగ్ చేసి మరియు డ్రాప్ చేయండి.శుభం కలుగు గాక!"
+
+      },
+
+    iframe: {
+      instruction_1:{
+        en_text: "Drag and drop the right person to complete the pair. Then, click on the record button to say the name of the relationship. e.g. husband and wife.",
+        ta_text: "జతను పూర్తి చేయడానికి సరియైన వ్యక్తిని డ్రాగ్ చేసి మరియు డ్రాప్ చేయండి. తరువాత, సంబంధం పేరుని చెప్పడానికి రికార్డ్ బటన్ పైన క్లిక్ చేయండి. ఉదా. భర్త మరియు భార్య",
+        audio: "assets/collection/lesson-10/picture-play/instruction-1.mp3"
+      },
+      src: "https://h5p.org/h5p/embed/1356282"
+    }
+  }
+
   openStory_lesson_1 = {
     title: 'Open Story: Describe the Action',
     id: "lesson-1",