view/theme/frio/templates/intros.tpl

   1
   2 <div class="intro-wrapper media" id="intro-{{$contact_id}}" >
   3
   4         {{* Contact Photo *}}
   5         <div class="intro-photo-wrapper dropdown pull-left" >
   6                 <img id="photo-{{$contact_id}}" class="intro-photo media-object" src="{{$photo}}" title="{{$fullname|escape:'html'}}" alt="{{$fullname|escape:'html'}}" />
   7         </div>
   8
   9         <div class="media-body">
  10                 {{* The intro actions like approve, ignore, discard intro*}}
  11                 <div class="intro-actions pull-right nav-pills preferences">
  12                         <button class="btn-link intro-action-link" onclick="addElmToModal('#intro-approve-wrapper-{{$contact_id}}');" title="{{$approve|escape:'html'}}" data-toggle="tooltip"><i class="fa fa-check" aria-hidden="true"></i></button>
  13
  14                         <form class="intro-form" action="notifications/{{$intro_id}}" method="post">
  15                                 <button class="btn-link intro-submit-ignore intro-action-link" type="submit" name="submit" value="{{$ignore|escape:'html'}}" title="{{$ignore|escape:'html'}}" data-toggle="tooltip"><i class="fa fa-ban" aria-hidden="true"></i></button>
  16                                 {{if $discard}}<button class="btn-link intro-submit-discard intro-action-link" type="submit" name="submit" value="{{$discard|escape:'html'}}" title="{{$discard|escape:'html'}}" data-toggle="tooltip"><i class="fa fa-trash-o" aria-hidden="true"></i></button>{{/if}}
  17                         </form>
  18                 </div>
  19                 <div class='intro-enty-name'><h4 class="media-heading"><a href="{{$zrl}}">{{$fullname}}</a></h4></div>
  20                 <div class="intro-desc"><span class="intro-desc-label">{{$str_notifytype}}</span>{{$notify_type}}</div>
  21
  22                 {{* Additional information of the contact *}}
  23                 <div class="intro-contact-info hidden-xs">
  24                         <div class="intro-url"><span class="intro-url-label">{{$lbl_url}}:&nbsp;</span><a href="{{$zrl}}">{{$url}}</a></div>
  25                         {{if $network}}<div class="intro-network"><span class="intro-network-label">{{$lbl_network}}</span>&nbsp;{{$network}}</div>{{/if}}
  26                         {{if $location}}<div class="intro-location"><span class="intro-location-label">{{$lbl_location}}</span>&nbsp;{{$location}}</div>{{/if}}
  27                         {{if $gender}}<div class="intro-gender"><span class="intro-gender-label">{{$lbl_gender}}</span>&nbsp;{{$gender}}</div>{{/if}}
  28                         {{if $keywords}}<div class="intro-keywords"><span class="intro-keywords-label">{{$lbl_keywords}}</span>&nbsp;{{$keywords}}</div>{{/if}}
  29                         {{if $about}}<div class="intro-about"><span class="intro-about-label">{{$lbl_about}}</span>&nbsp;{{$about}}</div>{{/if}}
  30                         <div class="intro-knowyou"><span class="intro-knowyou-label">{{$lbl_knowyou}}</span>{{$knowyou}}</div>
  31                         <div class="intro-note intro-note-{{$contact_id}}">{{$note}}</div>
  32                 </div>
  33
  34                 {{* Additional information of the contact for mobile view *}}
  35                 <div class="intro-contact-info xs hidden-lg hidden-md hidden-sm">
  36                         <div class="intro-url"><span class="intro-url-label">{{$lbl_url}}:</span><a href="{{$zrl}}">{{$url}}</a></div>
  37                         {{if $network}}<div class="intro-network"><span class="intro-network-label">{{$lbl_network}}</span>{{$network}}</div>{{/if}}
  38                         {{if $location}}<div class="intro-location"><span class="intro-location-label">{{$lbl_location}}</span>{{$location}}</div>{{/if}}
  39                         {{if $gender}}<div class="intro-gender"><span class="intro-gender-label">{{$lbl_gender}}</span>{{$gender}}</div>{{/if}}
  40                         {{if $keywords}}<div class="intro-keywords"><span class="intro-keywords-label">{{$lbl_keywords}}</span>{{$keywords}}</div>{{/if}}
  41                         {{if $about}}<div class="intro-about"><span class="intro-about-label">{{$lbl_about}}</span>{{$about}}</div>{{/if}}
  42                         <div class="intro-knowyou"><span class="intro-knowyou-label">{{$lbl_knowyou}}</span>{{$knowyou}}</div>
  43                         <div class="intro-note intro-note-{{$contact_id}}">{{$note}}</div>
  44                 </div>
  45
  46                 {{* This sections contains special settings for contact approval. We hide it by default and load this section in
  47                 a bootstrap modal in the case of approval *}}
  48                 <div id="intro-approve-wrapper-{{$contact_id}}" style="display: none;">
  49
  50                         <h3 class="heading">{{$fullname}}{{if $addr}}&nbsp;({{$addr}}){{/if}}</h3>
  51                         <form class="intro-approve-form" action="dfrn_confirm" method="post">
  52                                 {{include file="field_checkbox.tpl" field=$hidden}}
  53                                 {{include file="field_checkbox.tpl" field=$activity}}
  54                                 <input type="hidden" name="dfrn_id" value="{{$dfrn_id}}" >
  55                                 <input type="hidden" name="intro_id" value="{{$intro_id}}" >
  56                                 <input type="hidden" name="contact_id" value="{{$contact_id}}" >
  57
  58                                 {{$dfrn_text}}
  59
  60                                 <div class="pull-right">
  61                                         <button class="btn btn-primary intro-submit-approve" type="submit" name="submit" value="{{$approve|escape:'html'}}">{{$approve|escape:'html'}}</button>
  62                                 </div>
  63                                 <div class="clear"></div>
  64                         </form>
  65                 </div>
  66         </div>
  67
  68         {{* On mobile touch devices we use buttons for approve, ingnore && discard to have a better UX *}}
  69         {{if $APP->is_mobile}}
  70         <div class="intro-action-buttons">
  71                 <form class="intro-form pull-left" action="notifications/{{$intro_id}}" method="post">
  72                         <button class="btn btn-small btn-default intro-submit-ignore" type="submit" name="submit" value="{{$ignore|escape:'html'}}">{{$ignore|escape:'html'}}</button>
  73                         {{if $discard}}<button class="btn btn-small btn-default intro-submit-discard" type="submit" name="submit" value="{{$discard|escape:'html'}}">{{$discard|escape:'html'}}</button>&nbsp;{{/if}}
  74                 </form>
  75                 <button class="btn btn-small btn-primary intro-submit-approve pull-right" onclick="addElmToModal('#intro-approve-wrapper-{{$contact_id}}')">{{$approve|escape:'html'}}</button>
  76         </div>
  77         <div class="clear"></div>
  78         {{/if}}
  79 </div>
  80 <div class="intro-end"></div>