view/theme/frio/templates/notifications/intros.tpl

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