46 lines
1.2 KiB
TypeScript
Raw Normal View History

2019-10-16 15:36:18 +09:00
import { Component, OnInit, Inject } from '@angular/core';
2019-10-21 16:32:22 +09:00
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
2019-10-16 15:36:18 +09:00
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
2019-10-21 16:32:22 +09:00
import { GroupDetailData } from '@ucap-webmessenger/protocol-sync';
2019-10-16 15:36:18 +09:00
export interface EditGroupDialogData {
title: string;
2019-10-21 16:32:22 +09:00
group: GroupDetailData;
2019-10-16 15:36:18 +09:00
}
export interface EditGroupDialogResult {
choice: boolean;
2019-10-21 16:32:22 +09:00
groupName: string;
group: GroupDetailData;
2019-10-16 15:36:18 +09:00
}
@Component({
selector: 'app-layout-messenger-edit-group',
templateUrl: './edit-group.dialog.component.html',
styleUrls: ['./edit-group.dialog.component.scss']
})
export class EditGroupDialogComponent implements OnInit {
2019-10-21 16:32:22 +09:00
groupName: string;
inputForm: FormGroup;
2019-10-16 15:36:18 +09:00
constructor(
public dialogRef: MatDialogRef<EditGroupDialogData, EditGroupDialogResult>,
2019-10-21 16:32:22 +09:00
@Inject(MAT_DIALOG_DATA) public data: EditGroupDialogData,
private formBuilder: FormBuilder
2019-10-16 15:36:18 +09:00
) {}
2019-10-21 16:32:22 +09:00
ngOnInit(): void {
this.inputForm = this.formBuilder.group({
groupName: [this.data.group.name, [Validators.required]]
});
}
2019-10-16 15:36:18 +09:00
onClickChoice(choice: boolean): void {
this.dialogRef.close({
2019-10-21 16:32:22 +09:00
choice,
groupName: this.inputForm.get('groupName').value,
group: this.data.group
2019-10-16 15:36:18 +09:00
});
}
}