107 lines
2.2 KiB
TypeScript
Raw Normal View History

2019-11-29 18:24:51 +09:00
import {
Component,
OnInit,
Input,
EventEmitter,
Output,
ViewChild,
ElementRef
} from '@angular/core';
2019-11-08 13:35:39 +09:00
import { UserInfo } from '@ucap-webmessenger/protocol-sync';
2019-11-29 18:24:51 +09:00
import { UserInfoF } from '@ucap-webmessenger/protocol-query';
2019-12-03 18:59:11 +09:00
import { FileUploadItem } from '@ucap-webmessenger/api';
2019-12-02 18:46:07 +09:00
import { FormControl } from '@angular/forms';
2019-11-08 13:35:39 +09:00
@Component({
selector: 'ucap-profile-profile',
templateUrl: './profile.component.html',
styleUrls: ['./profile.component.scss']
})
export class ProfileComponent implements OnInit {
@Input()
profileImageRoot: string;
@Input()
isMe: boolean;
@Input()
isBuddy: boolean;
@Input()
isFavorit: boolean;
@Input()
userInfo: UserInfo | UserInfoF;
2019-11-08 13:35:39 +09:00
@Output()
openChat = new EventEmitter<UserInfo | UserInfoF>();
@Output()
2019-12-11 08:18:32 +09:00
sendMessage = new EventEmitter<UserInfo | UserInfoF>();
@Output()
toggleFavorit = new EventEmitter<{
userInfo: UserInfo | UserInfoF;
isFavorit: boolean;
}>();
@Output()
toggleBuddy = new EventEmitter<{
userInfo: UserInfo | UserInfoF;
isBuddy: boolean;
}>();
2019-11-08 13:35:39 +09:00
2019-11-29 18:24:51 +09:00
@Output()
uploadProfileImage = new EventEmitter<FileUploadItem>();
@ViewChild('profileImageFileInput', { static: false })
profileImageFileInput: ElementRef<HTMLInputElement>;
2019-12-02 18:46:07 +09:00
userIntroFormControl = new FormControl('');
2019-11-29 18:24:51 +09:00
profileImageFileUploadItem: FileUploadItem;
2019-11-08 13:35:39 +09:00
constructor() {}
ngOnInit() {}
onClickOpenChat() {
this.openChat.emit(this.userInfo);
}
onClickCall() {}
onClickVideoConference() {}
2019-12-11 08:18:32 +09:00
onClickMessage() {
this.sendMessage.emit(this.userInfo);
}
onToggleFavorit() {
this.isFavorit = !this.isFavorit;
this.toggleFavorit.emit({
userInfo: this.userInfo,
isFavorit: this.isFavorit
});
}
onClickAddBuddy() {
this.toggleBuddy.emit({
userInfo: this.userInfo,
isBuddy: true
});
}
onClickDelBuddy() {
this.toggleBuddy.emit({
userInfo: this.userInfo,
isBuddy: false
});
}
2019-11-29 18:24:51 +09:00
onChangeFileInput() {
this.profileImageFileUploadItem = FileUploadItem.fromFiles(
this.profileImageFileInput.nativeElement.files
)[0];
this.uploadProfileImage.emit(this.profileImageFileUploadItem);
this.profileImageFileInput.nativeElement.value = '';
}
2019-11-08 13:35:39 +09:00
}