view/theme/frio/templates/profile_advanced.tpl

   1
   2 <script language="javascript" type="text/javascript">
   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="generic-page-wrapper">
  22         <h3 class="">{{$title}}</h3>
  23
  24         {{* The link to edit the profile*}}
  25         {{if $profile.edit}}
  26         <ul class="nav nav-pills preferences">
  27                 <li class="pull-right">
  28                         <a class="btn btn-link btn-sm" type="button" id="profile-edit-link" href="{{$profile.edit.0}}" title="{{$profile.edit.3}}">
  29                                 <i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp;{{$profile.edit.1}}
  30                         </a>
  31                 </li>
  32         </ul>
  33         <div class="clear"></div>
  34         {{/if}}
  35
  36         {{* Frio does split the profile information in "standard" and "advanced". This is the tab menu for swithching between this modes *}}
  37         <ul id="profile-menu" class="nav nav-tabs" role="menubar" data-tabs="tabs">
  38                 <li class="active" role="menuitem"><a id="profile-tab-standard-link" onclick="profileStandardActive(); return false;">{{$basic}}</a></li>
  39                 <li role="menuitem"><a id="profile-tab-advanced-link" onclick="profileAdvancedActive(); return false;">{{$advanced}}</a></li>
  40         </ul>
  41
  42         <div id="profile-content-standard">
  43                 <div id="aprofile-fullname" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  44                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.fullname.0}}</div>
  45                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.fullname.1}}</div>
  46                 </div>
  47
  48                 {{if $profile.gender}}
  49                 <div id="aprofile-gender" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  50                         <hr class="profile-separator">
  51                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.gender.0}}</div>
  52                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.gender.1}}</div>
  53                 </div>
  54                 {{/if}}
  55
  56                 {{if $profile.birthday}}
  57                 <div id="aprofile-birthday" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  58                         <hr class="profile-separator">
  59                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.birthday.0}}</div>
  60                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.birthday.1}}</div>
  61                 </div>
  62                 {{/if}}
  63
  64                 {{if $profile.age}}
  65                 <div id="aprofile-age" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  66                         <hr class="profile-separator">
  67                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.age.0}}</div>
  68                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.age.1}}</div>
  69                 </div>
  70                 {{/if}}
  71
  72                 {{if $profile.hometown}}
  73                 <div id="aprofile-hometown" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  74                         <hr class="profile-separator">
  75                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.hometown.0}}</div>
  76                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.hometown.1}}</div>
  77                 </div>
  78                 {{/if}}
  79
  80                 {{if $profile.marital}}
  81                 <div id="aprofile-marital" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  82                         <hr class="profile-separator">
  83                         <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>
  84                         <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>
  85                 </div>
  86                 {{/if}}
  87
  88                 {{if $profile.homepage}}
  89                 <div id="aprofile-homepage" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  90                         <hr class="profile-separator">
  91                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.homepage.0}}</div>
  92                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.homepage.1}}</div>
  93                 </div>
  94                 {{/if}}
  95
  96                 {{if $profile.about}}
  97                 <div id="aprofile-about" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
  98                         <hr class="profile-separator">
  99                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.about.0}}</div>
 100                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.about.1}}</div>
 101                 </div>
 102                 {{/if}}
 103
 104                 {{if $profile.pub_keywords}}
 105                 <div id="aprofile-tags" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 106                         <hr class="profile-separator">
 107                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.pub_keywords.0}}</div>
 108                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.pub_keywords.1}}</div>
 109                 </div>
 110                 {{/if}}
 111         </div>
 112
 113         <div id="profile-content-advanced" style="display: none">
 114                                 {{if $profile.sexual}}
 115                 <div id="aprofile-sexual" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 116                         <hr class="profile-separator">
 117                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.sexual.0}}</div>
 118                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.sexual.1}}</div>
 119                 </div>
 120                 {{/if}}
 121
 122                 {{if $profile.politic}}
 123                 <div id="aprofile-politic" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 124                         <hr class="profile-separator">
 125                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.politic.0}}</div>
 126                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.politic.1}}</div>
 127                 </div>
 128                 {{/if}}
 129
 130                 {{if $profile.religion}}
 131                 <div id="aprofile-religion" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 132                         <hr class="profile-separator">
 133                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.religion.0}}</div>
 134                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.religion.1}}</div>
 135                 </div>
 136                 {{/if}}
 137
 138
 139                 {{if $profile.interest}}
 140                 <div id="aprofile-interest" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 141                         <hr class="profile-separator">
 142                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.interest.0}}</div>
 143                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.interest.1}}</div>
 144                 </div>
 145                 {{/if}}
 146
 147                 {{if $profile.likes}}
 148                 <div id="aprofile-likes" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 149                         <hr class="profile-separator">
 150                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.likes.0}}</div>
 151                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.likes.1}}</div>
 152                 </div>
 153                 {{/if}}
 154
 155                 {{if $profile.dislikes}}
 156                 <div id="aprofile-dislikes" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 157                         <hr class="profile-separator">
 158                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.dislikes.0}}</div>
 159                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.dislikes.1}}</div>
 160                 </div>
 161                 {{/if}}
 162
 163                 {{if $profile.contact}}
 164                 <div id="aprofile-contact" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 165                         <hr class="profile-separator">
 166                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.contact.0}}</div>
 167                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.contact.1}}</div>
 168                 </div>
 169                 {{/if}}
 170
 171
 172                 {{if $profile.music}}
 173                 <div id="aprofile-music" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 174                         <hr class="profile-separator">
 175                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.music.0}}</div>
 176                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.music.1}}</div>
 177                 </div>
 178                 {{/if}}
 179
 180
 181                 {{if $profile.book}}
 182                 <div id="aprofile-book" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 183                         <hr class="profile-separator">
 184                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.book.0}}</div>
 185                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.book.1}}</div>
 186                 </div>
 187                 {{/if}}
 188
 189
 190                 {{if $profile.tv}}
 191                 <div id="aprofile-tv" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 192                         <hr class="profile-separator">
 193                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.tv.0}}</div>
 194                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.tv.1}}</div>
 195                 </div>
 196                 {{/if}}
 197
 198
 199                 {{if $profile.film}}
 200                 <div id="aprofile-film" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 201                         <hr class="profile-separator">
 202                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.film.0}}</div>
 203                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.film.1}}</div>
 204                 </div>
 205                 {{/if}}
 206
 207
 208                 {{if $profile.romance}}
 209                 <div id="aprofile-romance" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 210                         <hr class="profile-separator">
 211                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.romance.0}}</div>
 212                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.romance.1}}</div>
 213                 </div>
 214                 {{/if}}
 215
 216
 217                 {{if $profile.work}}
 218                 <div id="aprofile-work" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 219                 <hr class="profile-separator">
 220                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.work.0}}</div>
 221                 <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.work.1}}</div>
 222                 </div>
 223                 {{/if}}
 224
 225                 {{if $profile.education}}
 226                 <div id="aprofile-education" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 227                         <hr class="profile-separator">
 228                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.education.0}}</div>
 229                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.education.1}}</div>
 230                 </div>
 231                 {{/if}}
 232
 233                 {{if $profile.forumlist}}
 234                 <div id="aprofile-forumlist" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aprofile">
 235                         <hr class="profile-separator">
 236                         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 profile-label-name text-muted">{{$profile.forumlist.0}}</div>
 237                         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 profile-entry">{{$profile.forumlist.1}}</div>
 238                 </div>
 239                 {{/if}}
 240         </div>
 241 </div>