reduced home blogs

src/app/pages/family/family.page.html

@@ -22,10 +22,10 @@
     </div>
 
     <div class="ion-padding">
-      <div class="flex">
-        <ion-label class="bold_text">Family Account</ion-label>
-              <ion-icon slot="end" name="settings-outline" color="primary"></ion-icon>
-      </div>
+<!--      <div class="flex">-->
+<!--        <ion-label class="bold_text">Family Account</ion-label>-->
+<!--              <ion-icon slot="end" name="settings-outline" color="primary"></ion-icon>-->
+<!--      </div>-->
 
       <!--    <div class="row">-->
       <!--      <div class="rate">-->
@@ -37,20 +37,6 @@
 
       <!--    <ion-label class="color_text">$40</ion-label>-->
 
-      <div class="items">
-        <!--      <div class="stud">-->
-        <!--        <ion-icon slot="start" name="people" color="primary"></ion-icon>-->
-        <!--        <ion-label>{{total_family}} Members</ion-label>-->
-        <!--      </div>-->
-        <!--      <div class="stud">-->
-        <!--        <ion-icon slot="start" name="time" color="primary"></ion-icon>-->
-        <!--        <ion-label>{{family_active}} Tasks</ion-label>-->
-        <!--      </div>-->
-        <!--      <div class="stud">-->
-        <!--        <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
-        <!--        <ion-label>0 Completed</ion-label>-->
-        <!--      </div>-->
-      </div>
 
       <ion-segment class="common_segment" [(ngModel)]="tabs">
         <ion-segment-button value="members">
@@ -71,8 +57,9 @@
             <div class="bg_image men_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/family/'+item.family_uid+')'"></div>
 
             <div class="text">
-              <ion-label class="bold_text">{{item.firstname}} {{item.lastname}} ({{item.age}})</ion-label>
-              <ion-label class="grey_text">Last Login: {{item.last_login}}</ion-label>
+              <ion-label class="bold_text name_bg_text">{{item.firstname}} {{item.lastname}} ({{item.age}})</ion-label>
+<!--              <ion-label class="grey_text"> {{item.last_login}}</ion-label>-->
+              <ion-label class="extra_text"><span class="title">Last Login:</span>{{item.last_login | date}}</ion-label>
             </div>
           </div>
           <div class="right">

src/app/pages/family/family.page.scss

@@ -15,16 +15,6 @@ ion-content {
     }
   }
 
-
-.extra_text{
-  font-size: 11px;
-
-  margin-left: 20px;
-  .title{
-    font-weight: bolder;
-    color: #030728;
-  }
-}
   .due_date{
     color: red;
     font-size: 12px;

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

@@ -172,7 +172,7 @@
       <!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
     </div>
     <div class="flex">
-      <ion-label class="bold_text">Recommended Blog</ion-label>
+      <ion-label class="bold_text">Recent Blog</ion-label>
       <ion-label class="color_text" (click)="allBlog()">See all</ion-label>
     </div>
 
@@ -181,6 +181,7 @@
         <ion-col>
           <div class="detail">
             <ion-label class="name">{{item.post_title}}</ion-label>
+            <ion-label class="extra_text"><span class="title">Published:</span>{{item.post_date | date}}</ion-label>
           </div>
         </ion-col>
         <ion-col size="auto">

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

@@ -97,7 +97,7 @@ export class HomePage implements OnInit {
       blogResult => {
         this.blogResult = blogResult;
         console.log("BLOG RETURN->", this.blogResult);
-        this.blogData = this.blogResult.blogdata;
+        this.blogData = this.blogResult.blogdata.slice(0, 2);
        // debugger;
         this.blogDataService.setBlogData(this.blogResult.blogdata);
       }

src/global.scss

@@ -251,3 +251,12 @@ ion-content{
   }
 }
 
+.extra_text{
+  font-size: 11px;
+
+  margin-left: 20px;
+  .title{
+    font-weight: bolder;
+    color: #030728;
+  }
+}