family side

src/app/components/suggestedlist/suggestedlist.component.html

@@ -1,6 +1,5 @@
 
 <div *ngIf = "suggested_count == 0; else elseFulltag">
-
   <ion-grid class="fam1">
     <ion-row>
       <ion-col class="famleft"></ion-col>
@@ -20,21 +19,20 @@
   </div>
 
   <div class="lesson">
+      <div class="video" *ngFor="let item of familySuggestData" (click)="getSuggestedDetails(item)">
+        <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="video" *ngFor="let item of familySuggestData" (click)="getSuggestedDetails(item)">
-    <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 class="text">
+            <ion-label class="bold_text">{{item.title}}</ion-label>
+            <ion-label class="grey_text">{{item.description}}</ion-label>
+            <ion-label *ngIf="item.remind !='' " class="remind_text"> Last Remind : {{ item.remind | date }}</ion-label>
+          </div>
+        </div>
+        <div class="right">
+          <ion-icon name="chevron-forward-outline"></ion-icon>
+        </div>
       </div>
-    </div>
-    <div class="right">
-      <ion-icon name="chevron-forward-outline"></ion-icon>
-    </div>
-  </div>
   </div>
 </ng-template>
 

src/app/components/suggestedlist/suggestedlist.component.scss

@@ -1,4 +1,3 @@
-
 ion-content {
   .back_image {
     width: 100%;
@@ -10,8 +9,6 @@ ion-content {
     }
   }
 
-
-
   .flex {
     display: flex;
     justify-content: space-between;
@@ -121,6 +118,7 @@ ion-content {
   }
 
   .lesson {
+
     margin-top: 20px;
 
     .bold {
@@ -357,6 +355,12 @@ ion-content {
   }
 }
 
+.remind_text{
+  color: #2dd36f;
+  font-size: 10px;
+}
+
+
 .fam1{
   margin:10px 0px 10px 0px;
   background-color: aliceblue;

src/app/components/suggestedlist/suggestedlist.component.ts

@@ -41,10 +41,10 @@ export class SuggestedlistComponent implements OnInit {
   suggested_count:number  = 0;
   getFamilySuggestList(){
     this.familySuggestData = this.familyDataService.familySuggestData;
-    this.suggested_count = this.familySuggestData?.length;
+    this.suggested_count =  this.familySuggestData?.length;
     setTimeout(()=>{
       this.familySuggestData = this.familyDataService.familySuggestData; // just read no server reqyuest
-      this.suggested_count = this.familySuggestData?.length;
+      this.suggested_count =  this.familySuggestData?.length;
     }, 5000);
 
     // this.usrData = {