Merge pull request #2311 from yashodha/sms-reminder
[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('#absolute_date_display').parent( ).children('.crm-clear-link').children('a').click( function() {
201 cj('#relativeDate').show();
202 cj('#relativeDateRepeat').show();
203 });
204
205 cj(function() {
206 if (cj('#absolute_date_display').val()) {
207 cj('#relativeDate').hide();
208 cj('#relativeDateRepeat').hide();
209 cj('#repeatFields').hide();
210 }
211
212 cj('#entity_0').change( function( ) {
213 buildSelect("start_action_date");
214 buildSelect("end_date");
215 buildSelect1("recipient");
216 });
217 });
218
219 cj(function () {
220 loadMsgBox();
221 cj('#mode').change(function () {
222 loadMsgBox();
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 cj(function() {
245 if ( cj('#is_recipient_listing').val( ) ) {
246 cj('#recipientList').show();
247 } else {
248 cj('#recipientList').hide();
249 }
250 cj('#recipient').change( function( ) {
251 populateRecipient();
252 });
253 });
254
255 function populateRecipient( ) {
256 var recipient = cj("#recipient option:selected").val();
257 var entity = cj("#entity_0 option:selected").val();
258 var postUrl = "{/literal}{crmURL p='civicrm/ajax/populateRecipient' h=0}{literal}";
259
260 if(recipientMapping[recipient] == 'Participant Status' || recipientMapping[recipient] == 'participant_role') {
261 var elementID = '#recipient_listing';
262 cj( elementID ).html('');
263 cj.post(postUrl, {recipient: recipientMapping[recipient]},
264 function ( response ) {
265 response = eval( response );
266 for (i = 0; i < response.length; i++) {
267 cj( elementID ).get(0).add(new Option(response[i].name, response[i].value), document.all ? i : null);
268 }
269 });
270 cj("#recipientList").show();
271 cj('#is_recipient_listing').val(1);
272 } else {
273 cj("#recipientList").hide();
274 cj('#is_recipient_listing').val('');
275 }
276
277 if (entityMapping[entity] == 'civicrm_activity') {
278 cj("#recipientLabel").text("Recipient(s)");
279 } else {
280 cj("#recipientLabel").text("Limit Recipients");
281 }
282 }
283 function buildSelect( selectID ) {
284 var elementID = '#' + selectID;
285 cj( elementID ).html('');
286 var mappingID = cj('#entity_0').val();
287 var postUrl = "{/literal}{crmURL p='civicrm/ajax/mapping' h=0}{literal}";
288 cj.post( postUrl, { mappingID: mappingID},
289 function ( response ) {
290 response = eval( response );
291 for (i = 0; i < response.length; i++) {
292 cj( elementID ).get(0).add(new Option(response[i].name, response[i].value), document.all ? i : null);
293 }
294 }
295 );
296
297 }
298
299 function buildSelect1( selectID ) {
300 var elementID = '#' + selectID;
301 cj( elementID ).html('');
302 var mappingID = cj('#entity_0').val();
303 var postUrl1 = "{/literal}{crmURL p='civicrm/ajax/mapping1' h=0}{literal}";
304
305 cj('#is_recipient_listing').val('');
306 cj.post( postUrl1, { mappingID: mappingID},
307 function ( result ) {
308 var responseResult = cj.parseJSON(result);
309 var response = eval(responseResult.sel5);
310 recipientMapping = eval(responseResult.recipientMapping);
311 for (i = 0; i < response.length; i++) {
312 cj( elementID ).get(0).add(new Option(response[i].name, response[i].value), document.all ? i : null);
313 }
314 populateRecipient();
315 }
316 );
317 }
318
319 </script>
320 {/literal}
321
322 {/if}
323
324 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
325 </div>