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

11

Browse Source
master
candice 1 year ago
parent 9f1291b69c
commit 0c29043b7d
1 changed files with 100 additions and 99 deletions
Show Stats Download Patch File Download Diff File

199
application/views/mobile_first/ah-tour-list-form.php
Unescape Escape View File

@ -211,82 +211,83 @@
</div>
</div>
<div class="selectionBlock">
<h4>
When would you travel?
</h4>
<div id="date_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
</div>
<div class="travel_group date_select">
<input type="radio" value="exact dates" id="exact" name="trip_date">
<label for="exact" class="family">
Exact dates
</label>
</div>
<div class="travel_group date_select">
<input type="radio" value="approximate dates" id="approximate" name="trip_date">
<label for="approximate" class="couple">
Approximate dates
</label>
</div>
<div class="travel_group date_select">
<input type="radio" value="Undecided dates " id="yet" name="trip_date">
<label for="yet" class="solo">
Undecided dates
</label>
</div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<div id="dateSelectionBlock">
<div id='flatpickrBlock'>
<input class="InquiryCalendar datepicker" id="starting_date" name="date_start" placeholder="Select your exact travel date." readonly="readonly" type="text" value="" />
</div>
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your exact travel date.">
<select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
<div class="selectionBlock" style="margin-bottom: 10px;">
<h4>
When would you travel?
</h4>
<div id="date_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
</div>
<div class="travel_group date_select" >
<input type="radio" value="exact dates" id="exact" name="trip_date">
<label for="exact" class="updatedestination" style="font-size: 18px;">
Exact dates
</label>
</div>
<div class="travel_group date_select" >
<input type="radio" value="approximate dates" id="approximate" name="trip_date">
<label for="approximate" class="updatedestination" style="font-size: 18px;">
Approximate dates
</label>
</div>
<div class="travel_group date_select" >
<input type="radio" value="Undecided dates" id="yet" name="trip_date">
<label for="yet" class="updatedestination" style="font-size: 18px;">
Undecided dates
</label>
</div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<div id='dateSelectionBlock'>
<input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
margin-top: 5px;">
<select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
<option value="" disabled selected>Select your approximate travel date.</option>
<option value="Jan. 2024">Jan. 2024</option>
<option value="Feb. 2024">Feb. 2024</option>
<option value="Mar. 2024">Mar. 2024</option>
<option value="Apr. 2024">Apr. 2024</option>
<option value="May. 2024">May. 2024</option>
<option value="Jun. 2024">Jun. 2024</option>
<option value="Jul. 2024">Jul. 2024</option>
<option value="Aug. 2024">Aug. 2024</option>
<option value="Sep. 2024">Sep. 2024</option>
<option value="Oct. 2024">Oct. 2024</option>
<option value="Nov. 2024">Nov. 2024</option>
<option value="Dec. 2024">Dec. 2024</option>
<option value="Jan. 2024">Jan. 2024</option>
<option value="Feb. 2024">Feb. 2024</option>
<option value="Mar. 2024">Mar. 2024</option>
<option value="Apr. 2024">Apr. 2024</option>
<option value="May. 2024">May. 2024</option>
<option value="Jun. 2024">Jun. 2024</option>
<option value="Jul. 2024">Jul. 2024</option>
<option value="Aug. 2024">Aug. 2024</option>
<option value="Sep. 2024">Sep. 2024</option>
<option value="Oct. 2024">Oct. 2024</option>
<option value="Nov. 2024">Nov. 2024</option>
<option value="Dec. 2024">Dec. 2024</option>
<option value="Jan. 2025">Jan. 2025</option>
<option value="Feb. 2025">Feb. 2025</option>
<option value="Mar. 2025">Mar. 2025</option>
<option value="Apr. 2025">Apr. 2025</option>
<option value="May. 2025">May. 2025</option>
<option value="Jun. 2025">Jun. 2025</option>
<option value="Jul. 2025">Jul. 2025</option>
<option value="Aug. 2025">Aug. 2025</option>
<option value="Sep. 2025">Sep. 2025</option>
<option value="Oct. 2025">Oct. 2025</option>
<option value="Nov. 2025">Nov. 2025</option>
<option value="Dec. 2025">Dec. 2025</option>
<option value="Jan. 2025">Jan. 2025</option>
<option value="Feb. 2025">Feb. 2025</option>
<option value="Mar. 2025">Mar. 2025</option>
<option value="Apr. 2025">Apr. 2025</option>
<option value="May. 2025">May. 2025</option>
<option value="Jun. 2025">Jun. 2025</option>
<option value="Jul. 2025">Jul. 2025</option>
<option value="Aug. 2025">Aug. 2025</option>
<option value="Sep. 2025">Sep. 2025</option>
<option value="Oct. 2025">Oct. 2025</option>
<option value="Nov. 2025">Nov. 2025</option>
<option value="Dec. 2025">Dec. 2025</option>
<option value="Jan. 2026">Jan. 2026</option>
<option value="Feb. 2026">Feb. 2026</option>
<option value="Mar. 2026">Mar. 2026</option>
<option value="Apr. 2026">Apr. 2026</option>
<option value="May. 2026">May. 2026</option>
<option value="Jun. 2026">Jun. 2026</option>
<option value="Jul. 2026">Jul. 2026</option>
<option value="Aug. 2026">Aug. 2026</option>
<option value="Sep. 2026">Sep. 2026</option>
<option value="Oct. 2026">Oct. 2026</option>
<option value="Nov. 2026">Nov. 2026</option>
<option value="Dec. 2026">Dec. 2026</option>
</select>
</div>
</div>
</div>
<option value="Jan. 2026">Jan. 2026</option>
<option value="Feb. 2026">Feb. 2026</option>
<option value="Mar. 2026">Mar. 2026</option>
<option value="Apr. 2026">Apr. 2026</option>
<option value="May. 2026">May. 2026</option>
<option value="Jun. 2026">Jun. 2026</option>
<option value="Jul. 2026">Jul. 2026</option>
<option value="Aug. 2026">Aug. 2026</option>
<option value="Sep. 2026">Sep. 2026</option>
<option value="Oct. 2026">Oct. 2026</option>
<option value="Nov. 2026">Nov. 2026</option>
<option value="Dec. 2026">Dec. 2026</option>
</select>
</div>
</div>
</div>
<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text"
value="" />
<div id="realname_errmsg" style="display: none">
@ -617,29 +618,29 @@ document.addEventListener('DOMContentLoaded', () => {
minDate: "today"
});
var tour_list_button = document.getElementById("tour_list_button");
var tour_list_form = document.getElementById("tour_list_form");
tour_list_button.addEventListener('click', function (event) {
var validateResult = validateQuickInquiryForm();
if (validateResult) {
if (typeof (grecaptcha) === "undefined") {
console.warn('grecaptcha is disabled.');
tour_list_form.submit();
} else {
grecaptcha.enterprise.ready(async () => {
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', { action: 'ADD_TO_CART' });
var el = document.createElement("input");
el.type = "hidden";
el.name = "__grecaptcha_token__";
el.value = token;
tour_list_form.appendChild(el);
tour_list_form.submit();
tour_list_button.innerText = "Submitted successfully";
});
}
}
});
var quick_inquiry_button = document.getElementById("quick_inquiry_button");
var quick_inquiry_form = document.getElementById("quick_inquiry_form");
quick_inquiry_button.addEventListener('click', function(event) {
var validateResult = validateQuickInquiryForm();
if (validateResult) {
if (typeof(grecaptcha) === "undefined") {
console.warn('grecaptcha is disabled.');
quick_inquiry_form.submit();
} else {
grecaptcha.enterprise.ready(async () => {
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
var el = document.createElement("input");
el.type = "hidden";
el.name = "__grecaptcha_token__";
el.value = token;
quick_inquiry_form.appendChild(el);
quick_inquiry_form.submit();
quick_inquiry_button.innerText = "Submitted successfully";
});
}
}
});
});
function validateQuickInquiryForm() {
@ -685,11 +686,11 @@ function validateQuickInquiryForm() {
tripDate_is_checked = true;
}
//时间选择
if (!tripDate_is_checked) {
//时间选择
if (!tripDate_is_checked) {
startingDateErrEl.style.display = '';
result = false;
}
}
if (realnameVal === '') {
realnameErrEl.style.display = '';

Write Preview
Loading…
Cancel
Save