templates/CRM/Group/Form/Search.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | CiviCRM version 4.5                                                |
   4  +--------------------------------------------------------------------+
   5  | Copyright CiviCRM LLC (c) 2004-2014                                |
   6  +--------------------------------------------------------------------+
   7  | This file is a part of CiviCRM.                                    |
   8  |                                                                    |
   9  | CiviCRM is free software; you can copy, modify, and distribute it  |
  10  | under the terms of the GNU Affero General Public License           |
  11  | Version 3, 19 November 2007 and the CiviCRM Licensing Exception.   |
  12  |                                                                    |
  13  | CiviCRM is distributed in the hope that it will be useful, but     |
  14  | WITHOUT ANY WARRANTY; without even the implied warranty of         |
  15  | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.               |
  16  | See the GNU Affero General Public License for more details.        |
  17  |                                                                    |
  18  | You should have received a copy of the GNU Affero General Public   |
  19  | License and the CiviCRM Licensing Exception along                  |
  20  | with this program; if not, contact CiviCRM LLC                     |
  21  | at info[AT]civicrm[DOT]org. If you have questions about the        |
  22  | GNU Affero General Public License or the licensing of CiviCRM,     |
  23  | see the CiviCRM license FAQ at http://civicrm.org/licensing        |
  24  +--------------------------------------------------------------------+
  25 *}
  26 <div class="crm-block crm-form-block crm-group-search-form-block">
  27
  28 <h3>{ts}Find Groups{/ts}</h3>
  29 <table class="form-layout">
  30   <tr>
  31     <td>
  32       {$form.title.label}<br />
  33       {$form.title.html}<br />
  34       <span class="description font-italic">
  35           {ts}Complete OR partial group name.{/ts}
  36       </span>
  37     </td>
  38     <td>
  39       {$form.created_by.label}<br />
  40       {$form.created_by.html}<br />
  41       <span class="description font-italic">
  42           {ts}Complete OR partial creator name.{/ts}
  43       </span>
  44     </td>
  45     <td id="group_type-block">
  46       {$form.group_type.label}<br />
  47       {$form.group_type.html}<br />
  48       <span class="description font-italic">
  49           {ts}Filter search by group type(s).{/ts}
  50       </span>
  51     </td>
  52     <td>
  53       {$form.visibility.label}<br />
  54       {$form.visibility.html}<br />
  55       <span class="description font-italic">
  56           {ts}Filter search by visibility.{/ts}
  57       </span>
  58     </td>
  59     <td>
  60       {$form.group_status.label}<br />
  61       {$form.group_status.html}
  62     </td>
  63   </tr>
  64   <tr>
  65      <td>{$form.buttons.html}</td><td colspan="2">
  66   </tr>
  67 </table>
  68 </div>
  69 <div class="css_right">
  70   <a class="crm-hover-button action-item" href="{crmURL q="reset=1&update_smart_groups=1"}">{ts}Update Smart Group Counts{/ts}</a> {help id="update_smart_groups"}
  71 </div>
  72 <table class="crm-group-selector">
  73   <thead>
  74     <tr>
  75       <th class='crm-group-name'>{ts}Name{/ts}</th>
  76       <th class='crm-group-count'>{ts}Count{/ts}</th>
  77       <th class='crm-group-created_by'>{ts}Created By{/ts}</th>
  78       <th class='crm-group-description'>{ts}Description{/ts}</th>
  79       <th class='crm-group-group_type'>{ts}Group Type{/ts}</th>
  80       <th class='crm-group-visibility'>{ts}Visibility{/ts}</th>
  81       {if $showOrgInfo}
  82       <th class='crm-group-org_info'>{ts}Organization{/ts}</th>
  83       {/if}
  84       <th class='crm-group-group_links nosort'>&nbsp;</th>
  85       <th class='hiddenElement'>&nbsp;</th>
  86     </tr>
  87   </thead>
  88 </table>
  89
  90 {* handle enable/disable actions*}
  91 {include file="CRM/common/enableDisableApi.tpl"}
  92 {include file="CRM/common/crmeditable.tpl"}
  93
  94 {literal}
  95 <script type="text/javascript">
  96 CRM.$(function($) {
  97   // for CRM-11310 and CRM-10635 : processing just parent groups on initial display
  98   // passing '1' for parentsOnlyArg to show parent child heirarchy structure display
  99   // on initial load of manage group page and
 100   // also to handle search filtering for initial load of same page.
 101   buildGroupSelector(true, 1);
 102   $('#_qf_Search_refresh').click( function() {
 103     buildGroupSelector( true );
 104   });
 105   // Add livePage functionality
 106   $('#crm-container')
 107     .on('click', 'a.button, a.action-item[href*="action=update"], a.action-item[href*="action=delete"]', CRM.popup)
 108     .on('crmPopupFormSuccess', 'a.button, a.action-item[href*="action=update"], a.action-item[href*="action=delete"]', function() {
 109         // Refresh datatable when form completes
 110         var $context = $('#crm-main-content-wrapper');
 111         $('table.crm-group-selector', $context).dataTable().fnDraw();
 112     });
 113
 114   function buildGroupSelector( filterSearch, parentsOnlyArg ) {
 115     if ( filterSearch ) {
 116       if (typeof crmGroupSelector !== 'undefined') {
 117         crmGroupSelector.fnDestroy();
 118       }
 119       var parentsOnly = 0;
 120       var ZeroRecordText = '<div class="status messages">{/literal}{ts escape="js"}No matching Groups found for your search criteria. Suggestions:{/ts}{literal}<div class="spacer"></div><ul><li>{/literal}{ts escape="js"}Check your spelling.{/ts}{literal}</li><li>{/literal}{ts escape="js"}Try a different spelling or use fewer letters.{/ts}{literal}</li><li>{/literal}{ts escape="js"}Make sure you have enough privileges in the access control system.{/ts}{literal}</li></ul></div>';
 121     } else {
 122         var parentsOnly = 1;
 123         var ZeroRecordText = {/literal}'{ts escape="js"}<div class="status messages">No Groups have been created for this site.{/ts}</div>'{literal};
 124     }
 125
 126     // this argument should only be used on initial display i.e onPageLoad
 127     if (typeof parentsOnlyArg !== 'undefined') {
 128       parentsOnly = parentsOnlyArg;
 129     }
 130
 131     var columns = '';
 132     var sourceUrl = {/literal}'{crmURL p="civicrm/ajax/grouplist" h=0 q="snippet=4"}'{literal};
 133     var showOrgInfo = {/literal}"{$showOrgInfo}"{literal};
 134     var $context = $('#crm-main-content-wrapper');
 135
 136     crmGroupSelector = $('table.crm-group-selector', $context).dataTable({
 137         "bFilter"    : false,
 138         "bAutoWidth" : false,
 139         "aaSorting"  : [],
 140         "aoColumns"  : [
 141                         {sClass:'crm-group-name'},
 142                         {sClass:'crm-group-count'},
 143                         {sClass:'crm-group-created_by'},
 144                         {sClass:'crm-group-description', bSortable:false},
 145                         {sClass:'crm-group-group_type'},
 146                         {sClass:'crm-group-visibility'},
 147                         {sClass:'crm-group-group_links', bSortable:false},
 148                         {/literal}{if $showOrgInfo}{literal}
 149                         {sClass:'crm-group-org_info', bSortable:false},
 150                         {/literal}{/if}{literal}
 151                         {sClass:'hiddenElement', bSortable:false}
 152                        ],
 153         "bProcessing": true,
 154         "asStripClasses" : [ "odd-row", "even-row" ],
 155         "sPaginationType": "full_numbers",
 156         "sDom"       : '<"crm-datatable-pager-top"lfp>rt<"crm-datatable-pager-bottom"ip>',
 157         "bServerSide": true,
 158         "bJQueryUI": true,
 159         "sAjaxSource": sourceUrl,
 160         "iDisplayLength": 25,
 161         "oLanguage": { "sZeroRecords":  ZeroRecordText,
 162                        "sProcessing":    {/literal}"{ts escape='js'}Processing...{/ts}"{literal},
 163                        "sLengthMenu":    {/literal}"{ts escape='js'}Show _MENU_ entries{/ts}"{literal},
 164                        "sInfo":          {/literal}"{ts escape='js'}Showing _START_ to _END_ of _TOTAL_ entries{/ts}"{literal},
 165                        "sInfoEmpty":     {/literal}"{ts escape='js'}Showing 0 to 0 of 0 entries{/ts}"{literal},
 166                        "sInfoFiltered":  {/literal}"{ts escape='js'}(filtered from _MAX_ total entries){/ts}"{literal},
 167                        "sSearch":        {/literal}"{ts escape='js'}Search:{/ts}"{literal},
 168                        "oPaginate": {
 169                             "sFirst":    {/literal}"{ts escape='js'}First{/ts}"{literal},
 170                             "sPrevious": {/literal}"{ts escape='js'}Previous{/ts}"{literal},
 171                             "sNext":     {/literal}"{ts escape='js'}Next{/ts}"{literal},
 172                             "sLast":     {/literal}"{ts escape='js'}Last{/ts}"{literal}
 173                         }
 174                     },
 175         "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
 176           var id = $('td:last', nRow).text().split(',')[0];
 177           var cl = $('td:last', nRow).text().split(',')[1];
 178           $(nRow).addClass(cl).attr({id: 'row_' + id, 'data-id': id, 'data-entity': 'group'});
 179           $('td:eq(0)', nRow).wrapInner('<span class="crm-editable crmf-title" />');
 180           $('td:eq(1)', nRow).addClass('right');
 181           $('td:eq(3)', nRow).wrapInner('<span class="crm-editable crmf-description" data-type="textarea" />');
 182           if (parentsOnly) {
 183             if ($(nRow).hasClass('crm-group-parent')) {
 184               $(nRow).find('td:first').prepend('{/literal}<span class="collapsed show-children" title="{ts}show child groups{/ts}"/></span>{literal}');
 185             }
 186           }
 187           return nRow;
 188         },
 189         "fnDrawCallback": function() {
 190           $('.crm-editable').crmEditable();
 191         },
 192         "fnServerData": function ( sSource, aoData, fnCallback ) {
 193             aoData.push( {name:'showOrgInfo', value: showOrgInfo },
 194                          {name:'parentsOnly', value: parentsOnly }
 195                        );
 196             if ( filterSearch ) {
 197                 var groupTypes = '';
 198                 $('#group_type-block input').each(function(index) {
 199                 if ($(this).prop('checked')) {
 200                   if (groupTypes) {
 201                     groupTypes = groupTypes + ',' + $(this).attr('id').substr(11);
 202                   }
 203                   else {
 204                     groupTypes = $(this).attr('id').substr(11);
 205                   }
 206                 }
 207                 });
 208
 209                 var groupStatus = '';
 210                 if ( $('.crm-group-search-form-block #group_status_1').prop('checked') ) {
 211                     groupStatus = '1';
 212                 }
 213
 214                 if ( $('.crm-group-search-form-block #group_status_2').prop('checked') ) {
 215                     if ( groupStatus ) {
 216                         groupStatus = '3';
 217                     } else {
 218                         groupStatus = '2';
 219                     }
 220                 }
 221
 222                 aoData.push(
 223                     {name:'title', value: $('.crm-group-search-form-block #title').val()},
 224                     {name:'created_by', value: $('.crm-group-search-form-block #created_by').val()},
 225                     {name:'group_type', value: groupTypes },
 226                     {name:'visibility', value: $('.crm-group-search-form-block #visibility').val()},
 227                     {name:'status', value: groupStatus }
 228                 );
 229             }
 230             $.ajax( {
 231                 "dataType": 'json',
 232                 "type": "POST",
 233                 "url": sSource,
 234                 "data": aoData,
 235                 "success": fnCallback
 236             } );
 237         }
 238     });
 239   }
 240
 241   // show hide children
 242   var $context = $('#crm-main-content-wrapper');
 243   $('table.crm-group-selector', $context).on( 'click', 'span.show-children', function(){
 244     var showOrgInfo = {/literal}"{$showOrgInfo}"{literal};
 245     var rowID = $(this).parents('tr').prop('id');
 246     var parentRow = rowID.split('_');
 247     var parent_id = parentRow[1];
 248     var group_id = '';
 249     if ( parentRow[2]) {
 250       group_id = parentRow[2];
 251     }
 252     var levelClass = 'level_2';
 253     // check enclosing td if already at level 2
 254     if ( $(this).parent().hasClass('level_2') ) {
 255       levelClass = 'level_3';
 256     }
 257     if ( $(this).hasClass('collapsed') ) {
 258       $(this).removeClass("collapsed").addClass("expanded").attr("title",{/literal}"{ts escape='js'}hide child groups{/ts}"{literal});
 259       showChildren( parent_id, showOrgInfo, group_id, levelClass );
 260     }
 261     else {
 262       $(this).removeClass("expanded").addClass("collapsed").attr("title",{/literal}"{ts escape='js'}show child groups{/ts}"{literal});
 263       $('.parent_is_' + parent_id).find('.show-children').removeClass("expanded").addClass("collapsed").attr("title",{/literal}"{ts escape='js'}show child groups{/ts}"{literal});
 264       $('.parent_is_' + parent_id).hide();
 265       $('.parent_is_' + parent_id).each(function(i, obj) {
 266         // also hide children of children
 267         var gID = $(this).find('td:nth-child(2)').text();
 268         $('.parent_is_' + gID).hide();
 269       });
 270     }
 271   });
 272   function showChildren( parent_id, showOrgInfo, group_id, levelClass) {
 273     var rowID = '#row_' + parent_id;
 274     if ( group_id ) {
 275       rowID = '#row_' + parent_id + '_' + group_id;
 276     }
 277     if ( $(rowID).next().hasClass('parent_is_' + parent_id ) ) {
 278       // child rows for this parent have already been retrieved so just show them
 279       $('.parent_is_' + parent_id ).show();
 280     } else {
 281       var sourceUrl = {/literal}'{crmURL p="civicrm/ajax/grouplist" h=0 q="snippet=4"}'{literal};
 282       $.ajax( {
 283           "dataType": 'json',
 284           "url": sourceUrl,
 285           "data": {'parent_id': parent_id, 'showOrgInfo': showOrgInfo},
 286           "success": function(response){
 287             var appendHTML = '';
 288             $.each( response, function( i, val ) {
 289               appendHTML += '<tr id="row_'+ val.group_id +'_'+parent_id+'" data-entity="group" data-id="'+ val.group_id +'" class="parent_is_' + parent_id + ' crm-row-child ' + val.class.split(',')[1] + '">';
 290               if ( val.is_parent ) {
 291                 appendHTML += '<td class="crm-group-name ' + levelClass + '">' + '{/literal}<span class="collapsed show-children" title="{ts}show child groups{/ts}"/></span>{literal}<span class="crm-editable crmf-title">' + val.group_name + '</span></td>';
 292               }
 293               else {
 294                 appendHTML += '<td class="crm-group-name ' + levelClass + '"><span class="crm-no-children"></span><span class="crm-editable crmf-title">' + val.group_name + '</span></td>';
 295               }
 296               appendHTML += '<td class="right">' + val.count + "</td>";
 297               appendHTML += "<td>" + val.created_by + "</td>";
 298               appendHTML += '<td><span class="crm-editable crmf-description" data-type="textarea">' + (val.group_description || '') + "</span></td>";
 299               appendHTML += "<td>" + val.group_type + "</td>";
 300               appendHTML += "<td>" + val.visibility + "</td>";
 301               if (showOrgInfo) {
 302                 appendHTML += "<td>" + val.org_info + "</td>";
 303               }
 304               appendHTML += "<td>" + val.links + "</td>";
 305               appendHTML += "</tr>";
 306             });
 307             $( rowID ).after( appendHTML );
 308             $( rowID ).next().trigger('crmLoad');
 309             $('.crm-editable').crmEditable();
 310           }
 311       });
 312     }
 313   }
 314 });
 315
 316 </script>
 317 {/literal}