Implement contct dialog for hire me button in profile page

arbisyarifudin · Mar 13, 2024 · cff9f9d · cff9f9d
1 parent ed071d3
commit cff9f9d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/pages/profile.vue b/pages/profile.vue
@@ -52,7 +52,7 @@
                                 <div class="d-flex mt-4">
                                     <a download href="/documents/Resume - Arbi Syarifudin (EN).pdf" class="btn btn-outline-primary"><i class="bi bi-download me-2"></i>
                                         Download CV</a>
-                                    <button href="#" class="btn btn-primary ms-3"><i class="bi bi-envelope me-2"></i>
+                                    <button @click="openContactDialog" class="btn btn-primary ms-3"><i class="bi bi-envelope me-2"></i>
                                         Hire Me</button>
                                 </div>
 
@@ -179,6 +179,11 @@ useHead({
     ]
 })
 
+const openContactDialog = () => {
+    const contactDialog = new bootstrap.Modal(document.getElementById('contactDialog'), { keyboard: false })
+    contactDialog.show()
+}
+
 </script>
 
 <style lang="scss" scoped>