work-snippet1

re1.ts

  public setSelectedRow(
    event: MouseEvent | KeyboardEvent,
    rowTag: string,
    // turnOffEditable: boolean = true
  ): void {

    // 1. unselected if select again (this.selectedRow === rowTag)
    this.selectedRow = this.selectedRow === rowTag ? null : rowTag;
    // 2. refer to dicomEditModalShortcut component 
    this.selectedElement$.next(<HTMLElement>event.currentTarget);
    // 3. turn off the the edit cell when select the row
    this.editableCell = null;

    // remove part:
    // if (turnOffEditable) {
    //   this.editableCell = null;
    //   console.log("this.editableCell in setSelectedRow", this.editableCell);
    // }
  }

  public setEditableCell(event: MouseEvent | KeyboardEvent, cellTag: string): void {
    event.stopImmediatePropagation();

    // remove part:
    // const turnOffEditable: boolean =
    // this.displayDimension.group === TagGroup.NonModifiable ||
    // this.editableCell === cellTag;

    // 1. no edit for NonModifiable group
    if (this.displayDimension.group === TagGroup.NonModifiable) return

    // 2. we need to select the edit row first
    if (this.selectedRow !== cellTag) {
      this.setSelectedRow(event, cellTag);
    }

    // 3. mark it edit
    this.editableCell = cellTag;

    // remove part:
    // // make cell editable
    // if (!turnOffEditable) {
    //   this.editableCell = cellTag;
    // }
  }