X-Git-Url: https://git.auder.net/?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2Fcomponents%2FUpsertUser.vue;h=d54014dfa603650614bf5af5c798948d8170d437;hb=602d6befd30793111d3fda6e733f73e08d8b7a30;hp=5ea93a05531f80bfb1cd493768f5bdd16a7a25b9;hpb=c66a829b3770122fe0ff2fb9db8def9635bbc334;p=vchess.git
diff --git a/client/src/components/UpsertUser.vue b/client/src/components/UpsertUser.vue
index 5ea93a05..d54014df 100644
--- a/client/src/components/UpsertUser.vue
+++ b/client/src/components/UpsertUser.vue
@@ -1,153 +1,179 @@
-// Logic to login, or create / update a user (and also logout)
div
input#modalUser.modal(type="checkbox" @change="trySetEnterTime")
- div(role="dialog")
+ div(role="dialog" data-checkbox="modalUser")
.card
label.modal-close(for="modalUser")
h3 {{ stage }}
- form#userForm(@submit.prevent="onSubmit()")
+ form#userForm(@submit.prevent="onSubmit()" @keyup.enter="onSubmit")
div(v-show="stage!='Login'")
fieldset
- label(for="username") Name
+ label(for="username") {{ st.tr["Name"] }}
input#username(type="text" v-model="user.name")
fieldset
-
-
+ label(for="useremail") {{ st.tr["Email"] }}
+ input#useremail(type="email" v-model="user.email")
fieldset
-
-
+ label(for="notifyNew") {{ st.tr["Notifications by email"] }}
+ input#notifyNew(type="checkbox" v-model="user.notify")
div(v-show="stage=='Login'")
fieldset
-
-
+ label(for="nameOrEmail") {{ st.tr["Name or Email"] }}
+ input#nameOrEmail(type="text" v-model="nameOrEmail")
.button-group
- button#submit(@click="onSubmit()")
- span {{ submitMessage }}
- i.material-icons send
+ button#submit(type="button" @click="onSubmit()")
+ span {{ st.tr[submitMessage] }}
button(v-if="stage!='Update'" @click="toggleStage()")
- span {{ stage=="Login" ? "Register" : "Login" }}
- button(v-if="stage=='Update'" onClick="location.replace('/logout')")
- span Logout
- #dialog(:style="{display: displayInfo}") {{ infoMsg }}
+ span {{ st.tr[stage=="Login" ? "Register" : "Login"] }}
+ button#logoutBtn(v-else @click="doLogout()")
+ span {{ st.tr["Logout"] }}
+ #dialog(:style="{display: displayInfo}") {{ st.tr[infoMsg] }}