//-- 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 {wpControllersModule} from '../../../angular-modules'; import {WorkPackageTableColumnsService} from '../../wp-fast-table/state/wp-table-columns.service'; import {QueryColumn} from '../../wp-query/query-column'; function ColumnsModalController(this:any, $scope:any, $timeout:ng.ITimeoutService, I18n:op.I18n, columnsModal:any, wpTableColumns:WorkPackageTableColumnsService, ConfigurationService:any) { var vm = this; vm.name = 'Columns'; vm.closeMe = columnsModal.deactivate; vm.selectedColumns = []; vm.availableColumns = []; vm.unusedColumns = []; vm.text = { closePopup: I18n.t('js.close_popup_title'), columnsLabel: I18n.t('js.label_columns'), selectedColumns: I18n.t('js.description_selected_columns'), multiSelectLabel: I18n.t('js.work_packages.label_column_multiselect'), applyButton: I18n.t('js.modals.button_apply'), cancelButton: I18n.t('js.modals.button_cancel') }; vm.availableColumns = wpTableColumns.all; vm.unusedColumns = wpTableColumns.unused; vm.selectedColumns = angular.copy(wpTableColumns.getColumns()); vm.impaired = ConfigurationService.accessibilityModeEnabled(); vm.selectedColumnMap = {}; if (vm.impaired) { vm.selectedColumns.forEach((column:QueryColumn) => { vm.selectedColumnMap[column.id] = true; }); } vm.updateSelectedColumns = () => { wpTableColumns.setColumns(vm.selectedColumns); columnsModal.deactivate(); }; /** * When a column is removed from the selection it becomes unused and hence available for * selection again. When a column is added to the selection it becomes used and is * therefore unavailable for selection. * * This function updates the unused columns according to the currently selected columns. * * @param selectedColumns Columns currently selected through the multi select box. */ vm.updateUnusedColumns = (selectedColumns:QueryColumn[]) => { vm.unusedColumns = _.differenceBy(vm.availableColumns, selectedColumns, '$href'); }; vm.setSelectedColumn = (column:QueryColumn) => { if (vm.selectedColumnMap[column.id]) { vm.selectedColumns.push(column); } else { _.remove(vm.selectedColumns, (c: any) => c.id === column.id); } }; //hack to prevent dragging of close icons $timeout(() => { angular.element('.columns-modal-content .ui-select-match-close').on('dragstart', event => { event.preventDefault(); }); }); $scope.$on('uiSelectSort:change', (event:any, args:any) => { vm.selectedColumns = args.array; }); } wpControllersModule.controller('ColumnsModalController', ColumnsModalController);