// Fungsi untuk mengambil nilai parameter dari URL function getParameterByName(name) { const url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); const results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } // Ambil nilai dari parameter 'id' const undanganId = getParameterByName('id'); // Event Listener untuk Tombol Generate document.getElementById("generateButton").addEventListener("click", function() { // Ambil input pengguna const namaTamu = document.getElementById("namaTamuInput").value.split("\n"); const teksPengantar = document.getElementById("teksPengantar").value; // Container untuk hasil generate const daftarNamaContainer = document.querySelector("#daftarNamaContainer tbody"); daftarNamaContainer.innerHTML = ""; // Bersihkan daftar sebelumnya // Opsi teks pengantar berdasarkan pilihan const teks = { formal: `Dengan segala hormat, kami bermaksud mengundang Bapak/Ibu/Saudara/i *${"{nama}"}* untuk menghadiri acara kami.\n\n*Berikut link undangan kami*, untuk informasi lebih lengkap mengenai acara dapat diakses melalui tautan berikut:\n\n[link-undangan]\n\nKami berharap Bapak/Ibu/Saudara/i dapat meluangkan waktu untuk menghadiri acara kami.\n\n*Mohon maaf undangan ini hanya disampaikan melalui pesan ini.*\n\nTerima kasih atas perhatiannya.`, muslim: `_Assalamualaikum Warahmatullahi Wabarakatuh_\n\nTanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i *${"{nama}"}* untuk menghadiri acara kami.\n\n*Berikut link undangan kami*, untuk info lengkap dari acara bisa kunjungi :\n\n[link-undangan]\n\nMerupakan suatu kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan untuk hadir dan memberikan doa restu.\n\n*Mohon maaf perihal undangan hanya di bagikan melalui pesan ini.*\n\nTerima kasih banyak atas perhatiannya.\n\n_Wassalamualaikum Warahmatullahi Wabarakatuh_`, nasrani: `Kepada:\n\n*${"{nama}"}*\n\nSalam Sejahtera Bagi Kita Semua. Tuhan membuat segala sesuatu indah pada waktunya dan mempersatukan kami dalam suatu ikatan pernikahan kudus, semoga Tuhan memberkati dalam mengiringi pernikahan kami.\n\nTanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i untuk menghadiri acara kami.\n\nBerikut link undangan kami:\n\n[link-undangan]\n\nMerupakan suatu kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan untuk hadir dan memberikan doa restu.\n\n*Mohon maaf perihal undangan hanya di bagikan melalui pesan ini.*\n\nTerima kasih.`, hindu: `Kepada Yth.\n\n*${"{nama}"}*\n\nOm Swastiastu\n\nTanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i, teman sekaligus sahabat, untuk menghadiri acara pernikahan kami:\n\nBerikut link undangan kami untuk info lengkap dari acara bisa kunjungi :\n\n[link-undangan]\n\nMerupakan suatu kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan untuk hadir dan memberikan doa restu.\n\nOm Shanti, Shanti, Shanti, Om.`, birthdayAnak: `Halo Bapak/Ibu/Saudara/i *${"{nama}"}*,\n\nKami dengan senang hati mengundang Bapak/Ibu beserta keluarga untuk menghadiri acara ulang tahun anak kami.\n\n*Berikut link undangan kami* untuk informasi lebih lengkap mengenai acara dapat diakses melalui tautan berikut:\n\n[link-undangan]\n\nTerima kasih banyak atas perhatian dan kehadirannya.`, akikahTasmiyah: `Assalamualaikum Warahmatullahi Wabarakatuh,\n\nDengan penuh rasa syukur, kami mengundang Bapak/Ibu/Saudara/i *${"{nama}"}* untuk menghadiri acara akikah/tasmiyah anak kami.\n\n*Berikut link undangan kami* untuk informasi lebih lengkap mengenai acara dapat diakses melalui tautan berikut:\n\n[link-undangan]\n\nMerupakan kebahagiaan bagi kami jika Bapak/Ibu/Saudara/i berkenan hadir dan turut mendoakan anak kami.\n\nTerima kasih atas perhatian dan kehadirannya.\n\nWassalamualaikum Warahmatullahi Wabarakatuh.`, }; // URL basis (ambil secara otomatis dari domain website) const baseUrl = window.location.origin; // Loop untuk setiap nama tamu let hasGenerated = false; namaTamu.forEach(function(nama) { if (nama.trim() !== "") { if (undanganId) { hasGenerated = true; // Tandai bahwa ada nama yang diproses // Buat link undangan yang dipersonalisasi const linkUndangan = `${baseUrl}/${undanganId}?to=${encodeURIComponent(nama.trim())}`; const personalizedText = teks[teksPengantar].replace("{nama}", nama.trim()).replace("[link-undangan]", linkUndangan); // Buat elemen baru untuk menampilkan hasilnya di tabel const row = document.createElement("tr"); row.innerHTML = ` ${nama.trim()} `; daftarNamaContainer.appendChild(row); } else { alert("Parameter 'id' tidak ditemukan di URL. Silakan pastikan URL mengandung parameter 'id'."); } } }); // Tampilkan tabel jika ada nama yang berhasil di-generate if (hasGenerated) { document.getElementById("daftarNamaContainer").classList.remove("hidden"); } }); // Fungsi untuk menyalin teks ke clipboard dengan fallback function copyTextToClipboard(text) { text = decodeURIComponent(text); const textArea = document.createElement("textarea"); textArea.value = text; textArea.style.position = "fixed"; textArea.style.left = "-9999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { const successful = document.execCommand('copy'); if (successful) { alert('Teks berhasil disalin ke clipboard.'); } else { alert('Gagal menyalin teks ke clipboard.'); } } catch (err) { console.error('Gagal menyalin teks menggunakan execCommand: ', err); } document.body.removeChild(textArea); }