kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
2.8 KiB
90 lines
2.8 KiB
// -- 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 {Subscription} from 'rxjs';
|
|
import {distinctUntilChanged, map, take} from 'rxjs/operators';
|
|
import {openprojectLegacyModule} from "../../openproject-legacy-app";
|
|
import {HideSectionService} from "./hide-section.service";
|
|
import {ITimeoutService} from "angular";
|
|
|
|
export class HideSectionComponent {
|
|
public displayed:boolean = false;
|
|
|
|
private displayedSubscription:Subscription;
|
|
private initializationSubscription:Subscription;
|
|
|
|
public sectionName:string;
|
|
public onDisplayed:Function;
|
|
|
|
public innerHtml:any;
|
|
|
|
constructor(protected HideSectionService:HideSectionService,
|
|
protected $timeout:ITimeoutService,
|
|
private $element:ng.IAugmentedJQuery) {
|
|
|
|
}
|
|
|
|
$onInit() {
|
|
let mappedDisplayed = this.HideSectionService.displayed$
|
|
.pipe(
|
|
map(all_displayed => _.some(all_displayed, candidate => {
|
|
return candidate.key === this.sectionName;
|
|
}))
|
|
);
|
|
|
|
this.initializationSubscription = mappedDisplayed
|
|
.pipe(
|
|
take(1)
|
|
)
|
|
.subscribe(show => {
|
|
this.$element.addClass('-initialized');
|
|
});
|
|
|
|
this.displayedSubscription = mappedDisplayed
|
|
.pipe(
|
|
distinctUntilChanged()
|
|
)
|
|
.subscribe(show => {
|
|
this.$timeout(() => this.displayed = show);
|
|
});
|
|
}
|
|
|
|
$onDestroy() {
|
|
this.displayedSubscription.unsubscribe();
|
|
this.initializationSubscription.unsubscribe();
|
|
}
|
|
}
|
|
|
|
openprojectLegacyModule.component('hideSection', {
|
|
template: '<span ng-if="$ctrl.displayed"><ng-transclude></ng-transclude></span>',
|
|
controller: HideSectionComponent,
|
|
bindings: {
|
|
sectionName: "@"
|
|
},
|
|
transclude: true
|
|
});
|
|
|