]> git.mxchange.org Git - friendica.git/blob - templates/profile_advanced.tpl
hovercard: some polishing
[friendica.git] / templates / profile_advanced.tpl
1
2 <script>
3         // the following functions show/hide the specific profile page content 
4         // in dependence of the selected nav
5         function profileStandardActive() {
6                 $("#profile-content-advanced").hide();
7                 $("#profile-content-standard").show();
8                 $("#profile-tab-advanced-link").parent("li").removeClass("active");
9                 $("#profile-tab-standard-link").parent("li").addClass("active");
10         }
11
12         function profileAdvancedActive() {
13                 $("#profile-content-standard").hide();
14                 $("#profile-content-advanced").show();
15                 $("#profile-tab-standard-link").parent("li").removeClass("active");
16                 $("#profile-tab-advanced-link").parent("li").addClass("active");
17         }
18
19 </script>
20
21 <div id="profile-page" class="standard-page">
22         <h3 class="">{{$title}}</h3>
23
24         <ul id="profile-menu" class="nav nav-tabs" role="menubar" data-tabs="tabs">
25                 <li class="active" role="menuitem"><a id="profile-tab-standard-link" onclick="profileStandardActive(); return false;">Standard</a></li>
26                 <li role="menuitem"><a id="profile-tab-advanced-link" onclick="profileAdvancedActive(); return false;">Advanced</a></li>
27         </ul>
28
29         <div id="profile-content-standard">
30                 <div id="aprofile-fullname" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
31                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.fullname.0}}</div>
32                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.fullname.1}}</div>
33                 </div>
34
35                 {{if $profile.gender}}
36                 <div id="aprofile-gender" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
37                         <hr class="profile-separator">
38                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.gender.0}}</div>
39                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.gender.1}}</div>
40                 </div>
41                 {{/if}}
42
43                 {{if $profile.birthday}}
44                 <div id="aprofile-birthday" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
45                         <hr class="profile-separator">
46                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.birthday.0}}</div>
47                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.birthday.1}}</div>
48                 </div>
49                 {{/if}}
50
51                 {{if $profile.age}}
52                 <div id="aprofile-age" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
53                         <hr class="profile-separator">
54                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.age.0}}</div>
55                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.age.1}}</div>
56                 </div>
57                 {{/if}}
58
59                 {{if $profile.hometown}}
60                 <div id="aprofile-hometown" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
61                         <hr class="profile-separator">
62                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.hometown.0}}</div>
63                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.hometown.1}}</div>
64                 </div>
65                 {{/if}}
66
67                 {{if $profile.marital}}
68                 <div id="aprofile-marital" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
69                         <hr class="profile-separator">
70                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted"><span class="heart">&hearts;</span>  {{$profile.marital.0}}</div>
71                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.marital.1}}{{if $profile.marital.with}} ({{$profile.marital.with}}){{/if}}{{if $profile.howlong}} {{$profile.howlong}}{{/if}}</div>
72                 </div>
73                 {{/if}}
74
75                 {{if $profile.homepage}}
76                 <div id="aprofile-homepage" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
77                         <hr class="profile-separator">
78                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.homepage.0}}</div>
79                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.homepage.1}}</div>
80                 </div>
81                 {{/if}}
82
83                 {{if $profile.about}}
84                 <div id="aprofile-about" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
85                         <hr class="profile-separator">
86                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.about.0}}</div>
87                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.about.1}}</div>
88                 </div>
89                 {{/if}}
90
91                 {{if $profile.pub_keywords}}
92                 <div id="aprofile-tags" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
93                         <hr class="profile-separator">
94                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.pub_keywords.0}}</div>
95                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.pub_keywords.1}}</div>
96                 </div>
97                 {{/if}}
98         </div>
99
100         <div id="profile-content-advanced" style="display: none">
101                                 {{if $profile.sexual}}
102                 <div id="aprofile-sexual" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
103                         <hr class="profile-separator">
104                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.sexual.0}}</div>
105                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.sexual.1}}</div>
106                 </div>
107                 {{/if}}
108
109                 {{if $profile.politic}}
110                 <div id="aprofile-politic" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
111                         <hr class="profile-separator">
112                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.politic.0}}</div>
113                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.politic.1}}</div>
114                 </div>
115                 {{/if}}
116
117                 {{if $profile.religion}}
118                 <div id="aprofile-religion" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
119                         <hr class="profile-separator">
120                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.religion.0}}</div>
121                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.religion.1}}</div>
122                 </div>
123                 {{/if}}
124
125
126                 {{if $profile.interest}}
127                 <div id="aprofile-interest" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
128                         <hr class="profile-separator">
129                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.interest.0}}</div>
130                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.interest.1}}</div>
131                 </div>
132                 {{/if}}
133
134                 {{if $profile.likes}}
135                 <div id="aprofile-likes" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
136                         <hr class="profile-separator">
137                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.likes.0}}</div>
138                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.likes.1}}</div>
139                 </div>
140                 {{/if}}
141
142                 {{if $profile.dislikes}}
143                 <div id="aprofile-dislikes" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
144                         <hr class="profile-separator">
145                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.dislikes.0}}</div>
146                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.dislikes.1}}</div>
147                 </div>
148                 {{/if}}
149
150                 {{if $profile.contact}}
151                 <div id="aprofile-contact" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
152                         <hr class="profile-separator">
153                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.contact.0}}</div>
154                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.contact.1}}</div>
155                 </div>
156                 {{/if}}
157
158
159                 {{if $profile.music}}
160                 <div id="aprofile-music" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
161                         <hr class="profile-separator">
162                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.music.0}}</div>
163                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.music.1}}</div>
164                 </div>
165                 {{/if}}
166
167
168                 {{if $profile.book}}
169                 <div id="aprofile-book" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
170                         <hr class="profile-separator">
171                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.book.0}}</div>
172                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.book.1}}</div>
173                 </div>
174                 {{/if}}
175
176
177                 {{if $profile.tv}}
178                 <div id="aprofile-tv" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
179                         <hr class="profile-separator">
180                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.tv.0}}</div>
181                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.tv.1}}</div>
182                 </div>
183                 {{/if}}
184
185
186                 {{if $profile.film}}
187                 <div id="aprofile-film" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
188                         <hr class="profile-separator">
189                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.film.0}}</div>
190                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.film.1}}</div>
191                 </div>
192                 {{/if}}
193
194
195                 {{if $profile.romance}}
196                 <div id="aprofile-romance" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
197                         <hr class="profile-separator">
198                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.romance.0}}</div>
199                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.romance.1}}</div>
200                 </div>
201                 {{/if}}
202
203
204                 {{if $profile.work}}
205                 <div id="aprofile-work" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
206                 <hr class="profile-separator">
207                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.work.0}}</div>
208                 <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.work.1}}</div>
209                 </div>
210                 {{/if}}
211
212                 {{if $profile.education}}
213                 <div id="aprofile-education" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
214                         <hr class="profile-separator">
215                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.education.0}}</div>
216                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.education.1}}</div>
217                 </div>
218                 {{/if}}
219
220                 {{if $profile.forumlist}}
221                 <div id="aprofile-forumlist" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
222                         <hr class="profile-separator">
223                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.forumlist.0}}</div>
224                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.forumlist.1}}</div>
225                 </div>
226                 {{/if}}
227         </div>
228 </div>
229