X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FContactForm.vue;h=3f97f592079e01f6a6043a65bb89f58f2956c6b4;hb=79f0e776bd370d4d8dde59827e4a287bd3395335;hp=aae0a50446cca441d539bee02ffedc9c0bfb84e5;hpb=603b8a8b4a854efb168953da70e7b43ae99b50d9;p=vchess.git

diff --git a/client/src/components/ContactForm.vue b/client/src/components/ContactForm.vue
index aae0a504..3f97f592 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"] }}
@@ -12,7 +13,7 @@ div
         label(for="mailSubject") {{ st.tr["Subject"] }}
         input#mailSubject(type="text")
       fieldset
-        label(for="mailContent") {{ st.tr["Content"] }}
+        label(for="mailContent") {{ st.tr["Content"] }} *
         br
         textarea#mailContent
       fieldset
@@ -33,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");
@@ -42,8 +43,8 @@ export default {
       if (!!error)
         return alert(error);
       if (content.value.trim().length == 0)
-        return alert("Empty message");
-      if (subject.value.trim().length == 0 && !confirm("No subject. Send anyway?"))
+        return alert(this.st.tr["Empty message"]);
+      if (subject.value.trim().length == 0 && !confirm(this.st.tr["No subject. Send anyway?"]))
         return;
 
       // Message sending:
@@ -64,6 +65,12 @@ export default {
         }
       );
     },
-	},
+  },
 };
 </script>
+
+<style lang="sass" scoped>
+#emailSent
+  color: blue
+  display: none
+</style>