| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/onesolution.com.hk/namecard/simon/ |
Upload File : |
<! DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Name Card</title>
<meta name="description" />
<meta content="initial-scale=1" name="viewport" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
<body>
<div class="header">
<article class="profile">
<div class="profile-image">
<img src="img/simon.jpg" class="w-full" />
</div>
<div class="mb-4">
<h2 class="profile-username">Dr. Simon Chu</h2>
<small class="profile-user-handle">MB BS (HK), FRCSEd, FCSHK, FHKAM(Surgery)</small>
</div>
<div class="profile-actions">
<button class="btn btn--primary" id="save-btn">Save Contact</button>
<!--<button class="btn btn--primary" data-bs-toggle="modal" data-bs-target="#ExChangeModal">Exchange Contact</button>-->
</div>
</article>
</div>
<div class="body">
<!--<div class="box mb-4">Hello, I am Samuel Chan</div>-->
<ul class="list">
<li>
<a href="tel:85269900822" target="_blank" class="link item box">
<div class="listIcon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg" class="full-width">
<path
d="M5 4H9L11 9L8.5 10.5C9.57096 12.6715 11.3285 14.429 13.5 15.5L15 13L20 15V19C20 19.5304 19.7893 20.0391 19.4142 20.4142C19.0391 20.7893 18.5304 21 18 21C14.0993 20.763 10.4202 19.1065 7.65683 16.3432C4.8935 13.5798 3.23705 9.90074 3 6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4Z"
stroke="#194ecd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="listDetail">
<p class="secound-text small mb-1">Phone</p>
<p>+852 3505 1495</p>
</div>
</a>
</li>
<li>
<a href="mailto:samuel@onesolution.com.hk" target="_blank" class="link item box">
<div class="listIcon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 11L4 6H20ZM20 18H4V8L12 13L20 8V18Z"
fill="#194ecd" />
</svg>
</div>
<div class="listDetail">
<p class="secound-text small mb-1">Email</p>
<p class="text-truncate">simonchu@surgery.cuhk.edu.hk</p>
</div>
</a>
</li>
<li>
<a href="#" target="_blank" class="link item box">
<div class="listIcon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12 6.5C12.663 6.5 13.2989 6.76339 13.7678 7.23223C14.2366 7.70107 14.5 8.33696 14.5 9C14.5 9.3283 14.4353 9.65339 14.3097 9.95671C14.1841 10.26 13.9999 10.5356 13.7678 10.7678C13.5356 10.9999 13.26 11.1841 12.9567 11.3097C12.6534 11.4353 12.3283 11.5 12 11.5C11.337 11.5 10.7011 11.2366 10.2322 10.7678C9.76339 10.2989 9.5 9.66304 9.5 9C9.5 8.33696 9.76339 7.70107 10.2322 7.23223C10.7011 6.76339 11.337 6.5 12 6.5ZM12 2C13.8565 2 15.637 2.7375 16.9497 4.05025C18.2625 5.36301 19 7.14348 19 9C19 14.25 12 22 12 22C12 22 5 14.25 5 9C5 7.14348 5.7375 5.36301 7.05025 4.05025C8.36301 2.7375 10.1435 2 12 2ZM12 4C10.6739 4 9.40215 4.52678 8.46447 5.46447C7.52678 6.40215 7 7.67392 7 9C7 10 7 12 12 18.71C17 12 17 10 17 9C17 7.67392 16.4732 6.40215 15.5355 5.46447C14.5979 4.52678 13.3261 4 12 4Z"
fill="#194ecd" />
</svg>
</div>
<div class="listDetail">
<p class="secound-text small mb-1">Address</p>
<p>Prince of Wales Hospital . New Territories East Cluster Hospital, 30-32 Ngan Shing Street, Shatin, New Territories, Hong Kong</p>
</div>
</a>
</li>
</ul>
</div>
<!-- Modal -->
<!--<div class="modal fade" id="ExChangeModal" tabindex="-1" aria-labelledby="ExChangeModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form id="contactForm">
<div class="modal-header">
<h5 class="modal-title" id="ExchangeContact">Exchange Contact</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="mb-3">
<label for="ExName" class="form-label small"><span class="text-danger">*</span>Name</label>
<input type="text" class="form-control" id="ExName">
</div>
<div class="mb-3">
<label for="Ex_phone" class="form-label small"><span class="text-danger">*</span>Phone</label>
<div class="input-group mb-3">
<select class="form-select" id="Ex_phone_city">
<option selected value="+852">+852</option>
<option value="+86">+86</option>
</select>
<input type="text" class="form-control" id="Ex_phone" maxlength="8" aria-label="Exchange Phone">
</div>
</div>
<div class="mb-3">
<label for="ExEmail" class="form-label small"><span class="text-danger">*</span>Email Address</label>
<input type="email" class="form-control" id="ExEmail" placeholder="name@example.com">
</div>
<div class="mb-3">
<label for="ExCompany" class="form-label small">Company Name</label>
<input type="text" class="form-control" id="ExCompany">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn--secondary" data-bs-dismiss="modal">Close</button>
<button class="btn btn--primary" id="ChangeBtn">ExChange Contact</button>
</div>
</form>
</div>
</div>
</div>-->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var saveBtn = document.getElementById("save-btn");
saveBtn.addEventListener("click", function() {
// Get the contact information from the website
var contact = {
name: "Dr. Simon Chu",
title: "MB BS (HK), FRCSEd, FCSHK, FHKAM(Surgery)",
org: "Consultant, Division of Colorectal Surgery, Department of Surgery, Prince of Wales Hospital",
phone: "+85235051495",
fax: "+85226377974",
email: "simonchu@surgery.cuhk.edu.hk",
/*website: "www.onesolution.com.hk",*/
address: "Prince of Wales Hospital . New Territories East Cluster Hospital, 30-32 Ngan Shing Street, Shatin, New Territories, Hong Kong",
photo: "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",
};
// create a vcard file
var vcard = "BEGIN:VCARD\nVERSION:4.0\nPRODID:-//Apple Inc.//iPhone OS 12.3.1//EN" +
"\nFN:" + contact.name +
"\nTEL;WORK:" + contact.phone +
"\nTEL;FAX:" + contact.fax +
"\nEMAIL:" + contact.email +
"\nADR:" + contact.address +
"\nPHOTO;TYPE=JPEG;ENCODING=BASE64:" + contact.photo +
"\nTITLE:" + contact.title +
//"\nURL:" + contact.website +
"\nEND:VCARD";
var blob = new Blob([vcard], {
type: "text/vcard"
});
var url = URL.createObjectURL(blob);
const newLink = document.createElement('a');
newLink.download = contact.name + ".vcf";
newLink.textContent = contact.name;
newLink.href = url;
newLink.click();
});
$(function() {
$(document).on('change', '#Ex_phone_city', function() {
var selectedValue = $(this).val();
/* console.log(selectedValue); */
phoneCity(selectedValue);
});
});
function phoneCity(selectedValue) {
switch (selectedValue) {
case "+852":
$("#Ex_phone").val("");
$("#Ex_phone").attr("maxlength", "8");
break;
case "+86":
$("#Ex_phone").val("");
$("#Ex_phone").attr("maxlength", "11");
break;
}
}
function myClickFunction() {
const email = "samuel@onesolution.com.hk";
const ex_name = $("#ExName").val();
const ex_phone_all = $("#Ex_phone_city").val() + $('#Ex_phone').val();
const ex_phone = $('#Ex_phone').val();
const ex_email = $("#ExEmail").val();
const ex_company = $("#ExCompany").val();
/* console.log("name:" + ex_name + "name:" + ex_phone + "name:" + ex_email); */
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
const phonePattern = /^[0-9]{8,11}$/;
let errorMessage = ""; // 儲存錯誤信息
if (ex_name != "" && ex_phone != "" && ex_email != "") {
const isEmailValid = emailPattern.test(ex_email);
const isPhoneValid = phonePattern.test(ex_phone);
if (!isEmailValid) {
errorMessage += "Please enter a valid email\n";
}
if (!isPhoneValid) {
errorMessage += "Please enter a valid phone";
}
if (isEmailValid && isPhoneValid) {
sendvcard(ex_name, ex_phone_all, ex_email, ex_company, email);
} else if (errorMessage) {
alert(errorMessage.trim()); // 顯示錯誤信息
}
} else {
alert('Please enter a valid.');
}
}
function sendvcard(ex_name, ex_phone_all, ex_email, ex_company, email) {
const subject = 'NEW exchange contact -' + ex_name;
const body =
`Name:${ex_name}_____\nPhone:${ex_phone_all}_____\nEmail:${ex_email}_____\nCompany:${ex_company}`;
const mailtoLink =
`mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
window.location.href = mailtoLink;
$('#ExChangeModal').modal('hide');
}
// Add event listener to the button
document.getElementById('ChangeBtn').addEventListener('click', myClickFunction);
</script>
</body>
</html>