2 +--------------------------------------------------------------------+
3 | CiviCRM version 4.7 |
4 +--------------------------------------------------------------------+
5 | Copyright CiviCRM LLC (c) 2004-2018 |
6 +--------------------------------------------------------------------+
7 | This file is a part of CiviCRM. |
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. |
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. |
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 +--------------------------------------------------------------------+
27 <div id="premiums" class="premiums-group">
28 {if $context EQ "makeContribution"}
29 <fieldset class="crm-group premiums_select-group">
30 {if $premiumBlock.premiums_intro_title}
31 <legend>{$premiumBlock.premiums_intro_title}</legend>
33 {if $premiumBlock.premiums_intro_text}
34 <div id="premiums-intro" class="crm-section premiums_intro-section">
35 {$premiumBlock.premiums_intro_text}
40 {if $context EQ "confirmContribution" OR $context EQ "thankContribution"}
41 <div class="crm-group premium_display-group">
42 <div class="header-dark">
43 {if $premiumBlock.premiums_intro_title}
44 {$premiumBlock.premiums_intro_title}
46 {ts}Your Premium Selection{/ts}
52 {assign var="showSelectOptions" value="1"}
56 <div id="premiums-listings">
57 {if $showPremium AND !$preview AND $premiumBlock.premiums_nothankyou_position EQ 1}
58 <div class="premium premium-no_thanks" id="premium_id-no_thanks" min_contribution="0">
59 <div class="premium-short">
60 <input type="checkbox" disabled="disabled" /> {$premiumBlock.premiums_nothankyou_label}
62 <div class="premium-full">
63 <input type="checkbox" checked="checked" disabled="disabled" /> {$premiumBlock.premiums_nothankyou_label}
67 {foreach from=$products item=row}
68 <div class="premium {if $showPremium}premium-selectable{/if}" id="premium_id-{$row.id}" min_contribution="{$row.min_contribution}">
69 <div class="premium-short">
70 {if $row.thumbnail}<div class="premium-short-thumbnail"><img src="{$row.thumbnail}" alt="{$row.name|escape}" /></div>{/if}
71 <div class="premium-short-content">{$row.name}</div>
72 <div style="clear:both"></div>
75 <div class="premium-full">
76 <div class="premium-full-image">{if $row.image}<img src="{$row.image}" alt="{$row.name|escape}" />{/if}</div>
77 <div class="premium-full-content">
78 <div class="premium-full-title">{$row.name}</div>
79 <div class="premium-full-disabled">
80 {ts 1=$row.min_contribution|crmMoney}You must contribute at least %1 to get this item{/ts}<br/>
81 <input type="button" value="{ts 1=$row.min_contribution|crmMoney}Contribute %1 Instead{/ts}" amount="{$row.min_contribution}" />
83 <div class="premium-full-description">
86 {if $showSelectOptions }
87 {assign var="pid" value="options_"|cat:$row.id}
89 <div class="premium-full-options">
90 <p>{$form.$pid.html}</p>
94 <div class="premium-full-options">
95 <p><strong>{$row.options}</strong></p>
98 {if ( ($premiumBlock.premiums_display_min_contribution AND $context EQ "makeContribution") OR $preview EQ 1) AND $row.min_contribution GT 0 }
99 <div class="premium-full-min">{ts 1=$row.min_contribution|crmMoney}Minimum: %1{/ts}</div>
101 <div style="clear:both"></div>
104 <div style="clear:both"></div>
107 {if $showPremium AND !$preview AND $premiumBlock.premiums_nothankyou_position EQ 2}
108 <div class="premium premium-no_thanks" id="premium_id-no_thanks" min_contribution="0">
109 <div class="premium-short">
110 <input type="checkbox" disabled="disabled" /> {$premiumBlock.premiums_nothankyou_label}
112 <div class="premium-full">
113 <input type="checkbox" checked="checked" disabled="disabled" /> {$premiumBlock.premiums_nothankyou_label}
120 {if $context EQ "makeContribution"}
122 {elseif ! $preview} {* Close premium-display-group div for Confirm and Thank-you pages *}
127 {if $context EQ "makeContribution"}
131 var is_separate_payment = {/literal}{if $membershipBlock.is_separate_payment}{$membershipBlock.is_separate_payment}{else}0{/if}{literal};
133 // select a new premium
134 function select_premium(premium_id) {
135 if($(premium_id).length) {
136 // hide other active premium
137 $('.premium-full').hide();
138 $('.premium-short').show();
140 $('.premium-short', $(premium_id)).hide();
141 $('.premium-full', $(premium_id)).show();
143 var id_parts = premium_id.split('-');
144 $('#selectProduct').val(id_parts[1]);
148 // click premium to select
149 $('.premium-short').click(function(){
150 select_premium( '#'+$($(this).parent()).attr('id') );
153 // select the default premium
154 var premium_id = $('#selectProduct').val();
155 if(premium_id == '') premium_id = 'no_thanks';
156 select_premium('#premium_id-'+premium_id);
158 // get the current amount
159 function get_amount() {
162 if (typeof totalfee !== "undefined") {
166 // see if other amount exists and has a value
167 if($('.other_amount-content input').length) {
168 amount = Number($('.other_amount-content input').val());
173 function check_price_set(price_set_radio_buttons) {
175 $(price_set_radio_buttons).each(function(){
176 if ($(this).prop('checked')) {
177 amount = $(this).attr('data-amount');
178 if (typeof amount !== "undefined") {
179 amount = Number(amount);
189 // check for additional contribution
190 var additional_amount = 0;
191 if(is_separate_payment) {
192 additional_amount = amount;
196 // make sure amount is a number at this point
197 if(!amount) amount = 0;
199 // next, check for membership/contribution level price set
200 check_price_set('#priceset input[type="radio"]');
202 // account for is_separate_payment
203 if(is_separate_payment && additional_amount) {
204 amount += additional_amount;
211 function update_premiums() {
212 var amount = get_amount();
214 $('.premium').each(function(){
215 var min_contribution = $(this).attr('min_contribution');
216 if(amount < min_contribution) {
217 $(this).addClass('premium-disabled');
219 $(this).removeClass('premium-disabled');
223 $('.other_amount-content input').change(update_premiums);
224 $('input, #priceset').change(update_premiums);
227 // build a list of price sets
230 $('input, #priceset select,#priceset').each(function(){
231 if (this.tagName == 'SELECT') {
232 var selectID = $(this).attr('id');
233 var selectvalues = JSON.parse($(this).attr('price'));
234 Object.keys(selectvalues).forEach(function (key) {
235 var option = selectvalues[key].split(optionSep);
236 amount = Number(option[0]);
237 price_sets[amount] = '#' + selectID + '-' + key;
238 amounts.push(amount);
242 var amount = Number($(this).attr('data-amount'));
243 if (!isNaN(amount)) {
244 amounts.push(amount);
246 var id = $(this).attr('id');
247 price_sets[amount] = '#'+id;
251 amounts.sort(function(a,b){return a - b});
253 // make contribution instead buttons work
254 $('.premium-full-disabled input').click(function(){
255 var amount = Number($(this).attr('amount'));
256 if (price_sets[amount]) {
257 if (!$(price_sets[amount]).length) {
258 var option = price_sets[amount].split('-');
259 $(option[0]).val(option[1]);
260 $(option[0]).trigger('change');
262 else if ($(price_sets[amount]).attr('type') == 'checkbox') {
263 $(price_sets[amount]).prop("checked",true);
264 if ((typeof totalfee !== 'undefined') && (typeof display == 'function')) {
275 $(price_sets[amount]).click();
276 $(price_sets[amount]).trigger('click');
279 // is there an other amount input box?
280 if($('.other_amount-section input').length) {
281 // is this a membership form with separate payment?
282 if(is_separate_payment) {
283 var current_amount = 0;
284 if($('#priceset input[type="radio"]:checked').length) {
285 current_amount = Number($('#priceset input[type="radio"]:checked').attr('data-amount'));
286 if(!current_amount) current_amount = 0;
288 var new_amount = amount - current_amount;
289 $('.other_amount-section input').val(new_amount.toFixed(2));
291 $('.other_amount-section input').click();
292 $('.other_amount-section input').val($(this).attr('amount'));
295 // find the next best price set
296 var selected_price_set = false;
297 for(var i in amounts) {
298 if(amounts[i] >= amount) {
299 selected_price_set = amounts[i];
303 if(!selected_price_set) {
304 selected_price_set = amounts[amounts.length-1];
307 if (!$(price_sets[selected_price_set]).length) {
308 var option = price_sets[selected_price_set].split('-');
309 $(option[0]).val(option[1]);
310 $(option[0]).trigger('change');
312 else if ($(price_sets[selected_price_set]).attr('type') == 'checkbox') {
313 $(price_sets[selected_price_set]).prop("checked",true);
314 if ((typeof totalfee !== 'undefined') && (typeof display == 'function')) {
325 $(price_sets[selected_price_set]).click();
326 $(price_sets[selected_price_set]).trigger('click');
333 // validation of premiums
334 var error_message = '{/literal}{ts escape="js"}You must contribute more to get that item{/ts}{literal}';
335 $.validator.addMethod('premiums', function(value, element, params){
336 var premium_id = $('#selectProduct').val();
337 var premium$ = $('#premium_id-'+premium_id);
338 if(premium$.length) {
339 if(premium$.hasClass('premium-disabled')) {
346 // add validation rules
347 CRM.validate.functions.push(function(){
348 $('#selectProduct').rules('add', 'premiums');
351 // need to use jquery validate's ignore option, so that it will not ignore hidden fields
352 CRM.validate.params['ignore'] = '.ignore';
361 cj('.premium-short').hide();
362 cj('.premium-full').show();