### File

`src/app/Views/profile/profile.component.ts`

### Metadata

selector | `app-profile`
styleUrls | `profile.component.scss`
templateUrl | `profile.component.html`

### Constructor

`constructor(profileService: any, dialog: MatDialog)`

### Methods

onSubmit
`onSubmit()`
Returns: `void`

updateUser
`updateUser()`
Returns: `void`

openDialog
`openDialog(action: string)`
Returns: `void`

openHelp
`openHelp()`
Returns: `void`

### Properties

dialog
`dialog: `MatDialog``

form
`form: `any``

passwordFormControl
`passwordFormControl: `FormControl``

telegramIdFormControl
`telegramIdFormControl: `FormControl``

userId
`userId: `string``

userNameFormControl
`userNameFormControl: `FormControl``

    import { Component, OnInit } from '@angular/core';
    import { FormControl, Validators } from '@angular/forms';
    import { MatDialog } from '@angular/material/dialog';
    import { ProfileService } from 'src/app/Services/profile.service';
    import { ConfirmationDialogComponent } from './confirmation-dialog/confirmation-dialog.component';
    import { HelpDialogComponent } from './help-dialog/help-dialog.component';

    @Component({
      selector: 'app-profile',
      templateUrl: './profile.component.html',
      styleUrls: ['./profile.component.scss'],
    })
    export class ProfileComponent implements OnInit {
      userNameFormControl = new FormControl('', [Validators.required]);
      passwordFormControl = new FormControl('', [
        Validators.required,
        Validators.minLength(6),
      ]);
      telegramIdFormControl = new FormControl('', [
        Validators.required,
        Validators.minLength(6),
      ]);

      userId = '';

      form: any = {
        username: null,
        email: 'example@web.com',
        password: 'password',
      };

      constructor(
        private profileService: ProfileService,
        public dialog: MatDialog
      ) {}

      ngOnInit(): void {
        this.profileService.getUserData().subscribe((result) => {
          console.log(result);
          result = JSON.parse(result);
          this.form.username = result.data.username;
          this.form.password = result.data.password;
          this.form.email = result.data.email;
          this.userId = result.data.telegram_user_id;
        });
      }

      onSubmit() {
        if (this.userId != '') {
          console.log(this.userId);
          this.profileService
            .addTelegramId('' + this.userId)
            .subscribe((result) => {
              console.log(result);
            });
        }
      }

      updateUser() {
        const { username, email, password } = this.form;
        this.profileService
          .updateProfile(this.form.username, this.form.password)
          .subscribe((result) => {
            console.log(result);
          });
      }

      openDialog(action: string) {
        const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
          width: '50vw',
          height: '20vh',
        });

        dialogRef.afterClosed().subscribe((result) => {
          if (result === true) {
            if (action === 'addTelegram') {
              this.onSubmit();
            } else if (action === 'updateUser') {
              this.updateUser();
            }
          }
        });
      }

      openHelp() {
        const dialogRef = this.dialog.open(HelpDialogComponent, {
          width: '50vw',
          height: '20vh',
        });
      }
    }

# results matching ""

# No results matching ""