File tree Expand file tree Collapse file tree 9 files changed +105
-301
lines changed Expand file tree Collapse file tree 9 files changed +105
-301
lines changed Original file line number Diff line number Diff line change @@ -14,7 +14,6 @@ import { ProfileOnePage } from '../pages/profile/profile-one/profile-one';
14
14
import { ProfileTwoPage } from '../pages/profile/profile-two/profile-two' ;
15
15
import { ProfileThreePage } from '../pages/profile/profile-three/profile-three' ;
16
16
import { ProfileFourPage } from '../pages/profile/profile-four/profile-four' ;
17
- import { ProfileFivePage } from '../pages/profile/profile-five/profile-five' ;
18
17
import { ProfileSettingsPage } from '../pages/profile/profile-settings/profile-settings' ;
19
18
20
19
// Lists list
@@ -117,7 +116,6 @@ export const Pages = [
117
116
ProfileTwoPage ,
118
117
ProfileThreePage ,
119
118
ProfileFourPage ,
120
- ProfileFivePage ,
121
119
ProfileSettingsPage ,
122
120
123
121
LoginListPage ,
Load Diff This file was deleted.
Load Diff This file was deleted.
Load Diff This file was deleted.
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' ) ;
Original file line number Diff line number Diff line change 7
7
< div class ="card-profile ">
8
8
< div class ="card-profile_visual "> </ div >
9
9
< div class ="card-profile_user-infos ">
10
- < span class ="infos_name "> Emma Watson </ span >
11
- < span class ="infos_nick "> @EmWatson </ span >
10
+ < span class ="infos_name "> {{user.name}} </ span >
11
+ < span class ="infos_nick "> {{user.twitter}} </ span >
12
12
< a href ="# "> </ a >
13
13
</ div >
14
14
< div class ="card-profile_user-stats ">
15
15
< div class ="stats-holder ">
16
16
< div class ="user-stats ">
17
17
< strong > Tweets</ strong >
18
- < span > 1,337 </ span >
18
+ < span > {{user.tweets}} </ span >
19
19
</ div >
20
20
< div class ="user-stats ">
21
21
< strong > Following</ strong >
22
- < span > 561 </ span >
22
+ < span > {{user.following}} </ span >
23
23
</ div >
24
24
< div class ="user-stats ">
25
25
< strong > Followers</ strong >
26
- < span > 718 </ span >
26
+ < span > {{user.followers}} </ span >
27
27
</ div >
28
28
</ div >
29
29
</ div >
30
+ < div id ="posts ">
31
+ < ion-card *ngFor ="let post of posts ">
32
+ < ion-item >
33
+ < ion-avatar item-left >
34
+ < img [src] ="user.profileImage ">
35
+ </ ion-avatar >
36
+ < h2 class ="sticky "> {{user.name}}</ h2 >
37
+ < p > {{post.date}}</ p >
38
+ </ ion-item >
39
+ < img [src] ="post.postImageUrl " (click) ="imageTapped(post) ">
40
+ < ion-card-content >
41
+ < p > {{post.text}}</ p >
42
+ </ ion-card-content >
43
+ < ion-row >
44
+ < ion-col >
45
+ < button ion-button color ="purple " clear small icon-left (click) ="like(post) ">
46
+ < ion-icon name ='thumbs-up '> </ ion-icon >
47
+ {{post.likes}} Likes
48
+ </ button >
49
+ </ ion-col >
50
+ < ion-col >
51
+ < button ion-button color ="purple " clear small icon-left (click) ="comment(post) ">
52
+ < ion-icon name ='text '> </ ion-icon >
53
+ {{post.comments}} Comments
54
+ </ button >
55
+ </ ion-col >
56
+ < ion-col center text-center >
57
+ < p >
58
+ {{post.timestamp}}
59
+ </ p >
60
+ </ ion-col >
61
+ </ ion-row >
62
+ </ ion-card >
63
+ </ div >
30
64
</ div >
31
65
</ ion-content >
32
66
You can’t perform that action at this time.
0 commit comments