projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Store state of games VS computer
[vchess.git]
/
client
/
src
/
components
/
UpsertUser.vue
diff --git
a/client/src/components/UpsertUser.vue
b/client/src/components/UpsertUser.vue
index
222a862
..
b5c6fbe
100644
(file)
--- a/
client/src/components/UpsertUser.vue
+++ b/
client/src/components/UpsertUser.vue
@@
-1,31
+1,56
@@
<template lang="pug">
div
<template lang="pug">
div
- input#modalUser.modal(type="checkbox" @change="trySetEnterTime($event)")
- div(role="dialog" data-checkbox="modalUser")
+ input#modalUser.modal(
+ type="checkbox"
+ @change="trySetEnterTime($event)"
+ )
+ div(
+ role="dialog"
+ data-checkbox="modalUser"
+ )
.card
label.modal-close(for="modalUser")
h3.section {{ st.tr[stage] }}
.card
label.modal-close(for="modalUser")
h3.section {{ st.tr[stage] }}
-
form(@submit.prevent="onSubmit()"
@keyup.enter="onSubmit()")
+
div(
@keyup.enter="onSubmit()")
div(v-show="stage!='Login'")
fieldset
label(for="username") {{ st.tr["User name"] }}
div(v-show="stage!='Login'")
fieldset
label(for="username") {{ st.tr["User name"] }}
- input#username(type="text" v-model="st.user.name")
+ input#username(
+ type="text"
+ v-model="st.user.name"
+ )
fieldset
label(for="useremail") {{ st.tr["Email"] }}
fieldset
label(for="useremail") {{ st.tr["Email"] }}
- input#useremail(type="email" v-model="st.user.email")
+ input#useremail(
+ type="email"
+ v-model="st.user.email"
+ )
fieldset
label(for="notifyNew") {{ st.tr["Notifications by email"] }}
fieldset
label(for="notifyNew") {{ st.tr["Notifications by email"] }}
- input#notifyNew(type="checkbox" v-model="st.user.notify")
+ input#notifyNew(
+ type="checkbox"
+ v-model="st.user.notify"
+ )
div(v-show="stage=='Login'")
fieldset
label(for="nameOrEmail") {{ st.tr["Name or Email"] }}
div(v-show="stage=='Login'")
fieldset
label(for="nameOrEmail") {{ st.tr["Name or Email"] }}
- input#nameOrEmail(type="text" v-model="nameOrEmail")
+ input#nameOrEmail(
+ type="text"
+ v-model="nameOrEmail"
+ )
.button-group
button(@click="onSubmit()")
span {{ st.tr[submitMessage] }}
.button-group
button(@click="onSubmit()")
span {{ st.tr[submitMessage] }}
- button(v-if="stage!='Update'" type="button" @click="toggleStage()")
+ button(
+ v-if="stage!='Update'"
+ type="button"
+ @click="toggleStage()"
+ )
span {{ st.tr[stage=="Login" ? "Register" : "Login"] }}
span {{ st.tr[stage=="Login" ? "Register" : "Login"] }}
- button(v-else type="button" @click="doLogout()")
+ button(
+ v-else type="button"
+ @click="doLogout()"
+ )
span {{ st.tr["Logout"] }}
#dialog.text-center {{ st.tr[infoMsg] }}
</template>
span {{ st.tr["Logout"] }}
#dialog.text-center {{ st.tr[infoMsg] }}
</template>
@@
-126,7
+151,7
@@
export default {
error = checkNameEmail({ [type]: this.nameOrEmail });
} else error = checkNameEmail(this.st.user);
if (error) {
error = checkNameEmail({ [type]: this.nameOrEmail });
} else error = checkNameEmail(this.st.user);
if (error) {
- alert(
error
);
+ alert(
this.st.tr[error]
);
return;
}
this.infoMsg = "Processing... Please wait";
return;
}
this.infoMsg = "Processing... Please wait";
@@
-158,6
+183,7
@@
export default {
[type="checkbox"].modal+div .card
max-width: 370px
max-height: 100%
[type="checkbox"].modal+div .card
max-width: 370px
max-height: 100%
+
#dialog
padding: 5px
color: blue
#dialog
padding: 5px
color: blue