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

import {TimelineCellBuilder} from "../timeline-cell-builder";
import {States} from "../../../states.service";
import {WorkPackageTableSelection} from "../../state/wp-table-selection.service";
import {CellBuilder} from "../cell-builder";
import {DetailsLinkBuilder} from "../details-link-builder";
import {injectorBridge} from "../../../angular/angular-injector-bridge.functions";
import {WorkPackageResource} from "../../../api/api-v3/hal-resources/work-package-resource.service";
import {WorkPackageTableColumnsService} from '../../state/wp-table-columns.service';
import {QueryColumn} from '../../../api/api-v3/hal-resources/query-resource.service';
import {checkedClassName} from "../ui-state-link-builder";
import {rowId} from "../../helpers/wp-table-row-helpers";
import {Observable} from "rxjs";
import {WorkPackageTable} from "../../wp-fast-table";

export const rowClassName = 'wp-table--row';

export const internalColumnDetails = '__internal-detailsLink';
export const internalColumnTimelines = '__internal-timelines';

export const internalDetailsColumn = {
  id: '__internal-detailsLink'
} as QueryColumn;

export const internalTimelinesColumn = {
  id: '__internal-timelines'
} as QueryColumn;

export class SingleRowBuilder {
  // Injections
  public wpTableSelection:WorkPackageTableSelection;
  public wpTableColumns:WorkPackageTableColumnsService;
  public I18n:op.I18n;

  // Cell builder instance
  protected cellBuilder = new CellBuilder();
  // Details Link builder
  protected detailsLinkBuilder = new DetailsLinkBuilder();
  // Timeline builder
  protected timelineCellBuilder = new TimelineCellBuilder(this.stopExisting$, this.workPackageTable);

  constructor(private stopExisting$: Observable<any>, private workPackageTable: WorkPackageTable) {
    injectorBridge(this);
  }

  /**
   * Returns the current set of columns
   */
  public get columns():QueryColumn[] {
    return this.wpTableColumns.getColumns();
  }

  /**
   * Returns the current set of columns, augmented by the internal columns
   * we add for buttons and timeline.
   */
  public get augmentedColumns():QueryColumn[] {
    return this.columns.concat(internalDetailsColumn, internalTimelinesColumn);
  }

  public buildCell(workPackage:WorkPackageResource, column:QueryColumn):HTMLElement {
    switch (column.id) {
      case internalTimelinesColumn.id:
        return this.timelineCellBuilder.build(workPackage);
      case internalDetailsColumn.id:
        return this.detailsLinkBuilder.build(workPackage);
      default:
        return this.cellBuilder.build(workPackage, column.id);
    }
  }

  /**
   * Build the columns on the given empty row
   */
  public buildEmpty(workPackage:WorkPackageResource):HTMLElement {
    let row = this.createEmptyRow(workPackage);
    let cell = null;

    this.augmentedColumns.forEach((column:QueryColumn) => {
      cell = this.buildCell(workPackage, column);
      row.appendChild(cell);
    });

    // Set the row selection state
    if (this.wpTableSelection.isSelected(<string>workPackage.id)) {
      row.classList.add(checkedClassName);
    }

    return row;
  }

  /**
   * Create an empty unattached row element for the given work package
   * @param workPackage
   * @returns {any}
   */
  public createEmptyRow(workPackage:WorkPackageResource) {
    let tr = document.createElement('tr');
    tr.id = rowId(workPackage.id);
    tr.dataset['workPackageId'] = workPackage.id;
    tr.classList.add(rowClassName, 'wp--row', 'issue');

    return tr;
  }
}


SingleRowBuilder.$inject = ['wpTableSelection', 'wpTableColumns', 'I18n'];