677713 737237 *ngIf=" !editablGroup || (!!editablGroup && editablGroup.seq !== node.groupDetail.seq) " <span *ngIf=" !editablGroup || (!!editablGroup && editablGroup.seq !== node.groupDetail.seq) " class="header-buddy" > <span>{{ node.groupDetail.name }}</span> <span> {{ node.children?.length }} </span> </span> <span class="header-buddy" *ngIf="!!editablGroup && editablGroup.seq === node.groupDetail.seq" (click)="$event.stopPropagation()" > <mat-form-field> <input matInput #groupInput placeholder="" [value]="node.groupDetail.name" /> <button mat-button matSuffix mat-icon-button aria-label="Clear" (click)="groupInput.value = ''" > <mat-icon>close</mat-icon> </button> <button mat-button mat-icon-button aria-label="Done" (click)="onEditGroupName(groupInput.value, node.groupDetail)" > <mat-icon>done</mat-icon> </button> </mat-form-field> </span> <!-- 13:10분 그룹이름 수정 코드 --> <span *ngIf=" !editablGroup || (!!editablGroup && editablGroup.seq !== node.groupDetail.seq) " class="header-buddy" > <span>{{ node.groupDetail.name }}</span> <span> ({{ node.children?.length }}) </span> </span> <span class="header-buddy" *ngIf="!!editablGroup && editablGroup.seq === node.groupDetail.seq" (click)="$event.stopPropagation()" > <ucap-inline-edit-input [initialMode]="true" (apply)=" $event.stopPropagation(); onApplyEditGroupName(editGroupInput.value, node.groupDetail) " (edit)="$event.stopPropagation()" (cancel)=" $event.stopPropagation(); editGroupInput.value = node.groupDetail.name; editablGroup = null " class="form-eidt" > <span ucapInlineEditInput="view">{{ node.groupDetail.name }}</span> <span ucapInlineEditInput="edit" ><input matInput #editGroupInput type="text" [value]="node.groupDetail.name" (click)="$event.stopPropagation()" /></span> </ucap-inline-edit-input> </span> <!-- 13:10분 그룹이름 수정 코드 --> 150 + 60 150 + 120 150 + 180 241 - 150 = 91 - 30 = 61 304 - 150 = 154 - 30 = 124 366 - 150 = 216 - 30 = 186 0: srcTop = 210 dstTop = 241 1: srcTop = 270 dstTop = 304 2: srcTop = 330 dstTop = 366