diff --git a/src/pages/profile-edit/profile-edit.ts b/src/pages/profile-edit/profile-edit.ts
new file mode 100644
index 0000000..5662ff0
--- /dev/null
+++ b/src/pages/profile-edit/profile-edit.ts
@@ -0,0 +1,15 @@
+import '../profile/profile.less';
+import ProfileEditPageTmpl from './profile-edit.hbs?raw';
+import { BaseForm } from '../../core/BaseForm';
+
+export class ProfileEditPage extends BaseForm {
+ render(): string {
+ return ProfileEditPageTmpl;
+ }
+
+ protected onValid(formData: Record
) {
+ console.log('Profile edit successful', formData);
+
+ this.navigate('ProfilePage');
+ }
+}
diff --git a/src/pages/profile/index.ts b/src/pages/profile/index.ts
deleted file mode 100644
index 4e55059..0000000
--- a/src/pages/profile/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import './profile.less';
-export { default as ProfilePage } from './profile.hbs?raw';
diff --git a/src/pages/profile/profile.hbs b/src/pages/profile/profile.hbs
index 9fae64e..3fbfda2 100644
--- a/src/pages/profile/profile.hbs
+++ b/src/pages/profile/profile.hbs
@@ -1,6 +1,6 @@
diff --git a/src/pages/profile/profile.less b/src/pages/profile/profile.less
index e92fadb..629ff80 100644
--- a/src/pages/profile/profile.less
+++ b/src/pages/profile/profile.less
@@ -49,20 +49,49 @@
.item {
justify-content: space-between;
margin-bottom: 1rem;
- border-bottom: 2px solid @profile__info-underline-color;
.label, label {
color: @secondary__font-color;
}
&.editable {
- .input {
- .input(@border: none, @background: none, @width: 60%);
+ label {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ padding: 5px;
+ }
+
+ .input-wrapper {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ margin-bottom: 0;
+ border-bottom: 2px solid @profile__info-underline-color;
+
+ .input {
+ .input(@border: none, @background: none, @width: 60%, @padding: 0);
+ text-align: right;
- text-align: right;
+ &:hover, &:active, &:focus-visible {
+ border: none !important;
+ }
+ }
+
+ &.has-error {
+ border-bottom: 2px solid red;
+
+ .input {
+ .input(@border: none, @background: none) !important;
+ }
+ }
- &:hover, &:active, &:focus-visible {
- border: none !important;
+ .error-message {
+ position: absolute;
+ font-size: 0.75rem;
+ color: #ff0000;
+ left: 47%;
+ margin-top: 2.75rem;
}
}
diff --git a/src/pages/profile/profile.ts b/src/pages/profile/profile.ts
new file mode 100644
index 0000000..f4882bb
--- /dev/null
+++ b/src/pages/profile/profile.ts
@@ -0,0 +1,13 @@
+import './profile.less';
+import Block, {Props} from "../../core/Block";
+import ProfilePageTmpl from './profile.hbs?raw';
+
+export class ProfilePage extends Block {
+ constructor(props: Props) {
+ super(props);
+ }
+
+ render(): string {
+ return ProfilePageTmpl;
+ }
+}
diff --git a/src/pages/registration-form/index.ts b/src/pages/registration-form/index.ts
deleted file mode 100644
index c0580f9..0000000
--- a/src/pages/registration-form/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import './registration-form.less';
-export { default as RegistrationForm } from './registration-form.hbs?raw';
diff --git a/src/pages/registration-form/registration-form.hbs b/src/pages/registration-form/registration-form.hbs
index db69e26..7c3e9e1 100644
--- a/src/pages/registration-form/registration-form.hbs
+++ b/src/pages/registration-form/registration-form.hbs
@@ -2,25 +2,25 @@
Create Account