view/theme/frio/templates/profile_advanced.tpl

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