frontend/src/app/shared/components/op-context-menu/handlers/wp-status-dropdown-menu.directive.ts
// -- copyright
// OpenProject is an open source project management software.
// Copyright (C) 2012-2024 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 { StateService } from '@uirouter/core';
import { OPContextMenuService } from 'core-app/shared/components/op-context-menu/op-context-menu.service';
import { Directive, ElementRef, Input } from '@angular/core';
import { OpContextMenuTrigger } from 'core-app/shared/components/op-context-menu/handlers/op-context-menu-trigger.directive';
import { HalResourceEditingService } from 'core-app/shared/components/fields/edit/services/hal-resource-editing.service';
import { WorkPackageResource } from 'core-app/features/hal/resources/work-package-resource';
import { HalResource } from 'core-app/features/hal/resources/hal-resource';
import { CollectionResource } from 'core-app/features/hal/resources/collection-resource';
import { Highlighting } from 'core-app/features/work-packages/components/wp-fast-table/builders/highlighting/highlighting.functions';
import { I18nService } from 'core-app/core/i18n/i18n.service';
import { ToastService } from 'core-app/shared/components/toaster/toast.service';
import { HalEventsService } from 'core-app/features/hal/services/hal-events.service';
import { WorkPackageNotificationService } from 'core-app/features/work-packages/services/notifications/work-package-notification.service';
import isNewResource from 'core-app/features/hal/helpers/is-new-resource';
@Directive({
selector: '[wpStatusDropdown]',
})
export class WorkPackageStatusDropdownDirective extends OpContextMenuTrigger {
@Input('wpStatusDropdown-workPackage') public workPackage:WorkPackageResource;
constructor(readonly elementRef:ElementRef,
readonly opContextMenu:OPContextMenuService,
readonly $state:StateService,
protected workPackageNotificationService:WorkPackageNotificationService,
protected halEditing:HalResourceEditingService,
protected toastService:ToastService,
protected I18n:I18nService,
protected halEvents:HalEventsService) {
super(elementRef, opContextMenu);
}
protected open(evt:JQuery.TriggeredEvent) {
const change = this.halEditing.changeFor(this.workPackage);
change.getForm().then((form:any) => {
const statuses = form.schema.status.allowedValues;
this.buildItems(statuses);
const { writable } = change.schema.status;
if (!writable) {
this.toastService.addError(this.I18n.t('js.work_packages.message_work_package_status_blocked'));
} else {
this.opContextMenu.show(this, evt);
}
});
}
public get locals() {
return {
items: this.items,
contextMenuId: 'wp-status-context-menu',
};
}
private updateStatus(status:HalResource) {
const change = this.halEditing.changeFor(this.workPackage);
change.projectedResource.status = status;
if (!isNewResource(this.workPackage)) {
this.halEditing
.save(change)
.then(() => {
this.workPackageNotificationService.showSave(this.workPackage);
});
}
}
private buildItems(statuses:CollectionResource<HalResource>) {
this.items = statuses.map((status:HalResource) => ({
disabled: false,
linkText: status.name,
postIcon: status.isReadonly ? 'icon-locked' : null,
postIconTitle: this.I18n.t('js.work_packages.message_work_package_read_only'),
class: Highlighting.inlineClass('status', status.id!),
onClick: () => {
this.updateStatus(status);
return true;
},
}));
}
}