You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
406 lines
10 KiB
406 lines
10 KiB
function genCard(vcard) {
|
|
// 名片預覽
|
|
let vcardLink;
|
|
if (vcard.url.trim().length > 0) {
|
|
if (vcard.nc_func.indexOf("nourl") !== -1) {
|
|
vcardLink = `{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [
|
|
{
|
|
"type": "icon",
|
|
"url": "https://demo.zltest.com.tw/line/icon02.png",
|
|
"offsetTop": "3px"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.url}",
|
|
"color": "#333334",
|
|
"size": "sm",
|
|
"weight": "bold"
|
|
}
|
|
],
|
|
"spacing": "lg",
|
|
"margin": "sm"
|
|
},
|
|
`;
|
|
} else {
|
|
vcardLink = `
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [
|
|
{
|
|
"type": "icon",
|
|
"url": "https://demo.zltest.com.tw/line/icon02.png",
|
|
"offsetTop": "3px"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.url}",
|
|
"color": "#333334",
|
|
"size": "sm",
|
|
"weight": "bold",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "${vcard.url}"
|
|
}
|
|
}
|
|
],
|
|
"spacing": "lg",
|
|
"margin": "sm"
|
|
},
|
|
`;
|
|
}
|
|
} else {
|
|
vcardLink = "";
|
|
}
|
|
|
|
let vcardAddr;
|
|
if (vcard.address.trim().length > 0) {
|
|
vcardAddr = `
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [
|
|
{
|
|
"type": "icon",
|
|
"url": "https://demo.zltest.com.tw/line/icon04.png",
|
|
"offsetTop": "3px"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.address}",
|
|
"color": "#333334",
|
|
"size": "sm",
|
|
"weight": "bold",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "https://www.google.com.tw/maps/place/${encodeURIComponent(
|
|
vcard.address
|
|
)}"
|
|
},
|
|
"wrap": true
|
|
}
|
|
],
|
|
"spacing": "lg",
|
|
"margin": "sm"
|
|
},
|
|
`;
|
|
} else {
|
|
vcardAddr = "";
|
|
}
|
|
|
|
let vcardTel;
|
|
|
|
if (vcard.tel.trim().length > 0) {
|
|
vcardTel = `
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [
|
|
{
|
|
"type": "icon",
|
|
"url": "https://demo.zltest.com.tw/line/icon01.png",
|
|
"offsetTop": "3px"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.tel}",
|
|
"color": "#333334",
|
|
"size": "sm",
|
|
"weight": "bold",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "tel:${vcard.tel}"
|
|
}
|
|
}
|
|
],
|
|
"spacing": "lg",
|
|
"margin": "sm"
|
|
},
|
|
`;
|
|
} else {
|
|
vcardTel = "";
|
|
}
|
|
|
|
let vcardPhone;
|
|
|
|
if (vcard.phone.trim().length > 0) {
|
|
vcardPhone = `
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [
|
|
{
|
|
"type": "icon",
|
|
"url": "https://demo.zltest.com.tw/line/icon01.png",
|
|
"offsetTop": "3px"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.phone}",
|
|
"color": "#333334",
|
|
"size": "sm",
|
|
"weight": "bold",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "tel:${vcard.phone}"
|
|
}
|
|
}
|
|
],
|
|
"spacing": "lg",
|
|
"margin": "sm"
|
|
},
|
|
`;
|
|
} else {
|
|
vcardPhone = "";
|
|
}
|
|
|
|
let vcardAvatar;
|
|
|
|
if (vcard.avatar.trim().length > 0) {
|
|
vcardAvatar = `
|
|
{
|
|
"type": "image",
|
|
"url": "${vcard.avatar}",
|
|
"size": "full",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "${vcard.nfcurl}&cardid=1"
|
|
}
|
|
}
|
|
`;
|
|
} else {
|
|
vcardAvatar = "";
|
|
}
|
|
|
|
let vcardEmail;
|
|
|
|
if (vcard.email.trim().length > 0) {
|
|
vcardEmail = `
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [
|
|
{
|
|
"type": "icon",
|
|
"url": "https://demo.zltest.com.tw/line/icon03.png",
|
|
"offsetTop": "3px"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.email}",
|
|
"color": "#333334",
|
|
"size": "sm",
|
|
"weight": "bold",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "mailto:${vcard.email}"
|
|
}
|
|
}
|
|
],
|
|
"spacing": "lg",
|
|
"margin": "sm"
|
|
},
|
|
`;
|
|
} else {
|
|
vcardEmail = "";
|
|
}
|
|
|
|
// 名片發送
|
|
|
|
let card = `
|
|
{
|
|
"altText": "UTel電子名片",
|
|
"type": "flex",
|
|
"contents":
|
|
{
|
|
"type": "bubble",
|
|
"size": "giga",
|
|
"body": {
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
{
|
|
"type": "image",
|
|
"url": "https://demo.zltest.com.tw/line/bg02.jpg",
|
|
"size": "full",
|
|
"aspectMode": "cover",
|
|
"aspectRatio": "4:3",
|
|
"gravity": "top",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "${vcard.nfcurl}&cardid=1"
|
|
}
|
|
},
|
|
{
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
{
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
${vcardAvatar}
|
|
],
|
|
"width": "80px",
|
|
"height": "80px",
|
|
"cornerRadius": "50px"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.company}",
|
|
"color": "#ffffff",
|
|
"size": "md",
|
|
"weight": "bold",
|
|
"wrap": true,
|
|
"align": "center",
|
|
"margin": "sm"
|
|
}
|
|
],
|
|
"position": "absolute",
|
|
"offsetTop": "13%",
|
|
"offsetStart": "3%",
|
|
"width": "26%",
|
|
"alignItems": "center"
|
|
},
|
|
{
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
{
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
{
|
|
"type": "text",
|
|
"text": "加入好友",
|
|
"align": "center",
|
|
"color": "#ffffff",
|
|
"weight": "bold",
|
|
"margin": "xs"
|
|
}
|
|
],
|
|
"backgroundColor": "#222222",
|
|
"width": "100%",
|
|
"cornerRadius": "5px",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "https://line.naver.jp/ti/p/~${vcard.line}"
|
|
},
|
|
"paddingTop": "5px",
|
|
"paddingBottom": "5px"
|
|
},
|
|
{
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
{
|
|
"type": "text",
|
|
"text": "分享名片",
|
|
"align": "center",
|
|
"color": "#ffffff",
|
|
"weight": "bold",
|
|
"margin": "xs"
|
|
}
|
|
],
|
|
"backgroundColor": "#222222",
|
|
"width": "100%",
|
|
"cornerRadius": "5px",
|
|
"margin": "md",
|
|
"paddingTop": "5px",
|
|
"paddingBottom": "5px",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "${import.meta.env.VITE_APP_SEND_URL}/?userid=${vcard.user_id}&cardid=1&tpl=0"
|
|
}
|
|
}
|
|
],
|
|
"position": "absolute",
|
|
"offsetStart": "4%",
|
|
"width": "25%",
|
|
"offsetBottom": "5%"
|
|
},
|
|
{
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.title}",
|
|
"color": "#333334",
|
|
"size": "md",
|
|
"weight": "bold"
|
|
}
|
|
],
|
|
"spacing": "lg"
|
|
},
|
|
{
|
|
"type": "box",
|
|
"layout": "vertical",
|
|
"contents": [
|
|
{
|
|
"type": "text",
|
|
"text": "${vcard.name}",
|
|
"size": "xxl",
|
|
"color": "#333334",
|
|
"weight": "bold",
|
|
"action": {
|
|
"type": "uri",
|
|
"label": "action",
|
|
"uri": "${vcard.nfcurl}"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [],
|
|
"backgroundColor": "#d5602d",
|
|
"height": "1px",
|
|
"margin": "lg"
|
|
},
|
|
${vcardPhone}
|
|
${vcardTel}
|
|
${vcardLink}
|
|
${vcardEmail}
|
|
${vcardAddr}
|
|
{
|
|
"type": "box",
|
|
"layout": "baseline",
|
|
"contents": [],
|
|
"spacing": "lg",
|
|
"margin": "sm"
|
|
}
|
|
],
|
|
"position": "absolute",
|
|
"offsetTop": "12%",
|
|
"offsetStart": "37%",
|
|
"offsetEnd": "5%"
|
|
}
|
|
],
|
|
"paddingAll": "0px"
|
|
}
|
|
}
|
|
}
|
|
`;
|
|
return { card };
|
|
}
|
|
|
|
export { genCard };
|