CRM-13929 - Centralize and simplify radio clear widget
[civicrm-core.git] / templates / CRM / Admin / Form / ScheduleReminders.tpl
1 {*
2 +--------------------------------------------------------------------+
3 | CiviCRM version 4.4 |
4 +--------------------------------------------------------------------+
5 | Copyright (C) 2011 Marty Wright |
6 | Licensed to CiviCRM under the Academic Free License version 3.0. |
7 +--------------------------------------------------------------------+
8 | This file is a part of CiviCRM. |
9 | |
10 | CiviCRM is free software; you can copy, modify, and distribute it |
11 | under the terms of the GNU Affero General Public License |
12 | Version 3, 19 November 2007 and the CiviCRM Licensing Exception. |
13 | |
14 | CiviCRM is distributed in the hope that it will be useful, but |
15 | WITHOUT ANY WARRANTY; without even the implied warranty of |
16 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
17 | See the GNU Affero General Public License for more details. |
18 | |
19 | You should have received a copy of the GNU Affero General Public |
20 | License and the CiviCRM Licensing Exception along |
21 | with this program; if not, contact CiviCRM LLC |
22 | at info[AT]civicrm[DOT]org. If you have questions about the |
23 | GNU Affero General Public License or the licensing of CiviCRM, |
24 | see the CiviCRM license FAQ at http://civicrm.org/licensing |
25 +--------------------------------------------------------------------+
26 *}
27 {* This template is used for adding/scheduling reminders. *}
28 <div class="crm-block crm-form-block crm-scheduleReminder-form-block">
29 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
30
31 {if $action eq 8}
32 <div class="messages status no-popup">
33 <div class="icon inform-icon"></div>
34 {ts 1=$reminderName}WARNING: You are about to delete the Reminder titled <strong>%1</strong>.{/ts} {ts}Do you want to continue?{/ts}
35 </div>
36 {else}
37 {* added onload javascript for source contact*}
38 {literal}
39 <script type="text/javascript">
40 var recipient_manual = '';
41 var recipient_manual_id = null;
42 var toDataUrl = "{/literal}{crmURL p='civicrm/ajax/checkemail' q='id=1&noemail=1' h=0 }{literal}"; {/literal}
43
44 {if $recipients}
45 {foreach from=$recipients key=id item=name}
46 {literal} recipient_manual += '{"name":"'+{/literal}"{$name}"{literal}+'","id":"'+{/literal}"{$id}"{literal}+'"},';{/literal}
47 {/foreach}
48 {literal} eval( 'recipient_manual = [' + recipient_manual + ']'); {/literal}
49 {/if}
50
51 {literal}
52 if ( recipient_manual_id ) {
53 eval( 'recipient_manual = ' + recipient_manual_id );
54 }
55
56 cj(document).ready( function( ) {
57 {/literal}
58 {literal}
59
60 eval( 'tokenClass = { tokenList: "token-input-list-facebook", token: "token-input-token-facebook", tokenDelete: "token-input-delete-token-facebook", selectedToken: "token-input-selected-token-facebook", highlightedToken: "token-input-highlighted-token-facebook", dropdown: "token-input-dropdown-facebook", dropdownItem: "token-input-dropdown-item-facebook", dropdownItem2: "token-input-dropdown-item2-facebook", selectedDropdownItem: "token-input-selected-dropdown-item-facebook", inputToken: "token-input-input-token-facebook" } ');
61
62 var sourceDataUrl = "{/literal}{$dataUrl}{literal}";
63 var tokenDataUrl = "{/literal}{$tokenUrl}{literal}";
64 var hintText = "{/literal}{ts escape='js'}Type in a partial or complete name of an existing recipient.{/ts}{literal}";
65 cj( "#recipient_manual_id").tokenInput( tokenDataUrl, { prePopulate: recipient_manual, classes: tokenClass, hintText: hintText });
66 cj( 'ul.token-input-list-facebook, div.token-input-dropdown-facebook' ).css( 'width', '450px' );
67 cj('#source_contact_id').autocomplete( sourceDataUrl, { width : 180, selectFirst : false, hintText: hintText, matchContains: true, minChars: 1
68 }).result( function(event, data, formatted) {
69 }).bind( 'click', function( ) { });
70 });
71 </script>
72 {/literal}
73 <table class="form-layout-compressed">
74 <tr class="crm-scheduleReminder-form-block-title">
75 <td class="right">{$form.title.label}</td><td colspan="3">{$form.title.html}</td>
76 </tr>
77 <tr>
78 <td class="label">{$form.entity.label}</td>
79 <td>{$form.entity.html}</td>
80 </tr>
81
82 <tr class="crm-scheduleReminder-form-block-when">
83 <td class="right">{$form.start_action_offset.label}</td>
84 <td colspan="3">{include file="CRM/common/jcalendar.tpl" elementName=absolute_date} <strong>{ts}OR{/ts}</strong><br /></td>
85 </tr>
86
87 <tr id="relativeDate" class="crm-scheduleReminder-form-block-description">
88 <td class="right"></td>
89 <td colspan="3">{$form.start_action_offset.html}&nbsp;&nbsp;&nbsp;{$form.start_action_unit.html}&nbsp;&nbsp;&nbsp;{$form.start_action_condition.html}&nbsp;&nbsp;&nbsp;{$form.start_action_date.html}</td>
90 </tr>
91 <tr id="recordActivity" class="crm-scheduleReminder-form-block-record_activity"><td class="label" width="20%">{$form.record_activity.label}</td>
92 <td>{$form.record_activity.html}</td>
93 </tr>
94 <tr id="relativeDateRepeat" class="crm-scheduleReminder-form-block-is_repeat"><td class="label" width="20%">{$form.is_repeat.label}</td>
95 <td>{$form.is_repeat.html}&nbsp;&nbsp;<span class="description">{ts}Enable repetition.{/ts}</span></td>
96 </tr>
97 <tr id="repeatFields" class="crm-scheduleReminder-form-block-repeatFields"><td></td><td>
98 <table class="form-layout-compressed">
99 <tr class="crm-scheduleReminder-form-block-repetition_frequency_interval">
100 <td class="label">{$form.repetition_frequency_interval.label}&nbsp;&nbsp;&nbsp;{$form.repetition_frequency_interval.html}</td>
101 <td>{$form.repetition_frequency_unit.html}</td>
102 </tr>
103 <tr class="crm-scheduleReminder-form-block-repetition_frequency_interval">
104 <td class="label">{$form.end_frequency_interval.label}&nbsp;&nbsp;&nbsp;{$form.end_frequency_interval.html}
105 <td>{$form.end_frequency_unit.html}&nbsp;&nbsp;&nbsp;{$form.end_action.html}&nbsp;&nbsp;&nbsp;{$form.end_date.html}</td>
106 </tr>
107 </table>
108 </td>
109 </tr>
110 <tr class="crm-scheduleReminder-form-block-recipient">
111 <td id="recipientLabel" class="right">{$form.recipient.label}</td><td colspan="3">{$form.limit_to.html}&nbsp;&nbsp;{$form.recipient.html}&nbsp;&nbsp;{help id="recipient" title=$form.recipient.label}</td>
112 </tr>
113 <tr id="recipientList" class="crm-scheduleReminder-form-block-recipientListing">
114 <td class="right">{$form.recipient_listing.label}</td><td colspan="3">{$form.recipient_listing.html}</td>
115 </tr>
116 <tr id="recipientManual" class="crm-scheduleReminder-form-block-recipient_manual_id">
117 <td class="label">{$form.recipient_manual_id.label}</td>
118 <td>{$form.recipient_manual_id.html}{edit}<span class="description">{ts}You can manually send out the reminders to these recipients.{/ts}</span>{/edit}</td>
119 </tr>
120
121 <tr id="recipientGroup" class="crm-scheduleReminder-form-block-recipient_group_id">
122 <td class="label">{$form.group_id.label}</td>
123 <td>{$form.group_id.html}</td>
124 </tr>
125 <tr id="msgMode" class="crm-scheduleReminder-form-block-mode">
126 <td class="label">{$form.mode.label}</td>
127 <td>{$form.mode.html}</td>
128 </tr>
129 <tr id="smsProvider" class="crm-scheduleReminder-form-block-sms_provider_id">
130 <td class="label">{$form.sms_provider_id.label}</td>
131 <td>{$form.sms_provider_id.html}</td>
132 </tr>
133 </table>
134 <fieldset id="compose_id"><legend>{$title}</legend>
135 <table id="email-field-table" class="form-layout-compressed">
136 <tr class="crm-scheduleReminder-form-block-active">
137 <td class="label"></td>
138 <td>{$form.is_active.html}&nbsp;{$form.is_active.label}</td>
139 </tr>
140 <tr class="crm-scheduleReminder-form-block-template">
141 <td class="label">{$form.template.label}</td>
142 <td>{$form.template.html}</td>
143 </tr>
144 <tr class="crm-scheduleReminder-form-block-subject">
145 <td class="label">{$form.subject.label}</td>
146 <td>{$form.subject.html}</td>
147 </tr>
148
149 </table>
150 <div id="email">{include file="CRM/Contact/Form/Task/EmailCommon.tpl" upload=1 noAttach=1}</div>
151 <div id="sms">{include file="CRM/Contact/Form/Task/SMSCommon.tpl" upload=1 noAttach=1}</div>
152 </fieldset>
153
154 {include file="CRM/common/showHideByFieldValue.tpl"
155 trigger_field_id = "is_repeat"
156 trigger_value = "true"
157 target_element_id = "repeatFields"
158 target_element_type = "table-row"
159 field_type = "radio"
160 invert = "false"
161 }
162
163 {include file="CRM/common/showHideByFieldValue.tpl"
164 trigger_field_id ="recipient"
165 trigger_value = 'manual'
166 target_element_id ="recipientManual"
167 target_element_type ="table-row"
168 field_type ="select"
169 invert = 0
170 }
171
172 {include file="CRM/common/showHideByFieldValue.tpl"
173 trigger_field_id ="recipient"
174 trigger_value = 'group'
175 target_element_id ="recipientGroup"
176 target_element_type ="table-row"
177 field_type ="select"
178 invert = 0
179 }
180
181 {literal}
182 <script type='text/javascript'>
183 cj(function($) {
184 $().crmAccordions();
185 });
186 var entityMapping = eval({/literal}{$entityMapping}{literal});
187 var recipientMapping = eval({/literal}{$recipientMapping}{literal});
188
189 cj('#absolute_date_display').change( function() {
190 if(cj('#absolute_date_display').val()) {
191 cj('#relativeDate').hide();
192 cj('#relativeDateRepeat').hide();
193 cj('#repeatFields').hide();
194 } else {
195 cj('#relativeDate').show();
196 cj('#relativeDateRepeat').show();
197 }
198 });
199
200 cj(function() {
201 if (cj('#absolute_date_display').val()) {
202 cj('#relativeDate').hide();
203 cj('#relativeDateRepeat').hide();
204 cj('#repeatFields').hide();
205 }
206
207 cj('#entity_0').change( function( ) {
208 buildSelect("start_action_date");
209 buildSelect("end_date");
210 buildSelect1("recipient");
211 });
212 });
213
214 cj(function () {
215 loadMsgBox();
216 cj('#mode').change(function () {
217 loadMsgBox();
218 });
219
220 showHideLimitTo();
221 cj('#entity_0').change(function () {
222 showHideLimitTo();
223 });
224 });
225
226 function loadMsgBox() {
227 if (cj('#mode').val() == 'Email' || cj('#mode').val() == 0){
228 cj('#sms').hide();
229 cj('#smsProvider').hide();
230 cj('#email').show();
231 }
232 else if (cj('#mode').val() == 'SMS'){
233 cj('#email').hide();
234 cj('#sms').show();
235 cj('#smsProvider').show();
236 }
237 else if (cj('#mode').val() == 'User_Preference'){
238 cj('#email').show();
239 cj('#sms').show();
240 cj('#smsProvider').show();
241 }
242 }
243
244 function showHideLimitTo() {
245 if (cj('#entity_0').val() == 1) {
246 cj('#limit_to').hide();
247 }
248 else {
249 cj('#limit_to').show();
250 }
251 }
252
253 cj(function () {
254 if (cj('#is_recipient_listing').val()) {
255 cj('#recipientList').show();
256 }
257 else {
258 cj('#recipientList').hide();
259 }
260 cj('#recipient').change(function () {
261 populateRecipient();
262 });
263 });
264
265 function populateRecipient( ) {
266 var recipient = cj("#recipient option:selected").val();
267 var entity = cj("#entity_0 option:selected").val();
268 var postUrl = "{/literal}{crmURL p='civicrm/ajax/populateRecipient' h=0}{literal}";
269
270 if(recipientMapping[recipient] == 'Participant Status' || recipientMapping[recipient] == 'participant_role') {
271 var elementID = '#recipient_listing';
272 cj( elementID ).html('');
273 cj.post(postUrl, {recipient: recipientMapping[recipient]},
274 function ( response ) {
275 response = eval( response );
276 for (i = 0; i < response.length; i++) {
277 cj( elementID ).get(0).add(new Option(response[i].name, response[i].value), document.all ? i : null);
278 }
279 });
280 cj("#recipientList").show();
281 cj('#is_recipient_listing').val(1);
282 } else {
283 cj("#recipientList").hide();
284 cj('#is_recipient_listing').val('');
285 }
286
287 if (entityMapping[entity] == 'civicrm_activity') {
288 cj("#recipientLabel").text("Recipient(s)");
289 } else {
290 cj("#recipientLabel").text("Limit Recipients");
291 }
292 }
293 function buildSelect( selectID ) {
294 var elementID = '#' + selectID;
295 cj( elementID ).html('');
296 var mappingID = cj('#entity_0').val();
297 var postUrl = "{/literal}{crmURL p='civicrm/ajax/mapping' h=0}{literal}";
298 cj.post( postUrl, { mappingID: mappingID},
299 function ( response ) {
300 response = eval( response );
301 for (i = 0; i < response.length; i++) {
302 cj( elementID ).get(0).add(new Option(response[i].name, response[i].value), document.all ? i : null);
303 }
304 }
305 );
306
307 }
308
309 function buildSelect1( selectID ) {
310 var elementID = '#' + selectID;
311 cj( elementID ).html('');
312 var mappingID = cj('#entity_0').val();
313 var postUrl1 = "{/literal}{crmURL p='civicrm/ajax/mapping1' h=0}{literal}";
314
315 cj('#is_recipient_listing').val('');
316 cj.post( postUrl1, { mappingID: mappingID},
317 function ( result ) {
318 var responseResult = cj.parseJSON(result);
319 var response = eval(responseResult.sel5);
320 recipientMapping = eval(responseResult.recipientMapping);
321 for (i = 0; i < response.length; i++) {
322 cj( elementID ).get(0).add(new Option(response[i].name, response[i].value), document.all ? i : null);
323 }
324 populateRecipient();
325 }
326 );
327 }
328
329 </script>
330 {/literal}
331
332 {/if}
333
334 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
335 </div>