ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug fixed

Browse Source
This commit is contained in:
Richard Park 2020-01-13 15:17:58 +09:00
parent 993003ef60
commit 9561dcbe80
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
View File

@ -335,8 +335,12 @@
<button mat-menu-item (click)="onClickStatusBusy($event, 1)"> <button mat-menu-item (click)="onClickStatusBusy($event, 1)">
<span class="presence pcOther"> </span> <span class="presence pcOther"> </span>
<ucap-inline-edit-input <ucap-inline-edit-input
(click)="$event.stopPropagation()" (apply)="
(apply)="onApplyStatusMessage(1, statusMessage1.value)" $event.stopPropagation();
onApplyStatusMessage(1, statusMessage1.value)
"
(edit)="$event.stopPropagation()"
(cancel)="$event.stopPropagation()"
> >
<span ucapInlineEditInput="view">{{ loginRes?.statusMessage1 }}</span> <span ucapInlineEditInput="view">{{ loginRes?.statusMessage1 }}</span>
<span ucapInlineEditInput="edit" <span ucapInlineEditInput="edit"
@ -345,6 +349,7 @@
#statusMessage1 #statusMessage1
type="text" type="text"
[value]="loginRes?.statusMessage1" [value]="loginRes?.statusMessage1"
(click)="$event.stopPropagation()"
/></span> /></span>
</ucap-inline-edit-input> </ucap-inline-edit-input>
</button> </button>
@ -353,8 +358,12 @@
<button mat-menu-item (click)="onClickStatusBusy($event, 2)"> <button mat-menu-item (click)="onClickStatusBusy($event, 2)">
<span class="presence pcOther"> </span> <span class="presence pcOther"> </span>
<ucap-inline-edit-input <ucap-inline-edit-input
(click)="$event.stopPropagation()" (apply)="
(apply)="onApplyStatusMessage(2, statusMessage2.value)" $event.stopPropagation();
onApplyStatusMessage(2, statusMessage2.value)
"
(edit)="$event.stopPropagation()"
(cancel)="$event.stopPropagation()"
> >
<span ucapInlineEditInput="view">{{ loginRes?.statusMessage2 }}</span> <span ucapInlineEditInput="view">{{ loginRes?.statusMessage2 }}</span>
<span ucapInlineEditInput="edit" <span ucapInlineEditInput="edit"
@ -363,6 +372,7 @@
#statusMessage2 #statusMessage2
type="text" type="text"
[value]="loginRes?.statusMessage2" [value]="loginRes?.statusMessage2"
(click)="$event.stopPropagation()"
/></span> /></span>
</ucap-inline-edit-input> </ucap-inline-edit-input>
</button> </button>
@ -371,8 +381,12 @@
<button mat-menu-item (click)="onClickStatusBusy($event, 3)"> <button mat-menu-item (click)="onClickStatusBusy($event, 3)">
<span class="presence pcOther"> </span> <span class="presence pcOther"> </span>
<ucap-inline-edit-input <ucap-inline-edit-input
(click)="$event.stopPropagation()" (apply)="
(apply)="onApplyStatusMessage(3, statusMessage3.value)" $event.stopPropagation();
onApplyStatusMessage(3, statusMessage3.value)
"
(edit)="$event.stopPropagation()"
(cancel)="$event.stopPropagation()"
> >
<span ucapInlineEditInput="view">{{ loginRes?.statusMessage3 }}</span> <span ucapInlineEditInput="view">{{ loginRes?.statusMessage3 }}</span>
<span ucapInlineEditInput="edit" <span ucapInlineEditInput="edit"
@ -381,6 +395,7 @@
#statusMessage3 #statusMessage3
type="text" type="text"
[value]="loginRes?.statusMessage3" [value]="loginRes?.statusMessage3"
(click)="$event.stopPropagation()"
/></span> /></span>
</ucap-inline-edit-input> </ucap-inline-edit-input>
</button> </button>

10
projects/ucap-webmessenger-ui/src/lib/components/inline-edit-input.component.ts
View File

@ -7,7 +7,11 @@ import { Component, OnInit, Output, EventEmitter } from '@angular/core';
}) })
export class InlineEditInputComponent implements OnInit { export class InlineEditInputComponent implements OnInit {
@Output() @Output()
apply = new EventEmitter<void>(); edit = new EventEmitter<Event>();
@Output()
cancel = new EventEmitter<Event>();
@Output()
apply = new EventEmitter<Event>();
get editMode() { get editMode() {
return this._editMode; return this._editMode;
@ -24,14 +28,16 @@ export class InlineEditInputComponent implements OnInit {
onClickEdit(event: Event) { onClickEdit(event: Event) {
this.editMode = true; this.editMode = true;
this.edit.emit(event);
} }
onClickCancel(event: Event) { onClickCancel(event: Event) {
this.editMode = false; this.editMode = false;
this.cancel.emit(event);
} }
onClickApply(event: Event) { onClickApply(event: Event) {
this.editMode = false; this.editMode = false;
this.apply.emit(); this.apply.emit(event);
} }
} }