X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FContactForm.vue;h=45b7c011c4b39dd2bee67abbcaed767b1c54fb7e;hb=dac395887d96e2d642b209c6db6aaacc3ffacb34;hp=20d35b0eb008117ec8ba369663fb359ff43e2c9d;hpb=c66a829b3770122fe0ff2fb9db8def9635bbc334;p=vchess.git

diff --git a/client/src/components/ContactForm.vue b/client/src/components/ContactForm.vue
index 20d35b0e..45b7c011 100644
--- a/client/src/components/ContactForm.vue
+++ b/client/src/components/ContactForm.vue
@@ -1,7 +1,8 @@
 <template lang="pug">
 div
   input#modalContact.modal(type="checkbox")
-  div(role="dialog" aria-labelledby="contactTitle")
+  div(role="dialog" data-checkbox="modalContact"
+      aria-labelledby="contactTitle")
     form.card.smallpad
       label.modal-close(for="modalContact")
       h3#contactTitle.section {{ st.tr["Contact form"] }}
@@ -16,13 +17,15 @@ div
         br
         textarea#mailContent
       fieldset
-        button(type="button" onClick="trySendMessage()") Send
+        button(type="button" @click="trySendMessage") Send
         p#emailSent {{ st.tr["Email sent!"] }}
 </template>
 
 <script>
 import { ajax } from "../utils/ajax";
 import { store } from "@/store";
+import { checkNameEmail } from "@/data/userCheck";
+
 export default {
   name: "my-contact-form",
   data: function() {
@@ -31,7 +34,7 @@ export default {
     };
   },
   methods: {
-		// Note: not using Vue here, but would be possible
+    // Note: not using Vue here, but would be possible
     trySendMessage: function() {
       let email = document.getElementById("userEmail");
       let subject = document.getElementById("mailSubject");
@@ -62,6 +65,12 @@ export default {
         }
       );
     },
-	},
+  },
 };
 </script>
+
+<style lang="sass" scoped>
+#emailSent
+  color: blue
+  display: none
+</style>