1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
(function() {
'use strict';
angular.module('foundation.accordion', [])
.controller('ZfAccordionController', zfAccordionController)
.directive('zfAccordion', zfAccordion)
.directive('zfAccordionItem', zfAccordionItem)
;
zfAccordionController.$inject = ['$scope'];
function zfAccordionController($scope) {
var controller = this;
var sections = controller.sections = $scope.sections = [];
var multiOpen = controller.multiOpen = $scope.multiOpen = $scope.multiOpen || false;
var collapsible = controller.collapsible = $scope.collapsible = $scope.multiOpen || $scope.collapsible || true; //multi open infers a collapsible true
var autoOpen = controller.autoOpen = $scope.autoOpen = $scope.autoOpen || true; //auto open opens first tab on render
controller.select = function(selectSection) {
sections.forEach(function(section) {
//if multi open is allowed, toggle a tab
if(controller.multiOpen) {
if(section.scope === selectSection) {
section.scope.active = !section.scope.active;
}
} else {
//non multi open will close all tabs and open one
if(section.scope === selectSection) {
//if collapsible is allowed, a tab will toggle
section.scope.active = collapsible ? !section.scope.active : true;
} else {
section.scope.active = false;
}
}
});
};
controller.addSection = function addsection(sectionScope) {
sections.push({ scope: sectionScope });
if(sections.length === 1 && autoOpen === true) {
sections[0].active = true;
sections[0].scope.active = true;
}
};
controller.closeAll = function() {
sections.forEach(function(section) {
section.scope.active = false;
});
};
}
function zfAccordion() {
var directive = {
restrict: 'EA',
transclude: 'true',
replace: true,
templateUrl: 'components/accordion/accordion.html',
controller: 'ZfAccordionController',
scope: {
multiOpen: '@?',
collapsible: '@?',
autoOpen: '@?'
},
link: link
};
return directive;
function link(scope, element, attrs, controller) {
scope.multiOpen = controller.multiOpen = scope.multiOpen === "true" ? true : false;
scope.collapsible = controller.collapsible = scope.collapsible === "true" ? true : false;
scope.autoOpen = controller.autoOpen = scope.autoOpen === "true" ? true : false;
}
}
//accordion item
function zfAccordionItem() {
var directive = {
restrict: 'EA',
templateUrl: 'components/accordion/accordion-item.html',
transclude: true,
scope: {
title: '@'
},
require: '^zfAccordion',
replace: true,
controller: function() {},
link: link
};
return directive;
function link(scope, element, attrs, controller, transclude) {
scope.active = false;
controller.addSection(scope);
scope.activate = function() {
controller.select(scope);
};
}
}
})();
|