X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FContactForm.vue;h=734d7f19312f94f1d3dc3bdae585a18c8fac2248;hb=dcd68c4108412f45b8ce119ae80ce8f6e296800b;hp=cbfa622c9f0893e26aebe022b24c631f87e52d74;hpb=98db2082fd31e7a7bc0348e31ce119f39dbc31b3;p=vchess.git

diff --git a/client/src/components/ContactForm.vue b/client/src/components/ContactForm.vue
index cbfa622c..734d7f19 100644
--- a/client/src/components/ContactForm.vue
+++ b/client/src/components/ContactForm.vue
@@ -1,30 +1,39 @@
 <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 {{ $tr["Contact form"] }}
+      h3#contactTitle.section {{ st.tr["Contact form"] }}
       fieldset
-        label(for="userEmail") {{ $tr["Email"] }}
+        label(for="userEmail") {{ st.tr["Email"] }}
         input#userEmail(type="email")
       fieldset
-        label(for="mailSubject") {{ $tr["Subject"] }}
+        label(for="mailSubject") {{ st.tr["Subject"] }}
         input#mailSubject(type="text")
       fieldset
-        label(for="mailContent") {{ $tr["Content"] }}
+        label(for="mailContent") {{ st.tr["Content"] }}
         br
         textarea#mailContent
       fieldset
-        button(type="button" onClick="trySendMessage()") Send
-        p#emailSent {{ $tr["Email sent!"] }}
+        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: "ContactForm",
-	methods: {
+  name: "my-contact-form",
+  data: function() {
+    return {
+      st: store.state,
+    };
+  },
+  methods: {
 		// Note: not using Vue here, but would be possible
     trySendMessage: function() {
       let email = document.getElementById("userEmail");
@@ -59,3 +68,9 @@ export default {
 	},
 };
 </script>
+
+<style lang="sass" scoped>
+#emailSent
+  color: blue
+  display: none
+</style>