<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Add to Contact</title>
<!-- Include the qrcode.js library -->
</script>
</head>
<script>
function addToContact() {
// User details (replace these with your actual user details)
var userDetails = {
firstname: 'John Doe',
organization:'test',
title:'first',
email: 'john.doe@example.com',
phone: '+1234567890'
};
var vCardData = generateVCard(userDetails);
var blob = new Blob([vCardData], { type: 'text/vcard' });
// var url = window.URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
// a.download = 'contact.vcf';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
function generateVCard(userDetails) {
var vCard = "BEGIN:VCARD\n";
vCard += "VERSION:3.0\n";
vCard += "N:" + userDetails.firstname + "\n";
vCard += "ORG:" + userDetails.organization + "\n";
vCard += "TITLE:" + userDetails.title + "\n";
vCard += "EMAIL;TYPE=INTERNET:" + userDetails.email + "\n";
vCard += "TEL;TYPE=WORK,VOICE:" + userDetails.phone + "\n";
vCard += "END:VCARD\n";
// Generate QR code
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: vCard,
width: 128,
height: 128
});
}
</script>
<body onload="addToContact()">
<!--<img src="a" alt="Generated Image" />-->
<div id="qrcode"></div>
</body>
</j:jelly>
