Haina
/
information-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:hainatravel/information-system

Browse Source
master
赵鹏 2 years ago
parent 30d902dc8c 0d4833b416
commit 9d76daafbc
1 changed files with 98 additions and 85 deletions
Show Stats Download Patch File Download Diff File

183
application/views/mobile_first/ah-lantern-form.php
Unescape Escape View File

@ -6,7 +6,7 @@
<p style="font-size: 22px;"><strong>Select a Venue:</strong></p> <p style="font-size: 22px;"><strong>Select a Venue:</strong></p>
<div class="selectHotl" style="margin-bottom: 20px;"> <div class="selectHotl" style="margin-bottom: 20px;">
<div class="optionLable"> <div class="optionLable">
<input type="radio" value="CAD Khomloy Sky Lanterns Festival" checked id="Khomloy" name="Venue"> <input type="radio" value="CAD Khomloy Sky Lanterns Festival" disabled id="Khomloy" name="Venue">
<label for="Khomloy"> <label for="Khomloy">
<strong>CAD Khomloy Sky Lanterns Festival</strong> <strong>CAD Khomloy Sky Lanterns Festival</strong>
<br> <br>
@ -15,7 +15,7 @@
</div> </div>
<div class="optionLable"> <div class="optionLable">
<input type="radio" value="Heritage Sky Lanterns Festival" id="Heritage" name="Venue"> <input type="radio" value="Heritage Sky Lanterns Festival" checked id="Heritage" name="Venue">
<label for="Heritage"> <label for="Heritage">
<strong>Heritage Sky Lanterns Festival</strong> <strong>Heritage Sky Lanterns Festival</strong>
<br> <br>
@ -25,23 +25,25 @@
</div> </div>
<p style="font-size: 22px;"><strong>Select Date:</strong></p> <p style="font-size: 22px;"><strong>Select Date:</strong></p>
<div class="selectHotl" style="margin-bottom: 20px;" > <div class="selectHotl" style="margin-bottom: 20px;" >
<!--khomloy ticket date start-->
<div class="optionLable" id="khomloy_ticket_date_november15th"> <div class="optionLable" id="khomloy_ticket_date_november15th">
<input type="radio" value="2024-11-15" disabled id="khomloy_november15th" name="ticket_date"> <input type="radio" value="2024-11-15" disabled id="khomloy_november15th_radio" name="ticket_date">
<label for="november15th"> <label for="khomloy_november15th_radio">
November 15th, 2024 November 15th, 2024
</label> </label>
</div> </div>
<div class="optionLable" id="khomloy_ticket_date_november16th"> <div class="optionLable" id="khomloy_ticket_date_november16th">
<input type="radio" value="2024-11-16" checked id="khomloy_november16th" name="ticket_date"> <input type="radio" value="2024-11-16" disabled id="khomloy_november16th_radio" name="ticket_date">
<label for="november16th"> <label for="khomloy_november16th_radio">
November 16th, 2024 November 16th, 2024
</label> </label>
</div> </div>
<!--khomloy ticket date end-->
<!--heritage ticket date start--> <!--heritage ticket date start-->
<div class="optionLable" id="heritage_ticket_date_november15th" style="display:none;"> <div class="optionLable" id="heritage_ticket_date_november15th" style="display:none;">
<input type="radio" value="2024-11-15" disabled id="heritage_november15th" name="ticket_date"> <input type="radio" value="2024-11-15" checked id="heritage_november15th_radio" name="ticket_date">
<label for="heritage_november15th"> <label for="heritage_november15th_radio">
November 15th, 2024 November 15th, 2024
</label> </label>
</div> </div>
@ -50,10 +52,10 @@
<p style="font-size: 22px;"><strong>Select a Ticket Type:</strong></p> <p style="font-size: 22px;"><strong>Select a Ticket Type:</strong></p>
<div class="selectHotl" style="margin-bottom: 20px;"> <div class="selectHotl" style="margin-bottom: 20px;">
<!--khomloy start--> <!--khomloy ticket start-->
<div class="optionLable" id="ticket_type_premium_khomloy"> <div class="optionLable" id="khomloy_ticket_premium_div">
<input type="radio" value="Premium+Transfer+Dinner" id="premium_khomloy" data-price="199" name="ticket_type"> <input type="radio" value="Premium+Transfer+Dinner" id="khomloy_ticket_premium_radio" data-price="199" name="ticket_type">
<label for="premium_khomloy" style="font-size:18px;"> <label for="khomloy_ticket_premium_radio" style="font-size:18px;">
Premium+Transfer+Dinner Premium+Transfer+Dinner
<div class="selectionMemo"> <div class="selectionMemo">
US$199 US$199
@ -61,31 +63,31 @@
<div id='premium_khomloy_left' class="dynamic-label" style="font-size: 18px; display:none;">Sold out</div> <div id='premium_khomloy_left' class="dynamic-label" style="font-size: 18px; display:none;">Sold out</div>
</label> </label>
</div> </div>
<div class="optionLable" id="ticket_type_vip_khomloy"> <div class="optionLable" id="khomloy_ticket_vip_div">
<input type="radio" value="VIP+Transfer+Dinner" checked id="vip_khomloy" data-price="179" name="ticket_type"> <input type="radio" value="VIP+Transfer+Dinner" id="khomloy_ticket_vip_radio" data-price="179" name="ticket_type">
<label for="vip_khomloy" style="font-size:18px;"> <label for="khomloy_ticket_vip_radio" style="font-size:18px;">
VIP+Transfer+Dinner VIP+Transfer+Dinner
<div class="selectionMemo"> <div class="selectionMemo">
US$179 US$179
</div> </div>
<div id='vip_khomloy_left' class="dynamic-label" style="font-size: 18px; display:none;">65 left</div> <div id='vip_khomloy_left' class="dynamic-label" style="font-size: 18px; display:none;">Sold out</div>
</label> </label>
</div> </div>
<div class="optionLable" id="ticket_type_standard_khomloy"> <div class="optionLable" id="khomloy_ticket_standard_div">
<input type="radio" id="standard_khomloy" data-price="139" name="ticket_type" value="Standard+Transfer+Dinner"> <input type="radio" id="khomloy_ticket_standard_radio" data-price="139" name="ticket_type" value="Standard+Transfer+Dinner">
<label for="standard_khomloy" style="font-size:18px;"> <label for="khomloy_ticket_standard_radio" style="font-size:18px;">
Standard+Transfer+Dinner Standard+Transfer+Dinner
<div class="selectionMemo"> <div class="selectionMemo">
US$139 US$139
</div> </div>
<div id='standard_khomloy_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div> <div id='standard_khomloy_left' class="dynamic-label" style="font-size: 18px;display:none">Sold out</div>
</label> </label>
</div> </div>
<!--khomloy end--> <!--khomloy ticket end-->
<!--heritage start--> <!--heritage ticket start-->
<div class="optionLable" id="ticket_type_premium_heritage" style="display:none;"> <div class="optionLable" id="heritage_ticket_premium_div" style="display:none;">
<input type="radio" id="premium_heritage" data-price="159" name="ticket_type" value="Premium service +Shuttle Transfer+Dinner"> <input type="radio" id="heritage_ticket_premium_radio" data-price="159" name="ticket_type" value="Premium service +Shuttle Transfer+Dinner">
<label for="premium_heritage" style="font-size:18px;"> <label for="heritage_ticket_premium_radio" style="font-size:18px;">
Premium service +Shuttle Transfer+Dinner Premium service +Shuttle Transfer+Dinner
<div class="selectionMemo"> <div class="selectionMemo">
US$159 US$159
@ -93,9 +95,9 @@
<div id='premium_heritage_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div> <div id='premium_heritage_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div>
</label> </label>
</div> </div>
<div class="optionLable" id="ticket_type_vip_heritage" style="display:none;"> <div class="optionLable" id="heritage_ticket_vip_div" style="display:none;">
<input type="radio" id="vip_heritage" data-price="109" name="ticket_type" value="VIP Service+Shuttle Transfer+Dinner"> <input type="radio" id="heritage_ticket_vip_radio" data-price="109" checked name="ticket_type" value="VIP Service+Shuttle Transfer+Dinner">
<label for="vip_heritage" style="font-size:18px;"> <label for="heritage_ticket_vip_radio" style="font-size:18px;">
VIP Service+Shuttle Transfer+Dinner VIP Service+Shuttle Transfer+Dinner
<div class="selectionMemo"> <div class="selectionMemo">
US$109 US$109
@ -103,7 +105,7 @@
<div id='vip_heritage_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div> <div id='vip_heritage_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div>
</label> </label>
</div> </div>
<!--heritage end--> <!--heritage ticket end-->
</div> </div>
<div id="ticket_type_errmsg" style="display: none"> <div id="ticket_type_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select at least one option.</div> <div class="requiredArea" style="margin-top:-10px;">Please select at least one option.</div>
@ -423,45 +425,49 @@
var ticketDateList = document.querySelectorAll("input[name='ticket_date']"); var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
var ticketTypeList = document.querySelectorAll("input[name='ticket_type']"); var ticketTypeList = document.querySelectorAll("input[name='ticket_type']");
var ticket_type_premium_khomloy_div = document.getElementById("ticket_type_premium_khomloy"); // khomloy elements
var ticket_type_vip_khomloy_div = document.getElementById("ticket_type_vip_khomloy"); var khomloy_ticket_premium_div = document.getElementById("khomloy_ticket_premium_div");
var ticket_type_standard_khomloy_div = document.getElementById("ticket_type_standard_khomloy"); var khomloy_ticket_vip_div = document.getElementById("khomloy_ticket_vip_div");
var khomloy_ticket_standard_div = document.getElementById("khomloy_ticket_standard_div");
var ticket_type_premium_heritage_div = document.getElementById("ticket_type_premium_heritage"); var khomloy_november15th_radio = document.getElementById("khomloy_november15th_radio");
var ticket_type_vip_heritage_div = document.getElementById("ticket_type_vip_heritage"); var khomloy_november16th_radio = document.getElementById("khomloy_november15th_radio");
var heritage_november15th_radio = document.getElementById("heritage_november15th"); var khomloy_ticket_premium_radio = document.getElementById("khomloy_ticket_premium_radio");
var khomloy_november15th_radio = document.getElementById("khomloy_november15th"); var khomloy_ticket_vip_radio = document.getElementById("khomloy_ticket_vip_radio");
var khomloy_november16th_radio = document.getElementById("khomloy_november16th"); var khomloy_ticket_standard_radio = document.getElementById("khomloy_ticket_standard_radio");
var premium_khomloy_radio = document.getElementById("premium_khomloy");
var premium_heritage_radio = document.getElementById("premium_heritage");
var vip_heritage_radio = document.getElementById("vip_heritage");
var khomloy_ticket_date_november15th = document.getElementById("khomloy_ticket_date_november15th"); var khomloy_ticket_date_november15th = document.getElementById("khomloy_ticket_date_november15th");
var khomloy_ticket_date_november16th = document.getElementById("khomloy_ticket_date_november16th"); var khomloy_ticket_date_november16th = document.getElementById("khomloy_ticket_date_november16th");
var heritage_ticket_date_november15th = document.getElementById("heritage_ticket_date_november15th");
var premium_khomloy_left = document.getElementById("premium_khomloy_left"); var premium_khomloy_left = document.getElementById("premium_khomloy_left");
var vip_khomloy_left = document.getElementById("vip_khomloy_left"); var vip_khomloy_left = document.getElementById("vip_khomloy_left");
var standard_khomloy_left = document.getElementById("standard_khomloy_left"); var standard_khomloy_left = document.getElementById("standard_khomloy_left");
var premium_khomloy_input = document.getElementById("premium_khomloy"); // heritage elements
var vip_khomloy_input = document.getElementById("vip_khomloy"); var heritage_ticket_premium_div = document.getElementById("heritage_ticket_premium_div");
var standard_khomloy_input = document.getElementById("standard_khomloy"); var heritage_ticket_vip_div = document.getElementById("heritage_ticket_vip_div");
var heritage_november15th_radio = document.getElementById("heritage_november15th_radio");
var heritage_ticket_premium_radio = document.getElementById("heritage_ticket_premium_radio");
var heritage_ticket_vip_radio = document.getElementById("heritage_ticket_vip_radio");
var heritage_ticket_date_november15th = document.getElementById("heritage_ticket_date_november15th");
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
setNovember16thTicket(); // setNovember16thTicket();
setHeritageTicket();
// 15 号没票了 // 15 号没票了
khomloy_ticket_date_november15th.addEventListener('click', function () { khomloy_ticket_date_november15th.addEventListener('click', function () {
// setNovember15thTicket(); // setNovember15thTicket();
}); });
// 16 号没票了
khomloy_ticket_date_november16th.addEventListener('click', function () { khomloy_ticket_date_november16th.addEventListener('click', function () {
setNovember16thTicket(); // setNovember16thTicket();
}); });
}); });
@ -470,37 +476,30 @@
vip_khomloy_left.innerText ='Sold out' vip_khomloy_left.innerText ='Sold out'
standard_khomloy_left.innerText ='Sold out' standard_khomloy_left.innerText ='Sold out'
premium_khomloy_input.disabled = true; khomloy_ticket_premium_radio.disabled = true;
vip_khomloy_input.disabled = true; khomloy_ticket_vip_radio.disabled = true;
standard_khomloy_input.disabled = true; khomloy_ticket_standard_radio.disabled = true;
// vip_khomloy_input.checked = true; // khomloy_ticket_vip_radio.checked = true;
currentTicketPrice = parseInt(vip_khomloy_input.getAttribute('data-price')); currentTicketPrice = parseInt(khomloy_ticket_vip_radio.getAttribute('data-price'));
adultNumberValue = parseInt(adultNumberNode.value); adultNumberValue = parseInt(adultNumberNode.value);
calcTotalPrice(currentTicketPrice, adultNumberValue); calcTotalPrice(currentTicketPrice, adultNumberValue);
} }
function setNovember16thTicket() { function setNovember16thTicket() {
var premium_khomloy_left = document.getElementById("premium_khomloy_left");
var vip_khomloy_left = document.getElementById("vip_khomloy_left");
var standard_khomloy_left = document.getElementById("standard_khomloy_left");
var premium_khomloy_input = document.getElementById("premium_khomloy");
var vip_khomloy_input = document.getElementById("vip_khomloy");
var standard_khomloy_input = document.getElementById("standard_khomloy");
premium_khomloy_left.innerText ='80 left' premium_khomloy_left.innerText ='80 left'
vip_khomloy_left.innerText ='Sold out' vip_khomloy_left.innerText ='Sold out'
standard_khomloy_left.innerText ='Sold out' standard_khomloy_left.innerText ='Sold out'
premium_khomloy_input.disabled = false; khomloy_ticket_premium_radio.disabled = true;
vip_khomloy_input.disabled = true; khomloy_ticket_vip_radio.disabled = true;
standard_khomloy_input.disabled = true; khomloy_ticket_standard_radio.disabled = true;
premium_khomloy_input.checked = true; khomloy_ticket_premium_radio.checked = true;
currentTicketPrice = parseInt(premium_khomloy_input.getAttribute('data-price')); currentTicketPrice = parseInt(khomloy_ticket_premium_radio.getAttribute('data-price'));
adultNumberValue = parseInt(adultNumberNode.value); adultNumberValue = parseInt(adultNumberNode.value);
calcTotalPrice(currentTicketPrice, adultNumberValue); calcTotalPrice(currentTicketPrice, adultNumberValue);
} }
@ -543,49 +542,63 @@
function setKhomloyTicket() { function setKhomloyTicket() {
khomloy_ticket_date_november15th.style.display = ''; khomloy_ticket_date_november15th.style.display = '';
khomloy_ticket_date_november16th.style.display = ''; khomloy_ticket_date_november16th.style.display = '';
heritage_ticket_date_november15th.style.display = 'none'; heritage_ticket_date_november15th.style.display = 'none';
heritage_november15th_radio.disabled = true; heritage_november15th_radio.disabled = true;
khomloy_november15th_radio.disabled = true; khomloy_november15th_radio.disabled = true;
khomloy_november16th_radio.disabled = false; khomloy_november16th_radio.disabled = true;
khomloy_november15th_radio.checked = false;
khomloy_november16th_radio.checked = false;
khomloy_november16th_radio.checked = true; khomloy_ticket_premium_radio.disabled = false;
khomloy_ticket_vip_radio.disabled = false;
khomloy_ticket_standard_radio.disabled = false;
ticket_type_premium_khomloy_div.style.display = ''; khomloy_ticket_premium_div.style.display = '';
ticket_type_vip_khomloy_div.style.display = ''; khomloy_ticket_vip_div.style.display = '';
ticket_type_standard_khomloy_div.style.display = ''; khomloy_ticket_standard_div.style.display = '';
ticket_type_premium_heritage_div.style.display = 'none'; heritage_ticket_premium_div.style.display = 'none';
ticket_type_vip_heritage_div.style.display = 'none'; heritage_ticket_vip_div.style.display = 'none';
premium_khomloy_radio.checked = true; khomloy_ticket_premium_radio.checked = true;
currentTicketPrice = parseInt(premium_khomloy_radio.getAttribute('data-price')); currentTicketPrice = parseInt(khomloy_ticket_premium_radio.getAttribute('data-price'));
adultNumberValue = parseInt(adultNumberNode.value); adultNumberValue = parseInt(adultNumberNode.value);
calcTotalPrice(currentTicketPrice, adultNumberValue); calcTotalPrice(currentTicketPrice, adultNumberValue);
} }
function setHeritageTicket() { function setHeritageTicket() {
// khomloy
khomloy_ticket_date_november15th.style.display = 'none'; khomloy_ticket_date_november15th.style.display = 'none';
khomloy_ticket_date_november16th.style.display = 'none'; khomloy_ticket_date_november16th.style.display = 'none';
heritage_ticket_date_november15th.style.display = '';
heritage_november15th_radio.disabled = false; khomloy_ticket_premium_div.style.display = 'none';
khomloy_ticket_vip_div.style.display = 'none';
khomloy_ticket_standard_div.style.display = 'none';
khomloy_november15th_radio.disabled = true; khomloy_november15th_radio.disabled = true;
khomloy_november16th_radio.disabled = true; khomloy_november16th_radio.disabled = true;
heritage_november15th_radio.checked = true; khomloy_ticket_premium_radio.disabled = true;
khomloy_ticket_vip_radio.disabled = true;
khomloy_ticket_standard_radio.disabled = true;
// heritage
heritage_ticket_date_november15th.style.display = '';
ticket_type_premium_khomloy_div.style.display = 'none'; heritage_november15th_radio.disabled = false;
ticket_type_vip_khomloy_div.style.display = 'none'; heritage_november15th_radio.checked = true;
ticket_type_standard_khomloy_div.style.display = 'none';
ticket_type_premium_heritage_div.style.display = ''; heritage_ticket_premium_div.style.display = '';
ticket_type_vip_heritage_div.style.display = ''; heritage_ticket_vip_div.style.display = '';
premium_heritage_radio.disabled = true; heritage_ticket_premium_radio.disabled = false;
vip_heritage_radio.checked = true; heritage_ticket_vip_radio.checked = true;
currentTicketPrice = parseInt(vip_heritage_radio.getAttribute('data-price')); currentTicketPrice = parseInt(heritage_ticket_vip_radio.getAttribute('data-price'));
adultNumberValue = parseInt(adultNumberNode.value); adultNumberValue = parseInt(adultNumberNode.value);
calcTotalPrice(currentTicketPrice, adultNumberValue); calcTotalPrice(currentTicketPrice, adultNumberValue);
} }

Write Preview
Loading…
Cancel
Save