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 <br/>
  70 <table class="crm-group-selector">
  71   <thead>
  72     <tr>
  73       <th class='crm-group-name'>{ts}Name{/ts}</th>
  74       <th class='crm-group-group_id'>{ts}ID{/ts}</th>
  75       <th class='crm-group-created_by'>{ts}Created By{/ts}</th>
  76       <th class='crm-group-description'>{ts}Description{/ts}</th>
  77       <th class='crm-group-group_type'>{ts}Group Type{/ts}</th>
  78       <th class='crm-group-visibility'>{ts}Visibility{/ts}</th>
  79       {if $showOrgInfo}
  80       <th class='crm-group-org_info'>{ts}Organization{/ts}</th>
  81       {/if}
  82       <th class='crm-group-group_links nosort'>&nbsp;</th>
  83       <th class='hiddenElement'>&nbsp;</th>
  84     </tr>
  85   </thead>
  86 </table>
  87
  88 {* handle enable/disable actions*}
  89 {include file="CRM/common/enableDisableApi.tpl"}
  90 {include file="CRM/common/crmeditable.tpl"}
  91
  92 {literal}
  93 <script type="text/javascript">
  94 CRM.$(function($) {
  95   // for CRM-11310 and CRM-10635 : processing just parent groups on initial display
  96   // passing '1' for parentsOnlyArg to show parent child heirarchy structure display
  97   // on initial load of manage group page and
  98   // also to handle search filtering for initial load of same page.
  99   buildGroupSelector(true, 1);
 100   $('#_qf_Search_refresh').click( function() {
 101     buildGroupSelector( true );
 102   });
 103   // Add livePage functionality
 104   $('#crm-container')
 105     .on('click', 'a.button, a.action-item[href*="action=update"], a.action-item[href*="action=delete"]', CRM.popup)
 106     .on('crmPopupFormSuccess', 'a.button, a.action-item[href*="action=update"], a.action-item[href*="action=delete"]', function() {
 107         // Refresh datatable when form completes
 108         var $context = $('#crm-main-content-wrapper');
 109         $('table.crm-group-selector',$context ).dataTable().fnDraw();
 110     });
 111
 112   function buildGroupSelector( filterSearch, parentsOnlyArg ) {
 113     if ( filterSearch ) {
 114       if (typeof crmGroupSelector !== 'undefined') {
 115         crmGroupSelector.fnDestroy();
 116       }
 117       var parentsOnly = 0;
 118       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>';
 119     } else {
 120         var parentsOnly = 1;
 121         var ZeroRecordText = {/literal}'{ts escape="js"}<div class="status messages">No Groups have been created for this site.{/ts}</div>'{literal};
 122     }
 123
 124     // this argument should only be used on initial display i.e onPageLoad
 125     if (typeof parentsOnlyArg !== 'undefined') {
 126       parentsOnly = parentsOnlyArg;
 127     }
 128
 129     var columns = '';
 130     var sourceUrl = {/literal}'{crmURL p="civicrm/ajax/grouplist" h=0 q="snippet=4"}'{literal};
 131     var showOrgInfo = {/literal}"{$showOrgInfo}"{literal};
 132     var $context = $('#crm-main-content-wrapper');
 133
 134     crmGroupSelector = $('table.crm-group-selector', $context).dataTable({
 135         "bFilter"    : false,
 136         "bAutoWidth" : false,
 137         "aaSorting"  : [],
 138         "aoColumns"  : [
 139                         {sClass:'crm-group-name'},
 140                         {sClass:'crm-group-group_id'},
 141                         {sClass:'crm-group-created_by'},
 142                         {sClass:'crm-group-description', bSortable:false},
 143                         {sClass:'crm-group-group_type'},
 144                         {sClass:'crm-group-visibility'},
 145                         {sClass:'crm-group-group_links', bSortable:false},
 146                         {/literal}{if $showOrgInfo}{literal}
 147                         {sClass:'crm-group-org_info', bSortable:false},
 148                         {/literal}{/if}{literal}
 149                         {sClass:'hiddenElement', bSortable:false}
 150                        ],
 151         "bProcessing": true,
 152         "asStripClasses" : [ "odd-row", "even-row" ],
 153         "sPaginationType": "full_numbers",
 154         "sDom"       : '<"crm-datatable-pager-top"lfp>rt<"crm-datatable-pager-bottom"ip>',
 155         "bServerSide": true,
 156         "bJQueryUI": true,
 157         "sAjaxSource": sourceUrl,
 158         "iDisplayLength": 25,
 159         "oLanguage": { "sZeroRecords":  ZeroRecordText,
 160                        "sProcessing":    {/literal}"{ts escape='js'}Processing...{/ts}"{literal},
 161                        "sLengthMenu":    {/literal}"{ts escape='js'}Show _MENU_ entries{/ts}"{literal},
 162                        "sInfo":          {/literal}"{ts escape='js'}Showing _START_ to _END_ of _TOTAL_ entries{/ts}"{literal},
 163                        "sInfoEmpty":     {/literal}"{ts escape='js'}Showing 0 to 0 of 0 entries{/ts}"{literal},
 164                        "sInfoFiltered":  {/literal}"{ts escape='js'}(filtered from _MAX_ total entries){/ts}"{literal},
 165                        "sSearch":        {/literal}"{ts escape='js'}Search:{/ts}"{literal},
 166                        "oPaginate": {
 167                             "sFirst":    {/literal}"{ts escape='js'}First{/ts}"{literal},
 168                             "sPrevious": {/literal}"{ts escape='js'}Previous{/ts}"{literal},
 169                             "sNext":     {/literal}"{ts escape='js'}Next{/ts}"{literal},
 170                             "sLast":     {/literal}"{ts escape='js'}Last{/ts}"{literal}
 171                         }
 172                     },
 173         "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
 174           var id = $('td:eq(1)', nRow).text();
 175           $(nRow).addClass('crm-entity').attr('data-entity', 'group').attr('data-id', id);
 176           $('td:eq(0)', nRow).wrapInner('<span class="crm-editable crmf-name" />');
 177           $('td:eq(3)', nRow).wrapInner('<span class="crm-editable crmf-description" data-type="textarea" />');
 178           return nRow;
 179         },
 180         "fnDrawCallback": function() {
 181           setSelectorClass( parentsOnly, showOrgInfo );
 182           $('.crm-editable').crmEditable();
 183         },
 184         "fnServerData": function ( sSource, aoData, fnCallback ) {
 185             aoData.push( {name:'showOrgInfo', value: showOrgInfo },
 186                          {name:'parentsOnly', value: parentsOnly }
 187                        );
 188             if ( filterSearch ) {
 189                 var groupTypes = '';
 190                 $('#group_type-block input').each(function(index) {
 191                 if ($(this).prop('checked')) {
 192                   if (groupTypes) {
 193                     groupTypes = groupTypes + ',' + $(this).attr('id').substr(11);
 194                   }
 195                   else {
 196                     groupTypes = $(this).attr('id').substr(11);
 197                   }
 198                 }
 199                 });
 200
 201                 var groupStatus = '';
 202                 if ( $('.crm-group-search-form-block #group_status_1').prop('checked') ) {
 203                     groupStatus = '1';
 204                 }
 205
 206                 if ( $('.crm-group-search-form-block #group_status_2').prop('checked') ) {
 207                     if ( groupStatus ) {
 208                         groupStatus = '3';
 209                     } else {
 210                         groupStatus = '2';
 211                     }
 212                 }
 213
 214                 aoData.push(
 215                     {name:'title', value: $('.crm-group-search-form-block #title').val()},
 216                     {name:'created_by', value: $('.crm-group-search-form-block #created_by').val()},
 217                     {name:'group_type', value: groupTypes },
 218                     {name:'visibility', value: $('.crm-group-search-form-block #visibility').val()},
 219                     {name:'status', value: groupStatus }
 220                 );
 221             }
 222             $.ajax( {
 223                 "dataType": 'json',
 224                 "type": "POST",
 225                 "url": sSource,
 226                 "data": aoData,
 227                 "success": fnCallback
 228             } );
 229         }
 230     });
 231   }
 232
 233   function setSelectorClass( parentsOnly, showOrgInfo ) {
 234     var $context = $('#crm-main-content-wrapper');
 235     $('table.crm-group-selector tr', $context).each( function( ) {
 236       var className = $(this).find('td:last-child').text();
 237       $(this).addClass( className );
 238       var rowID = $(this).find('td:nth-child(2)').text();
 239       $(this).prop( 'id', 'row_' + rowID );
 240       if (parentsOnly) {
 241         if ( $(this).hasClass('crm-group-parent') ) {
 242           $(this).find('td:first').prepend('{/literal}<span class="collapsed show-children" title="{ts}show child groups{/ts}"/></span>{literal}');
 243         }
 244       }
 245     });
 246   }
 247   // show hide children
 248   var $context = $('#crm-main-content-wrapper');
 249   $('table.crm-group-selector', $context).on( 'click', 'span.show-children', function(){
 250     var showOrgInfo = {/literal}"{$showOrgInfo}"{literal};
 251     var rowID = $(this).parents('tr').prop('id');
 252     var parentRow = rowID.split('_');
 253     var parent_id = parentRow[1];
 254     var group_id = '';
 255     if ( parentRow[2]) {
 256       group_id = parentRow[2];
 257     }
 258     var levelClass = 'level_2';
 259     // check enclosing td if already at level 2
 260     if ( $(this).parent().hasClass('level_2') ) {
 261       levelClass = 'level_3';
 262     }
 263     if ( $(this).hasClass('collapsed') ) {
 264       $(this).removeClass("collapsed").addClass("expanded").attr("title",{/literal}"{ts escape='js'}hide child groups{/ts}"{literal});
 265       showChildren( parent_id, showOrgInfo, group_id, levelClass );
 266     }
 267     else {
 268       $(this).removeClass("expanded").addClass("collapsed").attr("title",{/literal}"{ts escape='js'}show child groups{/ts}"{literal});
 269       $('.parent_is_' + parent_id).find('.show-children').removeClass("expanded").addClass("collapsed").attr("title",{/literal}"{ts escape='js'}show child groups{/ts}"{literal});
 270       $('.parent_is_' + parent_id).hide();
 271       $('.parent_is_' + parent_id).each(function(i, obj) {
 272         // also hide children of children
 273         var gID = $(this).find('td:nth-child(2)').text();
 274         $('.parent_is_' + gID).hide();
 275       });
 276     }
 277   });
 278   function showChildren( parent_id, showOrgInfo, group_id, levelClass) {
 279     var rowID = '#row_' + parent_id;
 280     if ( group_id ) {
 281       rowID = '#row_' + parent_id + '_' + group_id;
 282     }
 283     if ( $(rowID).next().hasClass('parent_is_' + parent_id ) ) {
 284       // child rows for this parent have already been retrieved so just show them
 285       $('.parent_is_' + parent_id ).show();
 286     } else {
 287       var sourceUrl = {/literal}'{crmURL p="civicrm/ajax/grouplist" h=0 q="snippet=4"}'{literal};
 288       $.ajax( {
 289           "dataType": 'json',
 290           "url": sourceUrl,
 291           "data": {'parent_id': parent_id, 'showOrgInfo': showOrgInfo},
 292           "success": function(response){
 293             var appendHTML = '';
 294             $.each( response, function( i, val ) {
 295               appendHTML += '<tr id="row_'+ val.group_id +'_'+parent_id+'" data-entity="group" data-id="'+ val.group_id +'" class="crm-entity parent_is_' + parent_id + ' crm-row-child ' + val.class + '">';
 296               if ( val.is_parent ) {
 297                 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-name">' + val.group_name + '</span></td>';
 298               }
 299               else {
 300                 appendHTML += '<td class="crm-group-name ' + levelClass + '"><span class="crm-no-children"></span><span class="crm-editable crmf-name">' + val.group_name + '</span></td>';
 301               }
 302               appendHTML += "<td>" + val.group_id + "</td>";
 303               appendHTML += "<td>" + val.created_by + "</td>";
 304               appendHTML += '<td><span class="crm-editable crmf-description" data-type="textarea">' + (val.group_description || '') + "</span></td>";
 305               appendHTML += "<td>" + val.group_type + "</td>";
 306               appendHTML += "<td>" + val.visibility + "</td>";
 307               if (showOrgInfo) {
 308                 appendHTML += "<td>" + val.org_info + "</td>";
 309               }
 310               appendHTML += "<td>" + val.links + "</td>";
 311               appendHTML += "</tr>";
 312             });
 313             $( rowID ).after( appendHTML );
 314             $( rowID ).next().trigger('crmLoad');
 315             $('.crm-editable').crmEditable();
 316           }
 317       });
 318     }
 319   }
 320 });
 321
 322 </script>
 323 {/literal}