X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FUpsertUser.vue;h=2b28f64b65b20b2b0398c44c6d053557111ecfbb;hb=f44fd3bf754c113aa6b9ab241cbf24933877ae31;hp=5ea93a05531f80bfb1cd493768f5bdd16a7a25b9;hpb=c66a829b3770122fe0ff2fb9db8def9635bbc334;p=vchess.git
diff --git a/client/src/components/UpsertUser.vue b/client/src/components/UpsertUser.vue
index 5ea93a05..2b28f64b 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()")
+ h3 {{ st.tr[stage] }}
+ 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] }}