view/theme/frio/templates/group_edit.tpl

   1
   2 {{* This template is for the "group" module. It provides the user the possibility to
   3     modify a specific contact group (remove contact group, edit contact group name,
   4     add or remove contacts to the contact group.
   5 *}}
   6
   7 <script type="text/javascript" src="view/theme/frio/js/mod_group.js"></script>
   8
   9 <div class="generic-page-wrapper">
  10         {{if $editable == 1}}
  11         {{* The buttons for editing the contact group (edit name / remove contact group) *}}
  12         <div class="group-actions pull-right">
  13                 <button type="button" id="group-rename" class="btn btn-clear" onclick="showHide('group-edit-wrapper'); showHide('group-edit-header'); return false;" title="{{$edit_name}}" data-toggle="tooltip">
  14                         <i class="fa fa-pencil" aria-hidden="true"></i>
  15                 </button>
  16                 {{if $drop}}{{$drop}}{{/if}}
  17         </div>
  18         {{/if}}
  19
  20         <div class="section-title-wrapper">
  21                 <div id="group-edit-header">
  22                         <h2>{{$title}}</h2>
  23                 </div>
  24
  25                 {{* Edit the name of the group *}}
  26                 <div id="group-edit-wrapper">
  27
  28                         <form action="group/{{$gid}}" id="group-edit-form" method="post">
  29                                 <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
  30
  31                                 <div class="pull-left">
  32                                 {{include file="field_input.tpl" field=$gname label=false}}
  33                                 </div>
  34                                 <div id="group-edit-submit-wrapper" class="form-group pull-right">
  35                                         <button class="btn btn-primary btn-small" type="submit" name="submit" value="{{$submit|escape:'html'}}">
  36                                                 {{$submit|escape:'html'}}
  37                                         </button>
  38                                 </div>
  39                         </form>
  40                 </div>
  41
  42                 <div class="clear"></div>
  43         </div>
  44
  45         {{* The search input field to search for contacts *}}
  46         <div id="contacts-search-wrapper">
  47                 <form id="contacts-search-form" class="navbar-form" role="search" method="get" >
  48                         <div class="row">
  49                                 <div class="form-group form-group-search">
  50                                         <input type="text" name="search" id="contacts-search" class="search-input form-control form-search" onfocus="this.select();" onkeyup="filterList(); return false;" />
  51                                         <button class="btn btn-default btn-sm form-button-search" onclick="filterList(); return false;">{{$submit_filter}}</button>
  52                                 </div>
  53                         </div>
  54                 </form>
  55         </div>
  56
  57         <div id="contacts-search-end"></div>
  58
  59         {{if $groupeditor}}
  60         {{* The buttons to switch between the different view modes *}}
  61         <div id="group-list-view-switcher" class="btn-group btn-group-sm pull-right">
  62                 <botton type="button" id="group-list-big" class="active group-list-switcher btn btn-default">
  63                         <i class="fa fa-align-justify" aria-hidden="true"></i>
  64                 </botton>
  65                 <button type="button" id="group-list-small" class="btn btn-default group-list-switcher">
  66                         <i class="fa fa-th-large" aria-hidden="true"></i>
  67                 </button>
  68         </div>
  69         <div class="clear"></div>
  70
  71         {{* The contact group list *}}
  72         <div id="group-update-wrapper">
  73                 {{include file="groupeditor.tpl"}}
  74         </div>
  75         {{/if}}
  76 </div>