-- Indentation fixes
[civicrm-core.git] / js / Common.js
CommitLineData
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 +--------------------------------------------------------------------+
0f5816a6 25 */
6a488035
TO
26
27/**
28 * @file: global functions for CiviCRM
29 * FIXME: We are moving away from using global functions. DO NOT ADD MORE.
30 * @see CRM object - the better alternative to adding global functions
31 */
32
33var CRM = CRM || {};
34var cj = jQuery;
35
36/**
37 * Short-named function for string translation, defined in global scope so it's available everywhere.
38 *
39 * @param $text string string for translating
40 * @param $params object key:value of additional parameters
41 *
42 * @return string the translated string
43 */
44function ts(text, params) {
7553cf23 45 "use strict";
6a488035 46 text = CRM.strings[text] || text;
2788147f 47 if (typeof(params) === 'object') {
6a488035 48 for (var i in params) {
32155ad6 49 if (typeof(params[i]) === 'string' || typeof(params[i]) === 'number') {
2788147f 50 // sprintf emulation: escape % characters in the replacements to avoid conflicts
32155ad6 51 text = text.replace(new RegExp('%' + i, 'g'), String(params[i]).replace(/%/g, '%-crmescaped-'));
2788147f 52 }
6a488035
TO
53 }
54 return text.replace(/%-crmescaped-/g, '%');
55 }
56 return text;
57}
58
59/**
60 * This function is called by default at the bottom of template files which have forms that have
61 * conditionally displayed/hidden sections and elements. The PHP is responsible for generating
62 * a list of 'blocks to show' and 'blocks to hide' and the template passes these parameters to
63 * this function.
64 *
65 * @access public
66 * @param showBlocks Array of element Id's to be displayed
67 * @param hideBlocks Array of element Id's to be hidden
68 * @param elementType Value to set display style to for showBlocks (e.g. 'block' or 'table-row' or ...)
69 * @return none
70 */
0f5816a6
KJ
71function on_load_init_blocks(showBlocks, hideBlocks, elementType) {
72 if (elementType == null) {
73 var elementType = 'block';
74 }
75
76 /* This loop is used to display the blocks whose IDs are present within the showBlocks array */
77 for (var i = 0; i < showBlocks.length; i++) {
78 var myElement = document.getElementById(showBlocks[i]);
79 /* getElementById returns null if element id doesn't exist in the document */
80 if (myElement != null) {
81 myElement.style.display = elementType;
6a488035 82 }
0f5816a6
KJ
83 else {
84 alert('showBlocks array item not in .tpl = ' + showBlocks[i]);
85 }
86 }
6a488035 87
0f5816a6
KJ
88 /* This loop is used to hide the blocks whose IDs are present within the hideBlocks array */
89 for (var i = 0; i < hideBlocks.length; i++) {
90 var myElement = document.getElementById(hideBlocks[i]);
91 /* getElementById returns null if element id doesn't exist in the document */
92 if (myElement != null) {
93 myElement.style.display = 'none';
94 }
95 else {
96 alert('showBlocks array item not in .tpl = ' + hideBlocks[i]);
6a488035 97 }
0f5816a6 98 }
6a488035
TO
99}
100
101/**
102 * This function is called when we need to show or hide a related form element (target_element)
103 * based on the value (trigger_value) of another form field (trigger_field).
104 *
105 * @access public
106 * @param trigger_field_id HTML id of field whose onchange is the trigger
107 * @param trigger_value List of integers - option value(s) which trigger show-element action for target_field
108 * @param target_element_id HTML id of element to be shown or hidden
109 * @param target_element_type Type of element to be shown or hidden ('block' or 'table-row')
110 * @param field_type Type of element radio/select
111 * @param invert Boolean - if true, we HIDE target on value match; if false, we SHOW target on value match
112 * @return none
0f5816a6
KJ
113 */
114function showHideByValue(trigger_field_id, trigger_value, target_element_id, target_element_type, field_type, invert) {
115 if (target_element_type == null) {
116 var target_element_type = 'block';
117 }
118 else {
119 if (target_element_type == 'table-row') {
120 var target_element_type = '';
121 }
122 }
123
124 if (field_type == 'select') {
125 var trigger = trigger_value.split("|");
126 var selectedOptionValue = document.getElementById(trigger_field_id).options[document.getElementById(trigger_field_id).selectedIndex].value;
127
128 var target = target_element_id.split("|");
129 for (var j = 0; j < target.length; j++) {
130 if (invert) {
131 cj('#' + target[j]).show();
132 }
133 else {
134 cj('#' + target[j]).hide();
135 }
136 for (var i = 0; i < trigger.length; i++) {
137 if (selectedOptionValue == trigger[i]) {
138 if (invert) {
139 cj('#' + target[j]).hide();
140 }
141 else {
142 cj('#' + target[j]).show();
143 }
6a488035 144 }
0f5816a6
KJ
145 }
146 }
6a488035 147
0f5816a6
KJ
148 }
149 else {
150 if (field_type == 'radio') {
151 var target = target_element_id.split("|");
152 for (var j = 0; j < target.length; j++) {
153 if (document.getElementsByName(trigger_field_id)[0].checked) {
154 if (invert) {
155 cj('#' + target[j]).hide();
156 }
157 else {
158 cj('#' + target[j]).show();
159 }
6a488035 160 }
0f5816a6
KJ
161 else {
162 if (invert) {
163 cj('#' + target[j]).show();
164 }
165 else {
166 cj('#' + target[j]).hide();
167 }
168 }
169 }
6a488035 170 }
0f5816a6 171 }
6a488035
TO
172}
173
174/**
175 *
176 * Function for checking ALL or unchecking ALL check boxes in a resultset page.
177 *
178 * @access public
179 * @param fldPrefix - common string which precedes unique checkbox ID and identifies field as
180 * belonging to the resultset's checkbox collection
181 * @param object - checkbox
182 * Sample usage: onClick="javascript:changeCheckboxValues('chk_', cj(this) );"
183 *
184 * @return
185 */
186function toggleCheckboxVals(fldPrefix, object) {
0f5816a6
KJ
187 if (object.id == 'toggleSelect' && cj(object).is(':checked')) {
188 cj('Input[id*="' + fldPrefix + '"],Input[id*="toggleSelect"]').attr('checked', true);
189 }
190 else {
191 cj('Input[id*="' + fldPrefix + '"],Input[id*="toggleSelect"]').attr('checked', false);
192 }
193 // change the class of selected rows
194 on_load_init_checkboxes(object.form.name);
6a488035
TO
195}
196
197function countSelectedCheckboxes(fldPrefix, form) {
0f5816a6
KJ
198 fieldCount = 0;
199 for (i = 0; i < form.elements.length; i++) {
200 fpLen = fldPrefix.length;
201 if (form.elements[i].type == 'checkbox' && form.elements[i].name.slice(0, fpLen) == fldPrefix && form.elements[i].checked == true) {
202 fieldCount++;
6a488035 203 }
0f5816a6
KJ
204 }
205 return fieldCount;
6a488035
TO
206}
207
208/**
209 * Function to enable task action select
210 */
0f5816a6
KJ
211function toggleTaskAction(status) {
212 var radio_ts = document.getElementsByName('radio_ts');
213 if (!radio_ts[1]) {
214 radio_ts[0].checked = true;
215 }
216 if (radio_ts[0].checked || radio_ts[1].checked) {
217 status = true;
218 }
219
220 var formElements = ['task', 'Go', 'Print'];
221 for (var i = 0; i < formElements.length; i++) {
222 var element = document.getElementById(formElements[i]);
223 if (element) {
224 if (status) {
225 element.disabled = false;
226 }
227 else {
228 element.disabled = true;
229 }
6a488035 230 }
0f5816a6 231 }
6a488035
TO
232}
233
234/**
235 * This function is used to check if any actio is selected and also to check if any contacts are checked.
236 *
237 * @access public
238 * @param fldPrefix - common string which precedes unique checkbox ID and identifies field as
239 * belonging to the resultset's checkbox collection
240 * @param form - name of form that checkboxes are part of
241 * Sample usage: onClick="javascript:checkPerformAction('chk_', myForm );"
242 *
243 */
0f5816a6
KJ
244function checkPerformAction(fldPrefix, form, taskButton, selection) {
245 var cnt;
246 var gotTask = 0;
247
248 // taskButton TRUE means we don't need to check the 'task' field - it's a button-driven task
249 if (taskButton == 1) {
250 gotTask = 1;
251 }
252 else {
253 if (document.forms[form].task.selectedIndex) {
254 //force user to select all search contacts, CRM-3711
255 if (document.forms[form].task.value == 13 || document.forms[form].task.value == 14) {
256 var toggleSelect = document.getElementsByName('toggleSelect');
257 if (toggleSelect[0].checked || document.forms[form].radio_ts[0].checked) {
258 return true;
6a488035 259 }
0f5816a6
KJ
260 else {
261 alert("Please select all contacts for this action.\n\nTo use the entire set of search results, click the 'all records' radio button.");
262 return false;
263 }
264 }
265 gotTask = 1;
6a488035 266 }
0f5816a6 267 }
6a488035 268
0f5816a6
KJ
269 if (gotTask == 1) {
270 // If user wants to perform action on ALL records and we have a task, return (no need to check further)
271 if (document.forms[form].radio_ts[0].checked) {
272 return true;
273 }
6a488035 274
0f5816a6
KJ
275 cnt = (selection == 1) ? countSelections() : countSelectedCheckboxes(fldPrefix, document.forms[form]);
276 if (!cnt) {
277 alert("Please select one or more contacts for this action.\n\nTo use the entire set of search results, click the 'all records' radio button.");
278 return false;
6a488035 279 }
0f5816a6
KJ
280 }
281 else {
282 alert("Please select an action from the drop-down menu.");
283 return false;
284 }
6a488035
TO
285}
286
287/**
288 * This function changes the style for a checkbox block when it is selected.
289 *
290 * @access public
291 * @param chkName - it is name of the checkbox
292 * @return null
293 */
0f5816a6
KJ
294function checkSelectedBox(chkName) {
295 var checkElement = cj('#' + chkName);
296 if (checkElement.attr('checked')) {
297 cj('input[value=ts_sel]:radio').attr('checked', true);
298 checkElement.parents('tr').addClass('crm-row-selected');
299 }
300 else {
301 checkElement.parents('tr').removeClass('crm-row-selected');
302 }
6a488035
TO
303}
304
305/**
306 * This function is to show the row with selected checkbox in different color
307 * @param form - name of form that checkboxes are part of
308 *
309 * @access public
310 * @return null
311 */
0f5816a6
KJ
312function on_load_init_checkboxes(form) {
313 var formName = form;
314 var fldPrefix = 'mark_x';
315 for (i = 0; i < document.forms[formName].elements.length; i++) {
316 fpLen = fldPrefix.length;
317 if (document.forms[formName].elements[i].type == 'checkbox' && document.forms[formName].elements[i].name.slice(0, fpLen) == fldPrefix) {
318 checkSelectedBox(document.forms[formName].elements[i].name, formName);
6a488035 319 }
0f5816a6 320 }
6a488035
TO
321}
322
323/**
324 * Function to change the color of the class
325 *
326 * @param form - name of the form
327 * @param rowid - id of the <tr>, <div> you want to change
328 *
329 * @access public
330 * @return null
331 */
0f5816a6
KJ
332function changeRowColor(rowid, form) {
333 switch (document.getElementById(rowid).className) {
334 case 'even-row' :
335 document.getElementById(rowid).className = 'selected even-row';
336 break;
337 case 'odd-row' :
338 document.getElementById(rowid).className = 'selected odd-row';
339 break;
340 case 'selected even-row' :
341 document.getElementById(rowid).className = 'even-row';
342 break;
343 case 'selected odd-row' :
344 document.getElementById(rowid).className = 'odd-row';
345 break;
346 case 'form-item' :
347 document.getElementById(rowid).className = 'selected';
348 break;
349 case 'selected' :
350 document.getElementById(rowid).className = 'form-item';
351 }
6a488035
TO
352}
353
354/**
355 * This function is to show the row with selected checkbox in different color
356 * @param form - name of form that checkboxes are part of
357 *
358 * @access public
359 * @return null
360 */
0f5816a6
KJ
361function on_load_init_check(form) {
362 for (i = 0; i < document.forms[form].elements.length; i++) {
363 if (( document.forms[form].elements[i].type == 'checkbox'
364 && document.forms[form].elements[i].checked == true )
365 || ( document.forms[form].elements[i].type == 'hidden'
366 && document.forms[form].elements[i].value == 1 )) {
367 var ss = document.forms[form].elements[i].id;
368 var row = 'rowid' + ss;
369 changeRowColor(row, form);
6a488035 370 }
0f5816a6 371 }
6a488035
TO
372}
373
374/**
375 * reset all the radio buttons with a given name
376 *
377 * @param string fieldName
378 * @param object form
379 * @return null
380 */
381function unselectRadio(fieldName, form) {
0f5816a6
KJ
382 for (i = 0; i < document.forms[form].elements.length; i++) {
383 if (document.forms[form].elements[i].name == fieldName) {
384 document.forms[form].elements[i].checked = false;
6a488035 385 }
0f5816a6
KJ
386 }
387 return;
6a488035
TO
388}
389
390/**
391 * Function to change button text and disable one it is clicked
392 *
393 * @param obj object - the button clicked
394 * @param formID string - the id of the form being submitted
395 * @param string procText - button text after user clicks it
396 * @return null
397 */
0f5816a6 398var submitcount = 0;
6a488035 399/* Changes button label on submit, and disables button after submit for newer browsers.
0f5816a6
KJ
400 Puts up alert for older browsers. */
401function submitOnce(obj, formId, procText) {
402 // if named button clicked, change text
403 if (obj.value != null) {
404 obj.value = procText + " ...";
405 }
406 if (document.getElementById) { // disable submit button for newer browsers
407 obj.disabled = true;
408 document.getElementById(formId).submit();
409 return true;
410 }
411 else { // for older browsers
412 if (submitcount == 0) {
413 submitcount++;
414 return true;
415 }
416 else {
417 alert("Your request is currently being processed ... Please wait.");
418 return false;
6a488035 419 }
0f5816a6 420 }
6a488035
TO
421}
422
423function popUp(URL) {
424 day = new Date();
0f5816a6 425 id = day.getTime();
6a488035
TO
426 eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=640,height=420,left = 202,top = 184');");
427}
428
6a488035
TO
429/**
430 * Function to show / hide the row in optionFields
431 *
432 * @param element name index, that whose innerHTML is to hide else will show the hidden row.
433 */
0f5816a6
KJ
434function showHideRow(index) {
435 if (index) {
436 cj('tr#optionField_' + index).hide();
437 if (cj('table#optionField tr:hidden:first').length) {
438 cj('div#optionFieldLink').show();
6a488035 439 }
0f5816a6
KJ
440 }
441 else {
442 cj('table#optionField tr:hidden:first').show();
443 if (!cj('table#optionField tr:hidden:last').length) {
444 cj('div#optionFieldLink').hide();
445 }
446 }
447 return false;
6a488035
TO
448}
449
450/**
451 * Function to check activity status in relavent to activity date
452 *
453 * @param element message JSON object.
454 */
0f5816a6
KJ
455function activityStatus(message) {
456 var d = new Date(), time = [], i;
457 var currentDateTime = d.getTime()
458 var activityTime = cj("input#activity_date_time_time").val().replace(":", "");
459
460 //chunk the time in bunch of 2 (hours,minutes,ampm)
461 for (i = 0; i < activityTime.length; i += 2) {
462 time.push(activityTime.slice(i, i + 2));
463 }
464 var activityDate = new Date(cj("input#activity_date_time_hidden").val());
6a488035 465
0f5816a6
KJ
466 d.setFullYear(activityDate.getFullYear());
467 d.setMonth(activityDate.getMonth());
468 d.setDate(activityDate.getDate());
469 var hours = time['0'];
470 var ampm = time['2'];
6a488035 471
0f5816a6
KJ
472 if (ampm == "PM" && hours != 0 && hours != 12) {
473 // force arithmetic instead of string concatenation
474 hours = hours * 1 + 12;
475 }
476 else {
477 if (ampm == "AM" && hours == 12) {
478 hours = 0;
6a488035 479 }
0f5816a6
KJ
480 }
481 d.setHours(hours);
482 d.setMinutes(time['1']);
6a488035 483
0f5816a6 484 var activity_date_time = d.getTime();
6a488035 485
0f5816a6 486 var activityStatusId = cj('#status_id').val();
6a488035 487
0f5816a6
KJ
488 if (activityStatusId == 2 && currentDateTime < activity_date_time) {
489 if (!confirm(message.completed)) {
490 return false;
491 }
492 }
493 else {
494 if (activity_date_time && activityStatusId == 1 && currentDateTime >= activity_date_time) {
495 if (!confirm(message.scheduled)) {
496 return false;
497 }
6a488035 498 }
0f5816a6 499 }
6a488035
TO
500}
501
6a488035
TO
502CRM.strings = CRM.strings || {};
503CRM.validate = CRM.validate || {
504 params: {},
505 functions: []
506};
507
0f5816a6 508(function ($, undefined) {
7553cf23 509 "use strict";
0f5816a6 510 $(document).ready(function () {
6a488035 511 $().crmtooltip();
0f5816a6 512 $('.crm-container table.row-highlight').on('change', 'input.select-row, input.select-rows', function () {
e24b17b9 513 var target, table = $(this).closest('table');
6a488035 514 if ($(this).hasClass('select-rows')) {
e24b17b9 515 target = $('tbody tr', table);
6a488035
TO
516 $('input.select-row', table).prop('checked', $(this).prop('checked'));
517 }
518 else {
e24b17b9 519 target = $(this).closest('tr');
6a488035
TO
520 $('input.select-rows', table).prop('checked', $(".select-row:not(':checked')", table).length < 1);
521 }
522 target.toggleClass('crm-row-selected', $(this).is(':checked'));
523 });
0f5816a6 524 $('#crm-container').live('click', function (event) {
e24b17b9 525 if ($(event.target).is('.btn-slide')) {
0f5816a6
KJ
526 var currentActive = $('#crm-container .btn-slide-active');
527 currentActive.children().hide();
528 currentActive.removeClass('btn-slide-active');
529 $(event.target).children().show();
530 $(event.target).addClass('btn-slide-active');
531 }
532 else {
533 $('.btn-slide .panel').hide();
534 $('.btn-slide-active').removeClass('btn-slide-active');
6a488035
TO
535 }
536 });
537 });
148c4e8d
CW
538
539 /**
540 * Function to make multiselect boxes behave as fields in small screens
541 */
542 function advmultiselectResize() {
543 var amswidth = $("#crm-container form:has(table.advmultiselect)").width();
544 if (amswidth < 700) {
545 $("form table.advmultiselect td").css('display', 'block');
0f5816a6
KJ
546 }
547 else {
148c4e8d
CW
548 $("form table.advmultiselect td").css('display', 'table-cell');
549 }
550 var contactwidth = $('#crm-container #mainTabContainer').width();
551 if (contactwidth < 600) {
552 $('#crm-container #mainTabContainer').addClass('narrowpage');
0f5816a6 553 $('#crm-container #mainTabContainer.narrowpage #contactTopBar td').each(function (index) {
148c4e8d 554 if (index > 1) {
0f5816a6 555 if (index % 2 == 0) {
148c4e8d
CW
556 $(this).parent().after('<tr class="narrowadded"></tr>');
557 }
558 var item = $(this);
559 $(this).parent().next().append(item);
560 }
561 });
0f5816a6
KJ
562 }
563 else {
148c4e8d 564 $('#crm-container #mainTabContainer.narrowpage').removeClass('narrowpage');
0f5816a6 565 $('#crm-container #mainTabContainer #contactTopBar tr.narrowadded td').each(function () {
148c4e8d
CW
566 var nitem = $(this);
567 var parent = $(this).parent();
568 $(this).parent().prev().append(nitem);
0f5816a6 569 if (parent.children().size() == 0) {
148c4e8d
CW
570 parent.remove();
571 }
572 });
573 $('#crm-container #mainTabContainer.narrowpage #contactTopBar tr.added').detach();
574 }
575 var cformwidth = $('#crm-container #Contact .contact_basic_information-section').width();
0f5816a6 576
148c4e8d
CW
577 if (cformwidth < 720) {
578 $('#crm-container .contact_basic_information-section').addClass('narrowform');
579 $('#crm-container .contact_basic_information-section table.form-layout-compressed td .helpicon').parent().addClass('hashelpicon');
580 if (cformwidth < 480) {
581 $('#crm-container .contact_basic_information-section').addClass('xnarrowform');
0f5816a6
KJ
582 }
583 else {
148c4e8d
CW
584 $('#crm-container .contact_basic_information-section.xnarrowform').removeClass('xnarrowform');
585 }
0f5816a6
KJ
586 }
587 else {
148c4e8d
CW
588 $('#crm-container .contact_basic_information-section.narrowform').removeClass('narrowform');
589 $('#crm-container .contact_basic_information-section.xnarrowform').removeClass('xnarrowform');
590 }
591 }
0f5816a6 592
148c4e8d 593 advmultiselectResize();
0f5816a6 594 $(window).resize(function () {
6a488035
TO
595 advmultiselectResize();
596 });
597
0f5816a6 598 $.fn.crmtooltip = function () {
e24b17b9
CW
599 $('a.crm-summary-link:not(.crm-processed)')
600 .addClass('crm-processed')
0f5816a6 601 .on('mouseover', function (e) {
e24b17b9
CW
602 $(this).addClass('crm-tooltip-active');
603 var topDistance = e.pageY - $(window).scrollTop();
604 if (topDistance < 300 | topDistance < $(this).children('.crm-tooltip-wrapper').height()) {
605 $(this).addClass('crm-tooltip-down');
606 }
607 if (!$(this).children('.crm-tooltip-wrapper').length) {
6a488035
TO
608 $(this).append('<div class="crm-tooltip-wrapper"><div class="crm-tooltip"></div></div>');
609 $(this).children().children('.crm-tooltip')
610 .html('<div class="crm-loading-element"></div>')
611 .load(this.href);
612 }
613 })
0f5816a6 614 .on('mouseout', function () {
e24b17b9
CW
615 $(this).removeClass('crm-tooltip-active crm-tooltip-down');
616 })
617 .on('click', false);
6a488035
TO
618 };
619
620 var h;
8e3272a1 621 CRM.help = function (title, params, url) {
6a488035
TO
622 h && h.close && h.close();
623 var options = {
624 expires: 0
625 };
626 h = CRM.alert('...', title, 'crm-help crm-msg-loading', options);
627 params.class_name = 'CRM_Core_Page_Inline_Help';
628 params.type = 'page';
8e3272a1 629 $.ajax(url || CRM.url('civicrm/ajax/inline'),
6a488035
TO
630 {
631 data: params,
632 dataType: 'html',
e24b17b9 633 success: function (data) {
6a488035
TO
634 $('#crm-notification-container .crm-help .notify-content:last').html(data);
635 $('#crm-notification-container .crm-help').removeClass('crm-msg-loading').addClass('info');
636 },
e24b17b9 637 error: function () {
6a488035
TO
638 $('#crm-notification-container .crm-help .notify-content:last').html('Unable to load help file.');
639 $('#crm-notification-container .crm-help').removeClass('crm-msg-loading').addClass('error');
640 }
641 }
642 );
643 };
644
645 /**
646 * @param string text Displayable message
647 * @param string title Displayable title
648 * @param string type 'alert'|'info'|'success'|'error' (default: 'alert')
649 * @param {object} options
650 * @return {*}
651 * @see http://wiki.civicrm.org/confluence/display/CRM/Notifications+in+CiviCRM
652 */
0f5816a6 653 CRM.alert = function (text, title, type, options) {
6a488035
TO
654 type = type || 'alert';
655 title = title || '';
656 options = options || {};
657 if ($('#crm-notification-container').length) {
658 var params = {
659 text: text,
660 title: title,
661 type: type
662 };
663 // By default, don't expire errors and messages containing links
664 var extra = {
665 expires: (type == 'error' || text.indexOf('<a ') > -1) ? 0 : (text ? 10000 : 5000),
666 unique: true
667 };
668 options = $.extend(extra, options);
e24b17b9 669 options.expires = options.expires === false ? 0 : parseInt(options.expires, 10);
6a488035 670 if (options.unique && options.unique !== '0') {
0f5816a6 671 $('#crm-notification-container .ui-notify-message').each(function () {
6a488035
TO
672 if (title === $('h1', this).html() && text === $('.notify-content', this).html()) {
673 $('.icon.ui-notify-close', this).click();
674 }
675 });
676 }
677 return $('#crm-notification-container').notify('create', params, options);
678 }
679 else {
680 if (title.length) {
681 text = title + "\n" + text;
682 }
683 alert(text);
684 return null;
685 }
e24b17b9 686 };
6a488035
TO
687
688 /**
689 * Close whichever alert contains the given node
690 *
691 * @param node
692 */
0f5816a6 693 CRM.closeAlertByChild = function (node) {
6a488035 694 $(node).closest('.ui-notify-message').find('.icon.ui-notify-close').click();
e24b17b9 695 };
6a488035
TO
696
697 /**
698 * Prompt the user for confirmation.
699 *
7553cf23
CW
700 * @param buttons {object|function} key|value pairs where key == button label and value == callback function
701 * passing in a function instead of an object is a shortcut for a sinlgle button labeled "Continue"
702 * @param options {object|void} Override defaults, keys include 'title', 'message',
703 * see jQuery.dialog for full list of available params
6a488035 704 */
706cff6d 705 CRM.confirm = function (buttons, options, cancelLabel) {
7553cf23 706 var dialog, callbacks = {};
706cff6d 707 cancelLabel = cancelLabel || ts('Cancel');
7553cf23
CW
708 var settings = {
709 title: ts('Confirm Action'),
710 message: ts('Are you sure you want to continue?'),
6a488035
TO
711 resizable: false,
712 modal: true,
0d5f99d4 713 width: 'auto',
0f5816a6
KJ
714 close: function () {
715 $(dialog).remove();
716 },
7553cf23
CW
717 buttons: {}
718 };
706cff6d
KJ
719
720 settings.buttons[cancelLabel] = function () {
0f5816a6
KJ
721 dialog.dialog('close');
722 };
7553cf23
CW
723 options = options || {};
724 $.extend(settings, options);
725 if (typeof(buttons) === 'function') {
726 callbacks[ts('Continue')] = buttons;
0f5816a6
KJ
727 }
728 else {
7553cf23
CW
729 callbacks = buttons;
730 }
0f5816a6
KJ
731 $.each(callbacks, function (label, callback) {
732 settings.buttons[label] = function () {
7553cf23
CW
733 callback.call(dialog);
734 dialog.dialog('close');
e24b17b9 735 };
6a488035 736 });
7553cf23
CW
737 dialog = $('<div class="crm-container crm-confirm-dialog"></div>')
738 .html(options.message)
739 .appendTo('body')
740 .dialog(settings);
741 return dialog;
e24b17b9 742 };
6a488035
TO
743
744 /**
745 * Sets an error message
746 * If called for a form item, title and removal condition will be handled automatically
747 */
0f5816a6 748 $.fn.crmError = function (text, title, options) {
6a488035
TO
749 title = title || '';
750 text = text || '';
751 options = options || {};
752
753 var extra = {
754 expires: 0
755 };
756 if ($(this).length) {
757 if (title == '') {
758 var label = $('label[for="' + $(this).attr('name') + '"], label[for="' + $(this).attr('id') + '"]').not('[generated=true]');
759 if (label.length) {
760 label.addClass('crm-error');
761 var $label = label.clone();
762 if (text == '' && $('.crm-marker', $label).length > 0) {
763 text = $('.crm-marker', $label).attr('title');
764 }
765 $('.crm-marker', $label).remove();
766 title = $label.text();
767 }
768 }
769 $(this).addClass('error');
770 }
771 var msg = CRM.alert(text, title, 'error', $.extend(extra, options));
772 if ($(this).length) {
773 var ele = $(this);
0f5816a6
KJ
774 setTimeout(function () {
775 ele.one('change', function () {
776 msg && msg.close && msg.close();
777 ele.removeClass('error');
778 label.removeClass('crm-error');
779 });
780 }, 1000);
6a488035
TO
781 }
782 return msg;
e24b17b9 783 };
6a488035
TO
784
785 // Display system alerts through js notifications
786 function messagesFromMarkup() {
0f5816a6 787 $('div.messages:visible', this).not('.help').not('.no-popup').each(function () {
e24b17b9 788 var text, title = '';
6a488035
TO
789 $(this).removeClass('status messages');
790 var type = $(this).attr('class').split(' ')[0] || 'alert';
791 type = type.replace('crm-', '');
792 $('.icon', this).remove();
6a488035 793 if ($('.msg-text', this).length > 0) {
e24b17b9 794 text = $('.msg-text', this).html();
6a488035
TO
795 title = $('.msg-title', this).html();
796 }
797 else {
e24b17b9 798 text = $(this).html();
6a488035
TO
799 }
800 var options = $(this).data('options') || {};
801 $(this).remove();
802 // Duplicates were already removed server-side
803 options.unique = false;
804 CRM.alert(text, title, type, options);
805 });
806 // Handle qf form errors
807 $('form :input.error', this).one('blur', function() {
ef04c554 808 // ignore autocomplete fields
23246a80 809 if ($(this).is('.ac_input')) {
810 return;
811 }
ef04c554 812
6a488035
TO
813 $('.ui-notify-message.error a.ui-notify-close').click();
814 $(this).removeClass('error');
815 $(this).next('span.crm-error').remove();
816 $('label[for="' + $(this).attr('name') + '"], label[for="' + $(this).attr('id') + '"]')
817 .removeClass('crm-error')
818 .find('.crm-error').removeClass('crm-error');
819 });
820 }
821
0f5816a6 822 $(function () {
ef3309b6 823 if ($('#crm-notification-container').length) {
6a488035
TO
824 // Initialize notifications
825 $('#crm-notification-container').notify();
826 messagesFromMarkup.call($('#crm-container'));
827 $('#crm-container').on('crmFormLoad', '*', messagesFromMarkup);
828 }
ebb9197b
C
829
830 // bind the event for image popup
831 $('body').on('click', 'a.crm-image-popup', function() {
832 var o = $('<div class="crm-container crm-custom-image-popup"><img src=' + $(this).attr('href') + '></div>');
833
834 CRM.confirm('',
835 {
836 title: ts('Preview'),
837 message: o
838 },
839 ts('Done')
840 );
841 return false;
842 });
6a488035
TO
843 });
844
0f5816a6 845 $.fn.crmAccordions = function (speed) {
e24b17b9 846 var container = $('#crm-container');
6a488035
TO
847 if (speed === undefined) {
848 speed = 200;
849 }
850 if ($(this).length > 0) {
e24b17b9 851 container = $(this);
6a488035
TO
852 }
853 if (container.length > 0 && !container.hasClass('crm-accordion-processed')) {
854 // Allow normal clicking of links
855 container.on('click', 'div.crm-accordion-header a', function (e) {
856 e.stopPropagation && e.stopPropagation();
857 });
858 container.on('click', '.crm-accordion-header, .crm-collapsible .collapsible-title', function () {
859 if ($(this).parent().hasClass('collapsed')) {
860 $(this).next().css('display', 'none').slideDown(speed);
861 }
862 else {
863 $(this).next().css('display', 'block').slideUp(speed);
864 }
865 $(this).parent().toggleClass('collapsed');
866 return false;
867 });
868 container.addClass('crm-accordion-processed');
e24b17b9 869 }
6a488035 870 };
0f5816a6
KJ
871 $.fn.crmAccordionToggle = function (speed) {
872 $(this).each(function () {
6a488035
TO
873 if ($(this).hasClass('collapsed')) {
874 $('.crm-accordion-body', this).first().css('display', 'none').slideDown(speed);
875 }
876 else {
877 $('.crm-accordion-body', this).first().css('display', 'block').slideUp(speed);
878 }
879 $(this).toggleClass('collapsed');
880 });
881 };
5ec182d9
CW
882
883 /**
884 * Clientside currency formatting
885 * @param value
886 * @param format
887 * @return string
888 */
889 var currencyTemplate;
890 CRM.formatMoney = function(value, format) {
891 var decimal, separator, sign, i, j, result;
892 if (value === 'init' && format) {
893 currencyTemplate = format;
894 return;
895 }
896 format = format || currencyTemplate;
897 result = /1(.?)234(.?)56/.exec(format);
898 if (result === null) {
899 return 'Invalid format passed to CRM.formatMoney';
900 }
901 separator = result[1];
902 decimal = result[2];
903 sign = (value < 0) ? '-' : '';
904 //extracting the absolute value of the integer part of the number and converting to string
905 i = parseInt(value = Math.abs(value).toFixed(2)) + '';
906
907 j = ((j = i.length) > 3) ? j % 3 : 0;
908 result = sign + (j ? i.substr(0, j) + separator : '') + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + separator) + (2 ? decimal + Math.abs(value - i).toFixed(2).slice(2) : '');
909 return format.replace(/1.*234.*56/, result);
910 };
6a488035 911})(jQuery);