1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
|
<! 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>
|