X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FUpsertUser.vue;h=6fc67742d02b56b8d70c10e9d8e67ff02bac7d0f;hb=ad16f8397b0d8a22897537e2f76b4388182a84af;hp=93c1fd4b8a9dcad94ce2107c854161062d6e32e8;hpb=3837d4f7885a3c3cdb468da2f3fa3fa1e5a1415a;p=vchess.git
diff --git a/client/src/components/UpsertUser.vue b/client/src/components/UpsertUser.vue
index 93c1fd4b..6fc67742 100644
--- a/client/src/components/UpsertUser.vue
+++ b/client/src/components/UpsertUser.vue
@@ -1,69 +1,97 @@
div
- input#modalUser.modal(type="checkbox" @change="trySetEnterTime")
- div(role="dialog")
+ input#modalUser.modal(
+ type="checkbox"
+ @change="trySetEnterTime($event)"
+ )
+ div#upsertDiv(
+ role="dialog"
+ data-checkbox="modalUser"
+ )
.card
label.modal-close(for="modalUser")
- h3 {{ stage }}
- form#userForm(@submit.prevent="onSubmit()" @keyup.enter="onSubmit")
+ h3.section
+ span.title {{ st.tr[stage] }}
+ | (
+ span.link(
+ v-if="stage!='Update'"
+ @click="toggleStage()"
+ )
+ | {{ st.tr[stage=="Login" ? "Register" : "Login"] }}
+ span.link(
+ v-else
+ @click="doLogout()"
+ )
+ | {{ st.tr["Logout"] }}
+ img(src="/images/icons/rightArrow.svg")
+ | )
+ div(@keyup.enter="onSubmit()")
div(v-show="stage!='Login'")
fieldset
- label(for="username") Name
- input#username(type="text" v-model="user.name")
+ label(for="u_username") {{ st.tr["User name"] }}
+ input#u_username(
+ type="text"
+ v-model="user.name"
+ )
fieldset
- label(for="useremail") Email
- input#useremail(type="email" v-model="user.email")
+ label(for="u_useremail") {{ st.tr["Email"] }}
+ input#u_useremail(
+ type="email"
+ v-model="user.email"
+ )
fieldset
- label(for="notifyNew") Notify new moves & games
- input#notifyNew(type="checkbox" v-model="user.notify")
+ 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") Name or Email
- input#nameOrEmail(type="text" v-model="nameOrEmail")
- .button-group
- button#submit(type="button" @click="onSubmit()")
- span {{ submitMessage }}
- i.material-icons send
- button(v-if="stage!='Update'" @click="toggleStage()")
- span {{ stage=="Login" ? "Register" : "Login" }}
- button(v-else @click="doLogout()")
- span Logout
- #dialog(:style="{display: displayInfo}") {{ infoMsg }}
+ label(for="nameOrEmail") {{ st.tr["Name or Email"] }}
+ input#nameOrEmail(
+ type="text"
+ v-model="nameOrEmail"
+ )
+ button#submitBtn(@click="onSubmit()")
+ | {{ st.tr[submitMessage] }}
+ #dialog.text-center {{ st.tr[infoMsg] }}
+
+