cryptixcoder
diff --git a/‎src/app/app.imports.ts
Lines changed: 0 additions & 2 deletions b/‎src/app/app.imports.ts
Lines changed: 0 additions & 2 deletions
diff --git a/‎src/pages/profile/profile-five/profile-five.html
Lines changed: 0 additions & 91 deletions b/‎src/pages/profile/profile-five/profile-five.html
Lines changed: 0 additions & 91 deletions
diff --git a/‎src/pages/profile/profile-five/profile-five.scss
Lines changed: 0 additions & 111 deletions b/‎src/pages/profile/profile-five/profile-five.scss
Lines changed: 0 additions & 111 deletions
diff --git a/‎src/pages/profile/profile-five/profile-five.ts
Lines changed: 0 additions & 73 deletions b/‎src/pages/profile/profile-five/profile-five.ts
Lines changed: 0 additions & 73 deletions
diff --git a/‎src/pages/profile/profile-four/profile-four.ts
Lines changed: 1 addition & 0 deletions b/‎src/pages/profile/profile-four/profile-four.ts
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/pages/profile/profile-three/profile-three.html
Lines changed: 39 additions & 5 deletions b/‎src/pages/profile/profile-three/profile-three.html
Lines changed: 39 additions & 5 deletions
@@ -14,7 +14,6 @@ import { ProfileOnePage } from '../pages/profile/profile-one/profile-one';
 import { ProfileTwoPage } from '../pages/profile/profile-two/profile-two';
 import { ProfileThreePage } from '../pages/profile/profile-three/profile-three';
 import { ProfileFourPage } from '../pages/profile/profile-four/profile-four';
-import { ProfileFivePage } from '../pages/profile/profile-five/profile-five';
 import { ProfileSettingsPage } from '../pages/profile/profile-settings/profile-settings';
 
 // Lists list
@@ -117,7 +116,6 @@ export const Pages = [
     ProfileTwoPage,
     ProfileThreePage,
     ProfileFourPage,
-    ProfileFivePage,
     ProfileSettingsPage,
 
     LoginListPage,
 
@@ -53,6 +53,7 @@ export class ProfileFourPage {
   ionViewDidLoad() {
     console.log('Hello ProfileFour Page');
   }
+  
   follow() {
     this.following = !this.following;
     this.toastCtrl.create('Follow user clicked');
 
@@ -7,26 +7,60 @@
   <div class="card-profile">
     <div class="card-profile_visual"></div>
     <div class="card-profile_user-infos">
-      <span class="infos_name">Emma Watson</span>
-      <span class="infos_nick">@EmWatson</span>
+      <span class="infos_name">{{user.name}}</span>
+      <span class="infos_nick">{{user.twitter}}</span>
       <a href="#"></a>
     </div>
     <div class="card-profile_user-stats">
       <div class="stats-holder">
         <div class="user-stats">
           <strong>Tweets</strong>
-          <span>1,337</span>
+          <span>{{user.tweets}}</span>
         </div>
         <div class="user-stats">
           <strong>Following</strong>
-          <span>561</span>
+          <span>{{user.following}}</span>
         </div>
         <div class="user-stats">
           <strong>Followers</strong>
-          <span>718</span>
+          <span>{{user.followers}}</span>
         </div>
       </div>
     </div>
+    <div id="posts">
+        <ion-card *ngFor="let post of posts">
+          <ion-item>
+            <ion-avatar item-left>
+              <img [src]="user.profileImage">
+            </ion-avatar>
+            <h2 class="sticky">{{user.name}}</h2>
+            <p>{{post.date}}</p>
+          </ion-item>
+          <img [src]="post.postImageUrl" (click)="imageTapped(post)">
+          <ion-card-content>
+            <p>{{post.text}}</p>
+          </ion-card-content>
+          <ion-row>
+            <ion-col>
+              <button ion-button color="purple" clear small icon-left (click)="like(post)">
+                <ion-icon name='thumbs-up'></ion-icon>
+                {{post.likes}} Likes
+              </button>
+            </ion-col>
+            <ion-col>
+              <button ion-button color="purple" clear small icon-left (click)="comment(post)">
+                <ion-icon name='text'></ion-icon>
+                {{post.comments}} Comments
+              </button>
+            </ion-col>
+            <ion-col center text-center>
+              <p>
+                {{post.timestamp}}
+              </p>
+            </ion-col>
+          </ion-row>
+        </ion-card>
+      </div>
   </div>
 </ion-content>
Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@ export class ProfileFourPage {`
`53`	`53`	`ionViewDidLoad() {`
`54`	`54`	`console.log('Hello ProfileFour Page');`
`55`	`55`	`}`
	`56`	`+`
`56`	`57`	`follow() {`
`57`	`58`	`this.following = !this.following;`
`58`	`59`	`this.toastCtrl.create('Follow user clicked');`