projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Smaller Discord invitation size
[vchess.git]
/
client
/
src
/
components
/
ContactForm.vue
diff --git
a/client/src/components/ContactForm.vue
b/client/src/components/ContactForm.vue
index
50270e6
..
78e8b83
100644
(file)
--- a/
client/src/components/ContactForm.vue
+++ b/
client/src/components/ContactForm.vue
@@
-4,12
+4,15
@@
div
type="checkbox"
@change="trySetEnterTime($event)"
)
type="checkbox"
@change="trySetEnterTime($event)"
)
- div(
+ div
#contactDiv
(
role="dialog"
data-checkbox="modalContact"
)
.card
label.modal-close(for="modalContact")
role="dialog"
data-checkbox="modalContact"
)
.card
label.modal-close(for="modalContact")
+ a#discordLink(href="https://discord.gg/a9ZFKBe")
+ span {{ st.tr["Discord invitation"] }}
+ img(src="/images/icons/discord.svg")
fieldset
label(for="userEmail") {{ st.tr["Email"] }}
input#userEmail(type="email" :value="st.user.email")
fieldset
label(for="userEmail") {{ st.tr["Email"] }}
input#userEmail(type="email" :value="st.user.email")
@@
-26,6
+29,7
@@
div
import { ajax } from "@/utils/ajax";
import { store } from "@/store";
import { checkNameEmail } from "@/data/userCheck";
import { ajax } from "@/utils/ajax";
import { store } from "@/store";
import { checkNameEmail } from "@/data/userCheck";
+import { processModalClick } from "@/utils/modalClick.js";
export default {
name: "my-contact-form",
data: function() {
export default {
name: "my-contact-form",
data: function() {
@@
-35,6
+39,10
@@
export default {
infoMsg: ""
};
},
infoMsg: ""
};
},
+ mounted: function() {
+ document.getElementById("contactDiv")
+ .addEventListener("click", processModalClick);
+ },
methods: {
trySetEnterTime: function(event) {
if (event.target.checked) {
methods: {
trySetEnterTime: function(event) {
if (event.target.checked) {
@@
-93,6
+101,15
@@
textarea#mailContent
width: 100%
min-height: 100px
width: 100%
min-height: 100px
+#discordLink
+ display: block
+ margin-top: 7px
+ text-align: center
+ & > img
+ height: 1.3em
+ display: inline-block
+ margin-left: 5px
+
#dialog
padding: 5px
color: blue
#dialog
padding: 5px
color: blue