FJurmanovic/wallet-web
1
0
Fork 0
mirror of https://github.com/FJurmanovic/wallet-web.git synced 2026-02-06 06:08:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

created login page

Browse Source
This commit is contained in:
Fran Jurmanović
2021-05-30 13:29:30 +02:00
parent ffad98acd6
commit eb0cca567d
11 changed files with 230 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/pages/register-page/RegisterPageElement.ts
View File

@@ -31,12 +31,12 @@ class RegisterPageElement extends HTMLElement {
if (!this.validate()) {
return;
}
const response = await this.appMain.authStore.userLogin(
const response = await this.appMain.authStore.userRegister(
this.values
);
if (response?.token) {
this.appMain.routerService.goTo("/");
if (response?.id) {
this.appMain.routerService.goTo("/login");
}
} catch (err) {}
};
@@ -50,33 +50,42 @@ class RegisterPageElement extends HTMLElement {
return _return;
}
render() {
return html`
<form>
<input-field
data-type="text"
data-name="username"
data-label="Username"
data-targets="register-page.inputs"
data-rules="required"
></input-field>
<input-field
data-type="email"
data-name="email"
data-label="E-mail"
data-targets="register-page.inputs"
data-rules="required|isEmail"
></input-field>
<input-field
data-type="password"
data-name="password"
data-label="Password"
data-targets="register-page.inputs"
data-rules="required"
>
</input-field>
<button
type="button"
data-action="click:register-page#onSubmit"
>
Register
</button>
</form>
`;
}
update() {
render(
html`
<form>
<input-field
data-type="email"
data-name="email"
data-label="E-mail"
data-targets="register-page.inputs"
data-rules="required|isEmail"
></input-field>
<input-field
data-type="password"
data-name="password"
data-label="Password"
data-targets="register-page.inputs"
>
</input-field>
<button
type="button"
data-action="click:register-page#onSubmit"
>
Register
</button>
</form>
`,
this
);
render(this.render(), this);
}
}