AngularJS in 'mail-notifications.html.erb' replaced by Angular component (#6338)
* AngularJS in 'mail-notifications.html.erb' replaced by new Angular component 'show-section-dropdown.component.ts'pull/6351/head
parent
b9394aca2f
commit
9659285be3
@ -0,0 +1,63 @@ |
||||
//-- copyright
|
||||
// OpenProject is a project management system.
|
||||
// Copyright (C) 2012-2018 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-2017 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 docs/COPYRIGHT.rdoc for more details.
|
||||
//++
|
||||
|
||||
import {Component, OnInit, ElementRef, Input} from '@angular/core'; |
||||
import {HideSectionService} from 'core-components/common/hide-section/hide-section.service'; |
||||
import {opUiComponentsModule} from "core-app/angular-modules"; |
||||
import {downgradeComponent} from '@angular/upgrade/static'; |
||||
|
||||
@Component({ |
||||
selector: 'show-section-dropdown', |
||||
template: '<ng-content></ng-content>' |
||||
}) |
||||
|
||||
export class ShowSectionDropdownComponent implements OnInit { |
||||
@Input() optValue:string; // value of option for which hide-section should be visible
|
||||
@Input() hideSecWithName:string; // section-name of hide-section
|
||||
|
||||
constructor(protected hideSections:HideSectionService, |
||||
private elementRef:ElementRef) { |
||||
} |
||||
|
||||
ngOnInit() { |
||||
jQuery(this.elementRef.nativeElement).change(event => { |
||||
let selectedOption = jQuery("option:selected", event.target); |
||||
|
||||
if (selectedOption.val() !== this.optValue) { |
||||
this.hideSections.hide(this.hideSecWithName); |
||||
} |
||||
else { |
||||
this.hideSections.show({key: this.hideSecWithName, label: ""}); |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
|
||||
opUiComponentsModule.directive('showSectionDropdown', |
||||
downgradeComponent({component: ShowSectionDropdownComponent}) |
||||
); |
Loading…
Reference in new issue