openproject/frontend/app/components/wp-fast-table/builders/rows/row-refresh-builder.ts

import {timelineCellClassName} from '../timeline-cell-builder';
import {WorkPackageEditForm} from '../../../wp-edit-form/work-package-edit-form';
import {locateRow} from '../../helpers/wp-table-row-helpers';
import {WorkPackageTable} from '../../wp-fast-table';
import {WorkPackageTableRow} from '../../wp-table.interfaces';
import {SingleRowBuilder} from './single-row-builder';

import {detailsLinkClassName} from '../details-link-builder';

export class RowRefreshBuilder extends SingleRowBuilder {

  /**
   * Refresh a row that is currently being edited, that is, some edit fields may be open
   */
  public refreshRow(row:WorkPackageTableRow, editForm:WorkPackageEditForm|null):HTMLElement|null {
    // Get the row for the WP if refreshing existing
    const rowElement = row.element || locateRow(row.workPackageId);
    if (!rowElement) {
      return null;
    }

    // Iterate all columns, reattaching or rendering new columns
    const jRow = jQuery(rowElement);
    this.columns.forEach((column:string) => {
      const oldTd = jRow.find(`td.${column}`);

      // Reattach the column if its currently being edited
      if (!this.isColumnBeingEdited(editForm, column)) {
        const cell = this.cellBuilder.build(row.object, column);
        oldTd.replaceWith(cell);
      }
    });

    return rowElement;
  }

  private isColumnBeingEdited(editForm:WorkPackageEditForm|null, column:string) {
    return editForm && editForm.activeFields[column];
  }
}