view/theme/frio/templates/contacts-template.tpl

   1
   2 <script type="text/javascript">
   3         var dropContact = "{{$contact_drop_confirm}}";
   4 </script>
   5
   6 {{$tabs}}
   7
   8 <div id="contacts" class="generic-page-wrapper">
   9
  10         {{* The page heading with it's contacts counter *}}
  11         <h2 class="heading">{{$header}} {{if $total}} ({{$total}}) {{/if}}</h2>
  12
  13         {{if $finding}}<h4>{{$finding}}</h4>{{/if}}
  14
  15         {{* The search input field to search for contacts *}}
  16         <div id="contacts-search-wrapper">
  17                 <form id="contacts-search-form" class="navbar-form" role="search" action="{{$cmd}}" method="get" >
  18                         <div class="row">
  19                                 <div class="col-md-2"></div>
  20                                 <div class="col-md-8 ">
  21                                         <div class="form-group form-group-search">
  22                                                 <input type="text" name="search" id="contacts-search" class="search-input form-control form-search" onfocus="this.select();" value="{{$search|escape:'html'}}" placeholder="{{$desc}}"/>
  23                                                 <button class="btn btn-default btn-sm form-button-search" type="submit" id="contacts-search-submit">{{$submit}}</button>
  24                                         </div>
  25                                 </div>
  26                                 <div class="col-md-2"></div>
  27                         </div>
  28                 </form>
  29         </div>
  30
  31         <hr>
  32         <div id="contacts-search-end"></div>
  33
  34         {{* we need the form container to make batch actions work *}}
  35         <form name="batch_actions_submit" action="{{$baseurl}}/contacts/batch/" method="POST">
  36
  37                 {{* we put here a hidden input element. This is needed to transmit the batch actions with javascript*}}
  38                 <input type="hidden" class="batch-action no-input fakelist" name="batch_submit" value="{{$l|escape:'html'}}">
  39
  40                 {{* We put the contact batch actions in a dropdown menu *}}
  41                 <ul class="nav nav-pills preferences">
  42                         <li class="dropdown pull-right">
  43                                 <button type="button" class="btn btn-link btn-sm dropdown-toggle" id="BatchActionDropdownMenuTools" data-toggle="dropdown" aria-expanded="false">
  44                                         <i class="fa fa-angle-down"></i>&nbsp;{{$h_batch_actions}}
  45                                 </button>
  46                                 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="BatchActionDropdownMenuTools">
  47                                 {{foreach $batch_actions as $n=>$l}}
  48                                         <li role="menuitem">
  49                                                 {{* call the js batch_submit_handler. Have a look at the file mod_contacts.js *}}
  50                                                 <button type="button" class="btn-link" onclick="batch_submit_handler('{{$n}}', '{{$l}}')">{{$l}}</button>
  51                                         </li>
  52                                 {{/foreach}}
  53                                 </ul>
  54                         </li>
  55                 </ul>
  56                 <div class="clear"></div>
  57                 <div id="contact-list">
  58                         {{* format each contact with the contact_template.tpl *}}
  59                         <ul id="viewcontact_wrapper" class="viewcontact_wrapper media-list">
  60                         {{foreach $contacts as $contact}}
  61                                 <li>{{include file="contact_template.tpl"}}</li>
  62                         {{/foreach}}
  63                         </ul>
  64                 </div>
  65                 <div id="contact-edit-end" class="clear"></div>
  66         </form>
  67
  68         {{$paginate}}
  69 </div>