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()
|
2019-11-20 14:57:54 +09:00
|
|
|
userInfo: UserInfo | UserInfoF;
|
2019-11-08 13:35:39 +09:00
|
|
|
|
|
|
|
@Output()
|
2019-11-20 14:57:54 +09:00
|
|
|
openChat = 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() {}
|
|
|
|
|
|
|
|
onClickMessage() {}
|
2019-11-20 14:57:54 +09:00
|
|
|
|
|
|
|
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
|
|
|
}
|