Oliver Günther
6 years ago
parent
7d262955ed
commit
2759cd4f6e
@ -1,11 +0,0 @@ |
||||
<section class="collapsible-section" ng-class="{ '-expanded': $ctrl.expanded }"> |
||||
<accessible-by-keyboard execute="$ctrl.toggle()" |
||||
link-aria-label="{{ ::$ctrl.sectionTitle }}" |
||||
link-class="collapsible-section--toggle-link" |
||||
span-class="collapsible-section--legend"> |
||||
<span ng-bind="::$ctrl.sectionTitle"></span> |
||||
</accessible-by-keyboard> |
||||
<div class="collapsible-section--body toggle-slide-animation" ng-show="$ctrl.expanded"> |
||||
<ng-transclude></ng-transclude> |
||||
</div> |
||||
</section> |
||||
@ -1,67 +0,0 @@ |
||||
// -- 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 {openprojectLegacyModule} from "core-app/openproject-legacy-app"; |
||||
|
||||
export class CollapsibleSectionController { |
||||
public text:any; |
||||
public expanded:boolean = false; |
||||
public sectionTitle:string; |
||||
|
||||
constructor(public $scope:ng.IScope, |
||||
public $attrs:ng.IAttributes) { |
||||
|
||||
|
||||
if ($attrs['initiallyExpanded']) { |
||||
this.expanded = true; |
||||
} |
||||
} |
||||
|
||||
public toggle() { |
||||
this.expanded = !this.expanded; |
||||
} |
||||
} |
||||
|
||||
function CollapsibleSection():any { |
||||
return { |
||||
restrict: 'E', |
||||
replace: true, |
||||
transclude: true, |
||||
template: require('!!raw-loader!./collapsible-section.directive.html'), |
||||
|
||||
scope: { |
||||
sectionTitle: '@' |
||||
}, |
||||
|
||||
bindToController: true, |
||||
controller: CollapsibleSectionController, |
||||
controllerAs: '$ctrl' |
||||
}; |
||||
} |
||||
|
||||
openprojectLegacyModule.directive('collapsibleSection', CollapsibleSection); |
||||
Loading…
Reference in new issue