frontend/src/stimulus/controllers/dynamic/projects/settings/project-custom-fields-mapping-filter.controller.ts
/*
* -- copyright
* OpenProject is an open source project management software.
* Copyright (C) 2023 the OpenProject GmbH
*
* 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 COPYRIGHT and LICENSE files for more details.
* ++
*/
import FilterListController from '../../filter/filter-list.controller';
export default class extends FilterListController {
static targets = [
'bulkActionContainer',
];
declare readonly bulkActionContainerTargets:HTMLInputElement[];
filterLists() {
const query = this.filterTarget.value.toLowerCase();
if (query.length > 0) {
this.hideBulkActionContainers();
} else {
this.showBulkActionContainers();
}
super.filterLists();
}
resetFilterViaClearButton() {
this.showBulkActionContainers();
super.resetFilterViaClearButton();
}
hideBulkActionContainers() {
this.bulkActionContainerTargets.forEach((item) => {
(item as HTMLElement).classList.add('d-none');
});
}
showBulkActionContainers() {
this.bulkActionContainerTargets.forEach((item) => {
(item as HTMLElement).classList.remove('d-none');
});
}
}