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