fix phone number pattern error

Author: Awakich

projects/social_platform/src/app/auth/register/register.component.html

@@ -104,18 +104,24 @@
         <app-input
           size="big"
           id="phoneNumber"
+          [error]="phoneNumber | controlError"
           mask="0-000-000-00-00"
-          [error]="!!(phoneNumber | controlError)"
           type="text"
           placeholder="+79999999999"
           formControlName="phoneNumber"
           style="flex-grow: 1"
         ></app-input>
 
-        @if ((phoneNumber | controlError) && registerIsSubmitting) {
-        <div class="text-body-10 error">
-          {{ errorMessage.VALIDATION_REQUIRED }}
-        </div>
+        @if (phoneNumber | controlError) {
+        <ng-container>
+          @if (phoneNumber | controlError: "required") {
+          <div class="text-body-10 error">
+            {{ errorMessage.VALIDATION_REQUIRED }}
+          </div>
+          } @if (phoneNumber | controlError: "pattern") {
+          <div class="text-body-10 error">Неверный формат телефона</div>
+          }
+        </ng-container>
         }
       </fieldset>
       } @if (registerForm.get("email"); as email) {

projects/social_platform/src/app/auth/register/register.component.ts

@@ -75,7 +75,7 @@ export class RegisterComponent implements OnInit {
         ],
         password: ["", [Validators.required, this.validationService.usePasswordValidator(8)]],
         repeatedPassword: ["", [Validators.required]],
-        phoneNumber: ["", [Validators.maxLength(12)]],
+        phoneNumber: ["", [Validators.maxLength(15)]],
       },
       { validators: [validationService.useMatchValidator("password", "repeatedPassword")] }
     );
@@ -117,7 +117,12 @@ export class RegisterComponent implements OnInit {
       birthday: this.registerForm.value.birthday
         ? dayjs(this.registerForm.value.birthday, "DD.MM.YYYY").format("YYYY-MM-DD")
         : undefined,
+      phoneNumber:
+        typeof this.registerForm.value.phoneNumber === "string"
+          ? this.registerForm.value.phoneNumber.replace(/^([87])/, "+7")
+          : this.registerForm.value.phoneNumber,
     };
+
     delete payload.repeatedPassword;
 
     this.registerIsSubmitting = true;