Commit | Line | Data |
---|---|---|
6a488035 TO |
1 | {* |
2 | +--------------------------------------------------------------------+ | |
232624b1 | 3 | | CiviCRM version 4.4 | |
6a488035 TO |
4 | +--------------------------------------------------------------------+ |
5 | | Copyright CiviCRM LLC (c) 2004-2013 | | |
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> | |
e26be6fb | 45 | <td id="group_type-block"> |
6a488035 TO |
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 id="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'> </th> | |
83 | <th class='hiddenElement'> </th> | |
84 | </tr> | |
85 | </thead> | |
86 | </table> | |
87 | ||
88 | {* handle enable/disable actions*} | |
4d17a233 CW |
89 | {include file="CRM/common/enableDisableApi.tpl"} |
90 | {include file="CRM/common/crmeditable.tpl"} | |
6a488035 TO |
91 | |
92 | {literal} | |
93 | <script type="text/javascript"> | |
7d644ac8 | 94 | cj(function($) { |
151c3d15 PJ |
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); | |
7d644ac8 | 100 | $('#_qf_Search_refresh').click( function() { |
6a488035 TO |
101 | buildGroupSelector( true ); |
102 | }); | |
7d644ac8 CW |
103 | // Add livePage functionality |
104 | $('#crm-container').on('click', 'a.button, a.action-item[href*="action=update"], a.action-item[href*="action=delete"]', function() { | |
6f6d2baf CW |
105 | CRM.loadForm($(this).attr('href')) |
106 | .on('crmFormSuccess', function(e, data) { | |
7d644ac8 CW |
107 | // Refresh datatable when form completes |
108 | $('#crm-group-selector').dataTable().fnDraw(); | |
109 | }); | |
110 | return false; | |
111 | }); | |
6a488035 TO |
112 | }); |
113 | ||
151c3d15 | 114 | function buildGroupSelector( filterSearch, parentsOnlyArg ) { |
6a488035 | 115 | if ( filterSearch ) { |
6ac0bdde PJ |
116 | if (typeof crmGroupSelector !== 'undefined') { |
117 | crmGroupSelector.fnDestroy(); | |
118 | } | |
6a488035 TO |
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 | ||
151c3d15 PJ |
126 | // this argument should only be used on initial display i.e onPageLoad |
127 | if (typeof parentsOnlyArg !== 'undefined') { | |
128 | parentsOnly = parentsOnlyArg; | |
129 | } | |
130 | ||
6a488035 TO |
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 | ||
135 | crmGroupSelector = cj('#crm-group-selector').dataTable({ | |
136 | "bFilter" : false, | |
137 | "bAutoWidth" : false, | |
138 | "aaSorting" : [], | |
139 | "aoColumns" : [ | |
140 | {sClass:'crm-group-name'}, | |
141 | {sClass:'crm-group-group_id'}, | |
142 | {sClass:'crm-group-created_by'}, | |
143 | {sClass:'crm-group-description', bSortable:false}, | |
144 | {sClass:'crm-group-group_type'}, | |
145 | {sClass:'crm-group-visibility'}, | |
146 | {sClass:'crm-group-group_links', bSortable:false}, | |
147 | {/literal}{if $showOrgInfo}{literal} | |
148 | {sClass:'crm-group-org_info', bSortable:false}, | |
149 | {/literal}{/if}{literal} | |
150 | {sClass:'hiddenElement', bSortable:false} | |
151 | ], | |
152 | "bProcessing": true, | |
153 | "asStripClasses" : [ "odd-row", "even-row" ], | |
154 | "sPaginationType": "full_numbers", | |
155 | "sDom" : '<"crm-datatable-pager-top"lfp>rt<"crm-datatable-pager-bottom"ip>', | |
156 | "bServerSide": true, | |
157 | "bJQueryUI": true, | |
158 | "sAjaxSource": sourceUrl, | |
159 | "iDisplayLength": 25, | |
160 | "oLanguage": { "sZeroRecords": ZeroRecordText, | |
161 | "sProcessing": {/literal}"{ts escape='js'}Processing...{/ts}"{literal}, | |
162 | "sLengthMenu": {/literal}"{ts escape='js'}Show _MENU_ entries{/ts}"{literal}, | |
163 | "sInfo": {/literal}"{ts escape='js'}Showing _START_ to _END_ of _TOTAL_ entries{/ts}"{literal}, | |
164 | "sInfoEmpty": {/literal}"{ts escape='js'}Showing 0 to 0 of 0 entries{/ts}"{literal}, | |
165 | "sInfoFiltered": {/literal}"{ts escape='js'}(filtered from _MAX_ total entries){/ts}"{literal}, | |
166 | "sSearch": {/literal}"{ts escape='js'}Search:{/ts}"{literal}, | |
167 | "oPaginate": { | |
168 | "sFirst": {/literal}"{ts escape='js'}First{/ts}"{literal}, | |
169 | "sPrevious": {/literal}"{ts escape='js'}Previous{/ts}"{literal}, | |
170 | "sNext": {/literal}"{ts escape='js'}Next{/ts}"{literal}, | |
171 | "sLast": {/literal}"{ts escape='js'}Last{/ts}"{literal} | |
172 | } | |
173 | }, | |
7d644ac8 CW |
174 | "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { |
175 | var id = cj('td:eq(1)', nRow).text(); | |
176 | cj(nRow).addClass('crm-entity').attr('data-entity', 'group').attr('data-id', id); | |
177 | cj('td:eq(0)', nRow).wrapInner('<span class="crm-editable crmf-name" />'); | |
178 | cj('td:eq(3)', nRow).wrapInner('<span class="crm-editable crmf-description" data-type="textarea" />'); | |
179 | return nRow; | |
180 | }, | |
181 | "fnDrawCallback": function() { | |
182 | setSelectorClass( parentsOnly, showOrgInfo ); | |
183 | cj('.crm-editable').crmEditable(); | |
184 | }, | |
6a488035 TO |
185 | "fnServerData": function ( sSource, aoData, fnCallback ) { |
186 | aoData.push( {name:'showOrgInfo', value: showOrgInfo }, | |
187 | {name:'parentsOnly', value: parentsOnly } | |
188 | ); | |
189 | if ( filterSearch ) { | |
190 | var groupTypes = ''; | |
e26be6fb PJ |
191 | cj('#group_type-block input').each(function(index) { |
192 | if (cj(this).prop('checked')) { | |
193 | if (groupTypes) { | |
194 | groupTypes = groupTypes + ',' + cj(this).attr('id').substr(11); | |
195 | } | |
196 | else { | |
197 | groupTypes = cj(this).attr('id').substr(11); | |
198 | } | |
6a488035 | 199 | } |
e26be6fb | 200 | }); |
6a488035 TO |
201 | |
202 | var groupStatus = ''; | |
203 | if ( cj('.crm-group-search-form-block #group_status_1').prop('checked') ) { | |
204 | groupStatus = '1'; | |
205 | } | |
206 | ||
207 | if ( cj('.crm-group-search-form-block #group_status_2').prop('checked') ) { | |
208 | if ( groupStatus ) { | |
209 | groupStatus = '3'; | |
210 | } else { | |
211 | groupStatus = '2'; | |
212 | } | |
213 | } | |
214 | ||
215 | aoData.push( | |
216 | {name:'title', value: cj('.crm-group-search-form-block #title').val()}, | |
217 | {name:'created_by', value: cj('.crm-group-search-form-block #created_by').val()}, | |
218 | {name:'group_type', value: groupTypes }, | |
219 | {name:'visibility', value: cj('.crm-group-search-form-block #visibility').val()}, | |
220 | {name:'status', value: groupStatus } | |
221 | ); | |
222 | } | |
223 | cj.ajax( { | |
224 | "dataType": 'json', | |
225 | "type": "POST", | |
226 | "url": sSource, | |
227 | "data": aoData, | |
228 | "success": fnCallback | |
229 | } ); | |
230 | } | |
231 | }); | |
232 | } | |
233 | ||
234 | function setSelectorClass( parentsOnly, showOrgInfo ) { | |
235 | cj('#crm-group-selector tr').each( function( ) { | |
236 | var className = cj(this).find('td:last-child').text(); | |
237 | cj(this).addClass( className ); | |
238 | var rowID = cj(this).find('td:nth-child(2)').text(); | |
239 | cj(this).prop( 'id', 'row_' + rowID ); | |
240 | if (parentsOnly) { | |
241 | if ( cj(this).hasClass('crm-group-parent') ) { | |
242 | cj(this).find('td:first').prepend('{/literal}<span class="collapsed show-children" title="{ts}show child groups{/ts}"/></span>{literal}'); | |
243 | } | |
244 | } | |
245 | }); | |
246 | } | |
247 | ||
248 | // show hide children | |
249 | cj('#crm-group-selector').on( 'click', 'span.show-children', function(){ | |
250 | var showOrgInfo = {/literal}"{$showOrgInfo}"{literal}; | |
251 | var rowID = cj(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 ( cj(this).parent().hasClass('level_2') ) { | |
261 | levelClass = 'level_3'; | |
262 | } | |
263 | if ( cj(this).hasClass('collapsed') ) { | |
264 | cj(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 | cj(this).removeClass("expanded").addClass("collapsed").attr("title",{/literal}"{ts escape='js'}show child groups{/ts}"{literal}); | |
269 | cj('.parent_is_' + parent_id).find('.show-children').removeClass("expanded").addClass("collapsed").attr("title",{/literal}"{ts escape='js'}show child groups{/ts}"{literal}); | |
270 | cj('.parent_is_' + parent_id).hide(); | |
271 | cj('.parent_is_' + parent_id).each(function(i, obj) { | |
272 | // also hide children of children | |
273 | var gID = cj(this).find('td:nth-child(2)').text(); | |
274 | cj('.parent_is_' + gID).hide(); | |
275 | }); | |
276 | } | |
277 | }); | |
278 | ||
279 | function showChildren( parent_id, showOrgInfo, group_id, levelClass) { | |
280 | var rowID = '#row_' + parent_id; | |
281 | if ( group_id ) { | |
282 | rowID = '#row_' + parent_id + '_' + group_id; | |
283 | } | |
284 | if ( cj(rowID).next().hasClass('parent_is_' + parent_id ) ) { | |
285 | // child rows for this parent have already been retrieved so just show them | |
286 | cj('.parent_is_' + parent_id ).show(); | |
287 | } else { | |
288 | var sourceUrl = {/literal}'{crmURL p="civicrm/ajax/grouplist" h=0 q="snippet=4"}'{literal}; | |
289 | cj.ajax( { | |
290 | "dataType": 'json', | |
291 | "url": sourceUrl, | |
292 | "data": {'parent_id': parent_id, 'showOrgInfo': showOrgInfo}, | |
293 | "success": function(response){ | |
294 | var appendHTML = ''; | |
295 | cj.each( response, function( i, val ) { | |
7d644ac8 | 296 | 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 + '">'; |
6a488035 | 297 | if ( val.is_parent ) { |
7d644ac8 | 298 | 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>'; |
6a488035 TO |
299 | } |
300 | else { | |
7d644ac8 | 301 | appendHTML += '<td class="crm-group-name ' + levelClass + '"><span class="crm-no-children"></span><span class="crm-editable crmf-name">' + val.group_name + '</span></td>'; |
6a488035 TO |
302 | } |
303 | appendHTML += "<td>" + val.group_id + "</td>"; | |
304 | appendHTML += "<td>" + val.created_by + "</td>"; | |
7d644ac8 | 305 | appendHTML += '<td><span class="crm-editable crmf-description" data-type="textarea">' + (val.group_description || '') + "</span></td>"; |
6a488035 TO |
306 | appendHTML += "<td>" + val.group_type + "</td>"; |
307 | appendHTML += "<td>" + val.visibility + "</td>"; | |
995d35d9 DG |
308 | if (showOrgInfo) { |
309 | appendHTML += "<td>" + val.org_info + "</td>"; | |
310 | } | |
6a488035 TO |
311 | appendHTML += "<td>" + val.links + "</td>"; |
312 | appendHTML += "</tr>"; | |
313 | }); | |
314 | cj( rowID ).after( appendHTML ); | |
7d644ac8 | 315 | cj('.crm-editable').crmEditable(); |
6a488035 TO |
316 | } |
317 | } ); | |
318 | } | |
319 | } | |
320 | ||
321 | </script> | |
322 | {/literal} |