suggest componets added

src/app/pages/home/home.module.ts

@@ -1,11 +1,3 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
@@ -15,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { HomePageRoutingModule } from './home-routing.module';
 
 import { HomePage } from './home.page';
+import { SuggestedlistComponent } from "../../components/suggestedlist/suggestedlist.component";
 
 @NgModule({
   imports: [
@@ -23,6 +16,6 @@ import { HomePage } from './home.page';
     IonicModule,
     HomePageRoutingModule
   ],
-  declarations: [HomePage]
+  declarations: [HomePage,SuggestedlistComponent]
 })
 export class HomePageModule { }

src/app/pages/home/home.page.html

@@ -36,19 +36,21 @@
     </ion-grid>
 
     <div class="lesson">
-      <div class="video" *ngFor="let item of familySuggestData">
-        <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/jobs/'+item.banner+''"></div>
+      <app-suggestedlist></app-suggestedlist>
 
-          <div class="text">
-            <ion-label class="bold_text">{{item.title}}</ion-label>
-            <ion-label class="grey_text">{{item.description}}</ion-label>
-          </div>
-        </div>
-        <div class="right">
-          <ion-icon name="chevron-forward-outline"></ion-icon>
-        </div>
-      </div>
+<!--      <div class="video" *ngFor="let item of familySuggestData">-->
+<!--        <div class="left">-->
+<!--          <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/jobs/'+item.banner+''"></div>-->
+
+<!--          <div class="text">-->
+<!--            <ion-label class="bold_text">{{item.title}}</ion-label>-->
+<!--            <ion-label class="grey_text">{{item.description}}</ion-label>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="right">-->
+<!--          <ion-icon name="chevron-forward-outline"></ion-icon>-->
+<!--        </div>-->
+<!--      </div>-->
     </div>
 
 

src/app/pages/home/home.page.ts

@@ -44,7 +44,7 @@ export class HomePage implements OnInit {
       }
 
       if (this.accountType == 'FAMILY'){
-         this.getFamilySuggestList();
+       // no need moved to components  this.getFamilySuggestList();
       }
 
     }

src/app/pages/jobpastdue/jobpastdue.module.ts

@@ -5,7 +5,6 @@ import { FormsModule } from '@angular/forms';
 import { IonicModule } from '@ionic/angular';
 
 import { JobpastduePageRoutingModule } from './jobpastdue-routing.module';
-
 import { JobpastduePage } from './jobpastdue.page';
 import {TaskactivitiesComponent} from "../../components/taskactivities/taskactivities.component";
 

src/app/pages/suggest/suggest.module.ts

@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { SuggestPageRoutingModule } from './suggest-routing.module';
 
 import { SuggestPage } from './suggest.page';
+import { SuggestedlistComponent } from "../../components/suggestedlist/suggestedlist.component";
 
 @NgModule({
   imports: [
@@ -15,6 +16,6 @@ import { SuggestPage } from './suggest.page';
     IonicModule,
     SuggestPageRoutingModule
   ],
-  declarations: [SuggestPage]
+  declarations: [SuggestPage,SuggestedlistComponent]
 })
 export class SuggestPageModule {}

src/app/pages/suggest/suggest.page.html

@@ -59,7 +59,7 @@
                           <ion-card-content class="blog_text">
 
                               <div class="flex">
-                                  <ion-label class="bold_text"> {{item.title}}</ion-label>
+                                  <ion-label class="bold_text_suggest"> {{item.title}}</ion-label>
                                   <ion-icon slot="end" name="caret-forward-circle-outline" color="secondary"></ion-icon>
                               </div>
                           </ion-card-content>
@@ -71,6 +71,7 @@
       </div>
 
       <div *ngIf="tabs =='lesson'" class="lesson">
+<app-suggestedlist></app-suggestedlist>
 
       </div>
 

src/app/pages/suggest/suggest.page.scss

@@ -169,6 +169,11 @@ ion-content {
         font-family: 'bold';
       }
 
+
+      .bold_text_suggest {
+        font-size: 12px;
+        font-family: 'bold';
+      }
       .grey_text {
         font-size: 14px;
         color: grey;
@@ -390,7 +395,7 @@ ion-grid{
     margin: 0px;
     ion-card-content{
       padding: 5px;
-      min-height: 60px;
+      min-height: 50px;
       font-size: 14px;
     }
   }