openproject/frontend/app/components/wp-table/wp-table-sums-row/wp-table-sums-row.directive.ts

// -- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
// ++

import {openprojectModule} from "../../../angular-modules";
import {States} from "../../states.service";
import {Observable} from "rxjs";
import {combine} from "reactivestates";
import {
  WorkPackageCollectionResource,
  WorkPackageCollectionResourceInterface
} from "../../api/api-v3/hal-resources/wp-collection-resource.service";
import {SchemaResource} from "../../api/api-v3/hal-resources/schema-resource.service";
import {WorkPackageTableColumns} from "../../wp-fast-table/wp-table-columns";
import {QueryColumn} from "../../wp-query/query-column";
import {WorkPackageDisplayFieldService} from "../../wp-display/wp-display-field/wp-display-field.service";
import {DisplayField} from "../../wp-display/wp-display-field/wp-display-field.module";

export class WorkPackageTableSumsRowController {

  private text:{ sumFor:string, allWorkPackages:string };

  constructor(private $element:angular.IAugmentedJQuery,
              private states:States,
              private wpDisplayField:WorkPackageDisplayFieldService,
              private I18n:op.I18n) {

    this.text = {
      sumFor: I18n.t('js.label_sum_for'),
      allWorkPackages: I18n.t('js.label_all_work_packages')
    };
  }

  $onInit() {
    combine(
      this.states.table.columns,
      this.states.table.results,
      this.states.table.sum
    )
      .values$()
      .takeUntil(this.states.table.stopAllSubscriptions)
      .subscribe(([columns, resource, sum]) => {
        if (sum.isEnabled && resource.sumsSchema) {
          resource.sumsSchema.$load().then((schema:SchemaResource) => this.refresh(columns, resource, schema));
        } else {
          this.clear();
        }
      });
  }

  private clear() {
    this.$element.empty();
  }

  private refresh(columns:WorkPackageTableColumns, resource:WorkPackageCollectionResourceInterface, schema:SchemaResource) {
    this.clear();
    this.render(columns, resource, schema);
  }

  private render(columns:WorkPackageTableColumns, resource:WorkPackageCollectionResourceInterface, schema:SchemaResource) {
    this.$element[0].classList.add('sum', 'group', 'all', 'issue', 'work_package');

    // build
    columns.getColumns().forEach((column, i:number) => {
      const td = document.createElement('td');
      const div = this.renderContent(resource.totalSums!, column.id, schema[column.id]);

      if (i === 0) {
        this.appendFirstLabel(div);
      }

      td.appendChild(div);
      this.$element.append(td);
    });

    // Append last empty td
    this.$element.append(`<td><div class="generic-table--footer-outer"></div></td>`);
  }

  private renderContent(sums:any, name:string, fieldSchema:op.FieldSchema) {
    const div = document.createElement('div');
    const field = this.wpDisplayField.getField(sums, name, fieldSchema) as DisplayField;

    if (!field.isEmpty()) {
      field.render(div, field.valueString);
    }

    return div;
  }

  private appendFirstLabel(div:HTMLElement) {
    const span = document.createElement('span');
    span.textContent = `${this.text.sumFor} ${this.text.allWorkPackages}`;
    jQuery(div).prepend(span);
  }
}

openprojectModule.directive("wpTableSumsRow", function() {
  return {
    restrict: 'A',
    controller: WorkPackageTableSumsRowController,
  };
});