diff --git a/application/views/mobile_first/ah-lantern-form-info-page.php b/application/views/mobile_first/ah-lantern-form-info-page.php index 56413dd3..eade6aa7 100644 --- a/application/views/mobile_first/ah-lantern-form-info-page.php +++ b/application/views/mobile_first/ah-lantern-form-info-page.php @@ -405,7 +405,7 @@ var totalPriceText = document.getElementById("totalPriceText"); var totalPriceHidden = document.getElementById("totalPriceHidden"); var adultNumberValue = parseInt(adultNumberNode.value); - var ticketPrice = 139; + var ticketPrice = 129; totalPriceHidden.value = ticketPrice * adultNumberValue; totalPriceText.innerText = '$' + ticketPrice; for (var i = 0; i < ticketTypeList.length; i++) { @@ -427,10 +427,15 @@ } var ticketDateList = document.querySelectorAll("input[name='ticket_date']"); + var ticketTypePremium = document.getElementById("ticket_type_premium"); var vipTypePremium = document.getElementById("vip_type_premium"); var ticketTypeStandard = document.getElementById("ticket_type_standard"); + var premiumOption = document.getElementById("Premium"); + var vipOption = document.getElementById("VIP"); + var standardOption = document.getElementById("Standard"); + var premiumTicketLeft = document.getElementById("premium_ticket_left"); var vipTicketLeft = document.getElementById("vip_ticket_left"); var standardTicketLeft = document.getElementById("standard_ticket_left"); @@ -440,29 +445,34 @@ var ticketDateNode = ticketDateList[i]; ticketDateNode.addEventListener('click', function (event) { var currentTarget = event.currentTarget; + standardOption.checked = false; + vipOption.checked = false; + premiumOption.checked = false; if (currentTarget.id === 'november27th') { - ticketTypePremium.style.display = ''; - ticketTypeStandard.style.display = ''; - vipTypePremium.style.display = ''; - // standardOption.disabled = true; setNovember27thTicketLeft(); } else { // november28th - ticketTypePremium.style.display = ''; - ticketTypeStandard.style.display = ''; - vipTypePremium.style.display = ''; - // standardOption.disabled = false; setNovember28thTicketLeft(); } }); } function setNovember27thTicketLeft() { + ticketPrice = 0; + totalPriceText.innerText = '$0'; + totalPriceHidden.value = 0; + + standardOption.disabled = true; + vipOption.disabled = true; + premiumOption.disabled = true; premiumTicketLeft.innerText = 'sold out'; vipTicketLeft.innerText = 'sold out'; standardTicketLeft.innerText = 'sold out'; } function setNovember28thTicketLeft() { + standardOption.disabled = false; + vipOption.disabled = false; + premiumOption.disabled = false; premiumTicketLeft.innerText = '20 left'; vipTicketLeft.innerText = '30 left'; standardTicketLeft.innerText = '60 left'; diff --git a/application/views/mobile_first/ah-lantern-form.php b/application/views/mobile_first/ah-lantern-form.php index 28c2dc31..bf6df4b3 100644 --- a/application/views/mobile_first/ah-lantern-form.php +++ b/application/views/mobile_first/ah-lantern-form.php @@ -424,6 +424,7 @@ } var ticketDateList = document.querySelectorAll("input[name='ticket_date']"); + var ticketTypePremium = document.getElementById("ticket_type_premium"); var vipTypePremium = document.getElementById("vip_type_premium"); var ticketTypeStandard = document.getElementById("ticket_type_standard"); @@ -441,33 +442,39 @@ var ticketDateNode = ticketDateList[i]; ticketDateNode.addEventListener('click', function (event) { var currentTarget = event.currentTarget; + standardOption.checked = false; + vipOption.checked = false; + premiumOption.checked = false; if (currentTarget.id === 'november27th') { - ticketTypePremium.style.display = ''; - ticketTypeStandard.style.display = ''; - vipTypePremium.style.display = ''; - // standardOption.disabled = true; setNovember27thTicketLeft(); } else { // november28th - ticketTypePremium.style.display = ''; - ticketTypeStandard.style.display = ''; - vipTypePremium.style.display = ''; - // standardOption.disabled = false; setNovember28thTicketLeft(); } }); } function setNovember27thTicketLeft() { + ticketPrice = 0; + totalPriceText.innerText = '$0'; + totalPriceHidden.value = 0; + + standardOption.disabled = true; + vipOption.disabled = true; + premiumOption.disabled = true; premiumTicketLeft.innerText = 'sold out'; vipTicketLeft.innerText = 'sold out'; standardTicketLeft.innerText = 'sold out'; } function setNovember28thTicketLeft() { + standardOption.disabled = false; + vipOption.disabled = false; + premiumOption.disabled = false; premiumTicketLeft.innerText = '20 left'; vipTicketLeft.innerText = '30 left'; standardTicketLeft.innerText = '60 left'; } + var plusButton = document.getElementById("plusButton"); var minusButton = document.getElementById("minusButton"); plusButton.addEventListener('click', function (event) {