openproject/app/assets/javascripts/angular/directives/work_packages/query-columns-directive.js

angular.module('openproject.workPackages.directives')

.directive('queryColumns', ['WorkPackagesTableHelper', 'WorkPackageService', function(WorkPackagesTableHelper, WorkPackageService) {

  return {
    restrict: 'E',
    replace: true,
    templateUrl: '/templates/work_packages/query_columns.html',
    compile: function(tElement) {
      return {
        pre: function(scope) {
          scope.moveColumns = function (columnNames, fromColumns, toColumns) {

            angular.forEach(getColumnIndexes(columnNames, fromColumns), function(index) {
              toColumns.push(fromColumns.splice(index, 1).first());
            });

            extendRowsWithColumnData(columnNames);
          };

          function extendRowsWithColumnData(columnNames) {
            var newColumns = WorkPackagesTableHelper.selectColumnsByName(scope.columns, columnNames);

            // work package rows
            angular.forEach(newColumns, function(column){
              WorkPackageService.augmentWorkPackagesWithColumnData(
                scope.rows.map(function(row) {
                  return row.object;
                }),
                column
              );
            });
          }

          scope.moveSelectedColumnBy = function(by) {
            var nameOfColumnToBeMoved = scope.markedSelectedColumns.first();
            WorkPackagesTableHelper.moveColumnBy(scope.columns, nameOfColumnToBeMoved, by);
          };

          function getColumnIndexes(columnNames, columns) {
            return columnNames
              .map(function(name) {
                return WorkPackagesTableHelper.getColumnIndexByName(columns, name);
              })
              .filter(function(columnIndex){
                return columnIndex !== -1;
              });
          }

        }
      };
    }
  };
}]);