view/theme/frio/templates/widget/vcard.tpl

   1 <div class="vcard h-card widget">
   2
   3         <div id="profile-photo-wrapper">
   4                 {{if $url}}
   5                 <a href="{{$url}}"><img class="photo u-photo" src="{{$photo}}" alt="{{$contact.name}}" /></a>
   6                 {{else}}
   7                 <img class="photo u-photo" src="{{$photo}}" alt="{{$contact.name}}" />
   8                 {{/if}}
   9         </div>
  10
  11         {{* The short information which will appended to the second navbar by scrollspy *}}
  12         <div id="vcard-short-info-wrapper" style="display: none;">
  13                 <div id="vcard-short-info" class="media" style="display: none">
  14                         <div id="vcard-short-photo-wrapper" class="pull-left">
  15                                 <img class="media-object" src="{{$photo}}" alt="{{$contact.name}}" />
  16                         </div>
  17
  18                         <div id="vcard-short-desc" class="media-body">
  19                                 <h4 class="media-heading" dir="auto">{{$contact.name}}</h4>
  20                                 {{if $contact.addr}}<div class="vcard-short-addr">{{$contact.addr}}</div>{{/if}}
  21                         </div>
  22                 </div>
  23         </div>
  24
  25         <div class="panel-body">
  26                 <div class="profile-header">
  27                         <h3 class="fn p-name" dir="auto">{{$contact.name}}</h3>
  28
  29                         {{if $contact.addr}}<div class="p-addr">{{$contact.addr}}</div>{{/if}}
  30
  31                         {{if $account_type}}<div class="account-type">({{$account_type}})</div>{{/if}}
  32
  33                         {{if $about}}<div class="title" dir="auto">{{$about nofilter}}</div>{{/if}}
  34                 </div>
  35
  36                 <div id="profile-extra-links">
  37                         <div id="dfrn-request-link-button">
  38                                 {{if $follow_link}}
  39                                         <a id="dfrn-request-link" class="btn btn-labeled btn-primary btn-sm" href="{{$follow_link}}"">
  40                                                 <span class=""><i class="fa fa-user-plus"></i></span>
  41                                                 <span class="">{{$follow}}</span>
  42                                         </a>
  43                                 {{/if}}
  44                                 {{if $unfollow_link}}
  45                                         <a id="dfrn-request-link" class="btn btn-labeled btn-primary btn-sm" href="{{$unfollow_link}}">
  46                                                 <span class=""><i class="fa fa-user-times"></i></span>
  47                                                 <span class="">{{$unfollow}}</span>
  48                                         </a>
  49                                 {{/if}}
  50                         </div>
  51                         {{if $wallmessage_link}}
  52                                 <div id="wallmessage-link-botton">
  53                                         <button type="button" id="wallmessage-link" class="btn btn-labeled btn-primary btn-sm" onclick="openWallMessage('{{$wallmessage_link}}')">
  54                                                 <span class=""><i class="fa fa-envelope"></i></span>
  55                                                 <span class="">{{$wallmessage}}</span>
  56                                         </button>
  57                                 </div>
  58                         {{/if}}
  59                 </div>
  60
  61                 <div class="clear"></div>
  62
  63                 {{if $contact.location}}
  64                 <div class="location detail">
  65                         <span class="location-label icon"><i class="fa fa-map-marker"></i></span>
  66                         <span class="adr p-location">{{$contact.location}}</span>
  67                 </div>
  68                 {{/if}}
  69
  70                 {{if $contact.xmpp}}
  71                 <div class="xmpp detail">
  72                         <span class="xmpp-label icon"><i class="fa fa-xmpp"></i></span>
  73                         <span class="xmpp-data"><a href="xmpp:{{$contact.xmpp}}" rel="me" target="_blank" rel="noopener noreferrer">{{include file="sub/punct_wrap.tpl" text=$contact.xmpp}}</a></span>
  74                 </div>
  75                 {{/if}}
  76
  77                 {{if $contact.matrix}}
  78                 <div class="matrix detail">
  79                         <span class="matrix-label icon"><i class="fa fa-matrix-org"></i></span>
  80                         <span class="matrix-data"><a href="matrix:{{$contact.matrix}}" rel="me" target="_blank" rel="noopener noreferrer">{{include file="sub/punct_wrap.tpl" text=$contact.matrix}}</a></span>
  81                 </div>
  82                 {{/if}}
  83
  84                 {{if $network_link}}
  85                 <div class="network detail">
  86                         <span class="network-label icon"><i class="fa fa-{{$network_avatar}}"></i></span>
  87                         <span class="x-network">{{$network_link nofilter}}</span>
  88                 </div>
  89                 {{/if}}
  90         </div>
  91 </div>