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

master
赵鹏 7 months ago
commit fe009220e7

@ -438,13 +438,13 @@
<div class="wholeWrap2"> <div class="wholeWrap2">
<p class="top_info">Dear <?php echo $username; ?>,</p> <p class="top_info">Hallo <?php echo $username; ?>,</p>
<p class="top_info"> Thanks for booking with us. China Highlights, Asia Highlights, and Global Highlights are <p class="top_info"> vielen Dank für Ihre Buchung bei uns. China Highlights, Asia Highlights und Global Highlights
working together to provide you an exclusive, exciting, and worry-free tour experience in different arbeiten zusammen, um Ihnen ein exklusives, spannendes und sorgenfreies Reiseerlebnis an verschiedenen Reisezielen
destinations. </p> zu bieten. </p>
<p class="top_info"> Please complete and submit the information below.</p> <p class="top_info"> Bitte füllen Sie die folgenden Informationen aus und senden Sie sie ab.</p>
<div class="tm_form_content"> <div class="tm_form_content">
@ -452,25 +452,26 @@
<div id="inquiryBox"> <div id="inquiryBox">
<h1> <h1>
Passport Information for All the Group Members Passinformationen für alle Gruppenmitglieder
</h1> </h1>
<p>Please ensure the details you provide are correct, as stated in your passport. We use this <p>Bitte stellen Sie sicher, dass die von Ihnen angegebenen Details korrekt sind, wie in Ihrem Reisepass
information to book all your hotels, transportation, and activities. If the information you angegeben. Wir verwenden diese Informationen, um alle Ihre Hotels, Transportmittel und Aktivitäten zu
provide is incorrect, you would not be able to board your flight or trains, and therefore buchen. Wenn die von Ihnen bereitgestellten Informationen inkorrekt sind, könnten Sie nicht in der Lage
reissuing of tickets would be at your expense!</p> sein, Ihren Flug oder Zug zu besteigen, und somit müssten Sie die Kosten für die Neuausstellung von Tickets
tragen!</p>
<div class="traveler_info"> <div class="traveler_info">
<h3 data-header>Primary contact</h3> <h3 data-header>Primärer Ansprechpartner</h3>
<div class="selectionBlock"> <div class="selectionBlock">
<select name="gender[]" class="gender_pick"> <select name="gender[]" class="gender_pick">
<option value="100001">Mr.</option> <option value="100001">Herr</option>
<option value="100003">Ms.</option> <option value="100003">Frau</option>
</select> </select>
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="sur_name[]" required=""> <input type="text" name="sur_name[]" required="">
<label> <label>
Sur name Familienname
</label> </label>
</div> </div>
</div> </div>
@ -479,22 +480,22 @@
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="given_name[]" required=""> <input type="text" name="given_name[]" required="">
<label> <label>
Given name Vorname
</label> </label>
</div> </div>
</div> </div>
<div id="name_error_msg" class="hidden">Please enter your name.</div> <div id="name_error_msg" class="hidden">Bitte geben Sie Ihren Namen ein.</div>
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="passport[]" required="" class="number" style="width: 100%;"> <input type="text" name="passport[]" required="" class="number" style="width: 100%;">
<label> <label>
Passport No. Passport Nr.
</label> </label>
</div> </div>
<div id="passport_error_msg" class="hidden">Please enter your passport number.</div> <div id="passport_error_msg" class="hidden">Bitte geben Sie Ihre Passnummer ein.</div>
<select class="country_code" name="nationality[]"> <select class="country_code" name="nationality[]">
<option value="" disabled="" selected="">Select your nationality</option> <option value="" disabled="" selected="">Wählen Sie Ihre Staatsangehörigkeit</option>
<option value="18">Australia</option> <option value="18">Australia</option>
<option value="5">Canada</option> <option value="5">Canada</option>
<option value="1">China</option> <option value="1">China</option>
@ -736,7 +737,7 @@
</select> </select>
<div class="inputTerm" id='phoneNumberDiv'> <div class="inputTerm" id='phoneNumberDiv'>
<select class="code" name="country_code" id="country_code"> <select class="code" name="country_code" id="country_code">
<option value="" disabled selected>Please select your country code</option> <option value="" disabled selected>Bitte wählen Sie Ihren Ländercode</option>
<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option> <option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option> <option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
<option style="font-weight: 600;" value="Australia +61">Australia&nbsp; &nbsp;+61</option> <option style="font-weight: 600;" value="Australia +61">Australia&nbsp; &nbsp;+61</option>
@ -994,57 +995,59 @@
<input type="text" name="mobile" required="" class="number" placeholder="Phone number"> <input type="text" name="mobile" required="" class="number" placeholder="Phone number">
</div> </div>
<div class="selectionBlock"> <div class="selectionBlock">
<p> Date of birth</p> <p> Geburtsdatum</p>
<input type="date" class="arrivalDate datepicker" name="birthday[]" value="" placeholder="mm/dd/yyyy" <input type="date" class="arrivalDate datepicker" name="birthday[]" value="" placeholder="mm/dd/yyyy"
autocomplete="off" min="1753-01-01" max="9999-12-31"> autocomplete="off" min="1753-01-01" max="9999-12-31">
</div> </div>
<div class="selectionBlock"> <div class="selectionBlock">
<p> Date of expiration </p> <p> Ablaufdatum </p>
<input type="date" class="arrivalDate datepicker" name="passport_expiration_date[]" value="" <input type="date" class="arrivalDate datepicker" name="passport_expiration_date[]" value=""
placeholder="mm/dd/yyyy" autocomplete="off" min="1753-01-01" max="9999-12-31"> placeholder="mm/dd/yyyy" autocomplete="off" min="1753-01-01" max="9999-12-31">
</div> </div>
<div id="birth_error_msg" class="hidden">Please select your date of birth.</div> <div id="birth_error_msg" class="hidden">Bitte wählen Sie Ihr Geburtsdatum aus.</div>
<div id="expiration_error_msg" class="hidden">Please select your date of passport expiration.</div> <div id="expiration_error_msg" class="hidden">Bitte wählen Sie das Ablaufdatum Ihres Reisepasses aus.</div>
<select class="country_code" name="occupation[]"> <select class="country_code" name="occupation[]">
<option>Occupation (optional)</option> <option>Beruf (optional)</option>
<option value="Professional">Professional</option> <option value="Professional">Professional</option>
<option value="Professor or similar">Professor or similar</option> <option value="Professor or similar">Professor oder ähnliches</option>
<option value="Retired person">Retired person</option> <option value="Retired person">Rentner</option>
<option value="Business owner">Business owner</option> <option value="Business owner">Geschäftsinhaber</option>
<option value="Government official">Government official</option> <option value="Government official">Regierungsbeamter</option>
<option value="Housewife">Housewife</option> <option value="Housewife">Hausfrau</option>
<option value="Self-emloyed person">Self-emloyed person</option> <option value="Self-emloyed person">Selbstständige</option>
<option value="Others">Others</option> <option value="Others">Andere</option>
</select> </select>
<button class="add_traveler_button" id="add_traveler_button" type="button">+ Add a traveler</button> <button class="add_traveler_button" id="add_traveler_button" type="button">+ Einen Reisenden
hinzufügen</button>
</div> </div>
</div> </div>
<div id="inquiryBox"> <div id="inquiryBox">
<h2>Your Flight Information</h2> <h2>Ihre Fluginformationen</h2>
<p>Your flight information will be forwarded to your guide/driver for airport pick up and drop off. <p>Ihre Fluginformationen werden für Ihren Guide/Fahrer zur Abholung und Rückgabe am Flughafen weitergeleitet.
Please ensure the details you provide are correct. You can skip this if your don't need airport Bitte stellen Sie sicher, dass die von Ihnen bereitgestellten Details korrekt sind. Dieser Schritt kann
transfer service.</p> übersprungen werden, wenn Sie keinen Flughafen-Transfer benötigen. </p>
<p>If you are not yet purchase your airline and insurance, please fill in the TBC in the link and provide <p>Wenn Sie Ihre Flugtickets und Versicherungen noch nicht erworben haben, tragen Sie bitte "wird noch bekannt
those information to your consultant or keep update after you confirm them.</p> gegeben (TBC)" in den Link ein und geben Sie die Informationen an Ihren Berater weiter oder aktualisieren
Sie diese, nachdem Sie sie bestätigt haben.</p>
<div class="selectionBlock" style="width: 100%;"> <div class="selectionBlock" style="width: 100%;">
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="MEI_ArrivalFlightNo"> <input type="text" name="MEI_ArrivalFlightNo">
<label> <label>
Arrival flight No. Ankunftsflugnummer
</label> </label>
</div> </div>
</div> </div>
<div class="selectionBlock" style="width: 100%;"> <div class="selectionBlock" style="width: 100%;">
<p>Arrival time</p> <p>Ankunftszeit</p>
<div class="inputTerm"> <div class="inputTerm">
<input type="datetime-local" name="MEI_ArrivalTime" min="1753-01-01T00:00" max="9999-12-31T00:00"> <input type="datetime-local" name="MEI_ArrivalTime" min="1753-01-01T00:00" max="9999-12-31T00:00">
@ -1054,25 +1057,26 @@
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="MEI_DepartureFlightNo"> <input type="text" name="MEI_DepartureFlightNo">
<label> <label>
Departure Flight No. Abflugflugnummer
</label> </label>
</div> </div>
</div> </div>
<div class="selectionBlock" style="width: 100%;"> <div class="selectionBlock" style="width: 100%;">
<p>Departure time</p> <p>Abflugzeit</p>
<div class="inputTerm"> <div class="inputTerm">
<input type="datetime-local" name="MEI_DepartureTime" min="1753-01-01T00:00" max="9999-12-31T00:00"> <input type="datetime-local" name="MEI_DepartureTime" min="1753-01-01T00:00" max="9999-12-31T00:00">
</div> </div>
</div> </div>
</div> </div>
<div id="inquiryBox"> <div id="inquiryBox">
<h2>Emergency Contact Information</h2> <h2>Notfall-Kontaktinformationen</h2>
<div class="emergency_title">(in case an unlikely event happens when you are travelling)</div> <div class="emergency_title">(für den Fall, dass während Ihrer Reise ein unwahrscheinliches Ereignis eintritt)
</div>
<div class="selectionBlock"> <div class="selectionBlock">
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="emergency_person_name" required=""> <input type="text" name="emergency_person_name" required="">
<label> <label>
Contact person's name Name des Kontakts
</label> </label>
</div> </div>
</div> </div>
@ -1080,53 +1084,53 @@
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="emergency_email" required=""> <input type="text" name="emergency_email" required="">
<label> <label>
Email address E-Mail-Adresse
</label> </label>
</div> </div>
</div> </div>
<div class="selectionBlock"> <div class="selectionBlock">
<p>Relationship with him/her</p> <p>Beziehung zu ihm/ihr </p>
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="emergency_relationship" required=""> <input type="text" name="emergency_relationship" required="">
<label> <label>
eg: He's Sue's father. z.B. Er ist Sues Vater.
</label> </label>
</div> </div>
</div> </div>
<div class="selectionBlock"> <div class="selectionBlock">
<p>Telephone No.</p> <p>Telefon Nr.</p>
<div class="inputTerm"> <div class="inputTerm">
<input type="text" name="emergency_telephone" required=""> <input type="text" name="emergency_telephone" required="">
<label> <label>
including country code and area code inklusive Landesvorwahl und Vorwahl
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<div id="inquiryBox"> <div id="inquiryBox">
<h2>Your Insurance Information and Other Special Request (optional)</h2> <h2>Ihre Versicherungsinformationen und sonstige Sonderwünsche (optional)</h2>
<textarea id="special_request" name="special_request" style="resize:none;"></textarea> <textarea id="special_request" name="special_request" style="resize:none;"></textarea>
</div> </div>
<!-- 🔜上传护照图片 --> <!-- 🔜上传护照图片 -->
<div id="inquiryBox"> <div id="inquiryBox">
<h2>Please upload a photocopy of your passport (ID page)</h2> <h2>Bitte laden Sie eine Fotokopie Ihres Reisepasses (Ausweisseite) hoch.</h2>
<div class="upload-section"> <div class="upload-section">
<input type="file" id="fileInput" accept="image/*" multiple> <input type="file" id="fileInput" accept="image/*" multiple>
<button id="uploadBtn">Upload</button> <button id="uploadBtn">Hochladen</button>
</div> </div>
<div class="progress-section" id="progressSection" style="display: none;"> <div class="progress-section" id="progressSection" style="display: none;">
<p>uploading...</p> <p>Hochladen...</p>
<div class="progress-bar"> <div class="progress-bar">
<div class="progress-fill" id="progressFill"></div> <div class="progress-fill" id="progressFill"></div>
</div> </div>
</div> </div>
<div class="uploaded-images" id="uploadedImages"> <div class="uploaded-images" id="uploadedImages">
<h2>Uploaded image</h2> <h2>Hochgeladenes Bild</h2>
<div class="image-grid" id="imageGrid"> <div class="image-grid" id="imageGrid">
<!-- 上传的图片将显示在这里 --> <!-- 上传的图片将显示在这里 -->
</div> </div>
@ -1259,7 +1263,7 @@
<img src="${imageData.url}" alt="${imageData.name}"> <img src="${imageData.url}" alt="${imageData.name}">
<div class="image-info"> <div class="image-info">
<h3>${imageData.name}</h3> <h3>${imageData.name}</h3>
<button class="delete-btn" data-id="${imageData.id}">Remove</button> <button class="delete-btn" data-id="${imageData.id}">Entfernen</button>
</div> </div>
</div> </div>
`; `;
@ -1430,7 +1434,7 @@
<input type="hidden" name="COLI_ID" value="<?php echo $userinfo[0]->COLI_ID; ?>"> <input type="hidden" name="COLI_ID" value="<?php echo $userinfo[0]->COLI_ID; ?>">
<input type="hidden" name="COLI_SN" value="<?php echo $userinfo[0]->COLI_SN; ?>"> <input type="hidden" name="COLI_SN" value="<?php echo $userinfo[0]->COLI_SN; ?>">
<input type="hidden" name="visitor_link" value="<?php echo $visitor_link; ?>"> <input type="hidden" name="visitor_link" value="<?php echo $visitor_link; ?>">
<button id="tmsubmit" type="button">Check & Submit</button> <button id="tmsubmit" type="button">Überprüfen & Absenden</button>
<input id="passport_info" name="passport_info" type="hidden" value="" /> <input id="passport_info" name="passport_info" type="hidden" value="" />
<input type="hidden" name="url" value="" /> <input type="hidden" name="url" value="" />
</div> </div>
@ -1445,15 +1449,15 @@
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button> aria-hidden="true">&times;</span></button>
<h4 class="modal-title text-danger">Please double check your information</h4> <h4 class="modal-title text-danger">Bitte überprüfen Sie Ihre Angaben noch einmal</h4>
</div> </div>
<div class="modal-body" id="reviewModal_body"> <div class="modal-body" id="reviewModal_body">
<p>...</p> <p>...</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Return & Change</button> <button type="button" class="btn btn-default" data-dismiss="modal">zurück&ändern</button>
<button type="button" class="btn btn-primary" id="btn-add-userinfo" onclick="submit_info_form();">Confirm & <button type="button" class="btn btn-primary" id="btn-add-userinfo"
Submit</button> onClick="submit_info_form();">Bestätigen&absenden</button>
</div> </div>
</div> </div>
</div> </div>
@ -1493,7 +1497,7 @@
const validityState = element.validity; const validityState = element.validity;
if (validityState.valueMissing) { if (validityState.valueMissing) {
result = false; result = false;
element.setCustomValidity('Please fill out this field.'); element.setCustomValidity('Bitte füllen Sie dieses Feld aus.');
element.reportValidity(); element.reportValidity();
break; break;
} }

Loading…
Cancel
Save