Merge pull request #7548 from opf/feature/30746-View-selector-to-switch-between-Gantt-view,-tiles-view-and-list-view
[30746] View selector to switch between Gantt view, tiles view and list view [ci skip]pull/7551/head
Oliver Günther
5 years ago
committed by
GitHub
commit
39de230bd7
@ -0,0 +1,107 @@ |
||||
//-- 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 {OPContextMenuService} from "core-components/op-context-menu/op-context-menu.service"; |
||||
import {Directive, ElementRef} from "@angular/core"; |
||||
import {OpContextMenuTrigger} from "core-components/op-context-menu/handlers/op-context-menu-trigger.directive"; |
||||
import {I18nService} from "core-app/modules/common/i18n/i18n.service"; |
||||
import { |
||||
WorkPackageViewDisplayRepresentationService, |
||||
wpDisplayCardRepresentation, |
||||
wpDisplayListRepresentation |
||||
} from "core-app/modules/work_packages/routing/wp-view-base/view-services/wp-view-display-representation.service"; |
||||
import {WorkPackageViewTimelineService} from "core-app/modules/work_packages/routing/wp-view-base/view-services/wp-view-timeline.service"; |
||||
|
||||
@Directive({ |
||||
selector: '[wpViewDropdown]' |
||||
}) |
||||
export class WorkPackageViewDropdownMenuDirective extends OpContextMenuTrigger { |
||||
constructor(readonly elementRef:ElementRef, |
||||
readonly opContextMenu:OPContextMenuService, |
||||
readonly I18n:I18nService, |
||||
readonly wpDisplayRepresentationService:WorkPackageViewDisplayRepresentationService, |
||||
readonly wpTableTimeline:WorkPackageViewTimelineService) { |
||||
|
||||
super(elementRef, opContextMenu); |
||||
} |
||||
|
||||
protected open(evt:JQueryEventObject) { |
||||
this.buildItems(); |
||||
this.opContextMenu.show(this, evt); |
||||
} |
||||
|
||||
public get locals() { |
||||
return { |
||||
items: this.items, |
||||
contextMenuId: 'wp-view-context-menu' |
||||
}; |
||||
} |
||||
|
||||
private buildItems() { |
||||
this.items = [ |
||||
{ |
||||
// Card View
|
||||
linkText: this.I18n.t('js.views.card'), |
||||
icon: 'icon-view-card', |
||||
onClick: (evt:any) => { |
||||
this.wpDisplayRepresentationService.setDisplayRepresentation(wpDisplayCardRepresentation); |
||||
if (this.wpTableTimeline.isVisible) { |
||||
// Necessary for the timeline buttons to disappear
|
||||
this.wpTableTimeline.toggle(); |
||||
} |
||||
return true; |
||||
} |
||||
}, |
||||
{ |
||||
// List View
|
||||
linkText: this.I18n.t('js.views.list'), |
||||
icon: 'icon-view-list', |
||||
onClick: (evt:any) => { |
||||
this.wpDisplayRepresentationService.setDisplayRepresentation(wpDisplayListRepresentation); |
||||
if (this.wpTableTimeline.isVisible) { |
||||
this.wpTableTimeline.toggle(); |
||||
} |
||||
return true; |
||||
} |
||||
}, |
||||
{ |
||||
// List View with enabled Gantt
|
||||
linkText: this.I18n.t('js.views.timeline'), |
||||
icon: 'icon-view-timeline', |
||||
onClick: (evt:any) => { |
||||
this.wpDisplayRepresentationService.setDisplayRepresentation(wpDisplayListRepresentation); |
||||
if (!this.wpTableTimeline.isVisible) { |
||||
this.wpTableTimeline.toggle(); |
||||
} |
||||
return true; |
||||
} |
||||
} |
||||
]; |
||||
} |
||||
} |
||||
|
||||
Loading…
Reference in new issue