/
header.tpl
70 lines (61 loc) · 3.18 KB
/
header.tpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div class="card user-profile-view" data-uid="{uid}">
<div class="card-body cover" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
<!-- IF allowCoverPicture -->
<!-- IF canEdit -->
<div class="controls">
<span class="upload"><i class="fa fa-fw fa-3x fa-upload"></i></span>
<span class="resize"><i class="fa fa-fw fa-3x fa-arrows"></i></span>
<span class="remove"><i class="fa fa-fw fa-3x fa-times"></i></span>
</div>
<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
<!-- ENDIF canEdit -->
<!-- ENDIF allowCoverPicture -->
</div>
<div class="card-footer">
<div class="profile-pic">
<div class="user-icon profile-header-img" style="<!-- IF picture -->background-image: url({picture}); background-size: cover; background-repeat: no-repeat; background-position: center center;<!-- ELSE -->background-color: {icon:bgColor};<!-- ENDIF picture -->"><!-- IF !picture -->{icon:text}<!-- ENDIF !picture --></div>
<span component="user/status" class="status {status}" title="[[global:{status}]]"></span>
</div>
<div class="user-info">
<h3 class="fullname"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></h3>
<h4 class="username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></h4>
</div>
<div class="account-stats">
<!-- IF !reputation:disabled -->
<div class="stat">
<div class="human-readable-number" title="{reputation}">{reputation}</div>
<span class="stat-label">[[global:reputation]]</span>
</div>
<!-- ENDIF !reputation:disabled -->
<div class="stat">
<div class="human-readable-number" title="{postcount}">{postcount}</div>
<span class="stat-label">[[global:posts]]</span>
</div>
<div class="stat">
<div class="human-readable-number" title="{profileviews}">{profileviews}</div>
<span class="stat-label">[[user:profile_views]]</span>
</div>
<div class="stat">
<div class="human-readable-number" title="{followerCount}">{followerCount}</div>
<span class="stat-label">[[user:followers]]</span>
</div>
<div class="stat">
<div class="human-readable-number" title="{followingCount}">{followingCount}</div>
<span class="stat-label">[[user:following]]</span>
</div>
</div>
<!-- IF loggedIn -->
<!-- IF !isSelf -->
<!-- IF !banned -->
<!-- IF !config.disableChat -->
<a component="account/chat" href="#" class="btn btn-primary btn-sm"><i class="fa fa-fw fa-comment-o"></i> [[user:chat]]</a>
<!-- ENDIF !config.disableChat -->
<a id="follow-btn" component="account/follow" href="#" class="btn btn-success btn-sm <!-- IF isFollowing -->hide<!-- ENDIF isFollowing -->"><i class="fa fa-fw fa-heart-o"></i> [[user:follow]]</a>
<a id="unfollow-btn" component="account/unfollow" href="#" class="btn btn-warning btn-sm <!-- IF !isFollowing -->hide<!-- ENDIF !isFollowing -->"><i class="fa fa-fw fa-heart"></i> [[user:unfollow]]</a>
<!-- ENDIF !banned -->
<!-- ENDIF !isSelf -->
<!-- ENDIF loggedIn -->
<!-- IMPORT partials/account/menu.tpl -->
</div>
</div>