Skip to content
Snippets Groups Projects
Select Git revision
  • 8d25d20a5f0746a45440b4afff43ad1a3ff0cd5b
  • main default protected
  • login_branch
  • interface_student
  • add_idea_configuration
5 results

tutorial-components.html

Blame
  • create-user.component.ts 1.18 KiB
    import { Component, EventEmitter, Input, Output } from '@angular/core';
    import { FormControl, FormGroup, Validators } from '@angular/forms';
    import { User } from '../Types/types';
    import { UsersService } from '../services/users.service';
    
    @Component({
      selector: 'app-create-user',
      templateUrl: './create-user.component.html',
      styleUrls: ['./create-user.component.css']
    })
    export class CreateUserComponent {
      createUser: FormGroup
    
      @Output() closeModal: EventEmitter<string> = new EventEmitter<string>();
    
      constructor(private userController: UsersService) { }
    
      ngOnInit(): void {
        this.createUser = new FormGroup({
          username: new FormControl('', Validators.required),
          password: new FormControl('', Validators.required),
          type: new FormControl('player', Validators.required)
        });
      }
    
      onSubmit() {
        const username = this.createUser.get("username")!.value;
        const password = this.createUser.get("password")!.value;
        const type = this.createUser.get("type")!.value;
    
        const user: User = {
          id: undefined,
          username : username,
          password: password,
          type: type
        }
    
        this.userController.addUserAdmin(user);
        this.closeModal.emit();
      }
    }