1.2.4 • Published 7 years ago
angular-stackables v1.2.4
angular-stackables
AngularJS stackable widgets (modals, popovers, menus) that use HTML5 dialog
Examples
A simple modal
<div ng-controller="TestController as test">
<stackable-modal stackable="test.isOpen"
stackable-disable-escape="false"
stackable-closing="test.modalClosing(err, result)"
stackable-closed="test.modalClosed(err, result)">
<div class="stackable-dialog">
<div inner-directive>
<p>Test Dialog</p>
</div>
</div>
</stackable-modal>
</div>
function TestController() {
this.isOpen = false;
this.modalClosing = function(err, result) {
/* return false or a Promise that resolves to false to prevent close */
return true;
};
this.modalClosed = function(err, result) {
console.log('modal closed', err, result);
};
}
module.directive({
innerDirective: function() {
return {
restrict: 'A',
require: '^stackable',
replace: true,
transclude: true,
template: '<div ng-transclude></div>',
link: function(scope, element, attrs, ctrl) {
// use stackable controller API to close stackable programmatically
ctrl.close(null, 'closed from inner directive');
}
};
}
});
A simple popover
<div ng-controller="TestController as test">
<button
stackable-trigger="test.popoverState"
stackable-toggle="'active'">
<i class="caret"></i>
</button>
<stackable-popover stackable="test.popoverState"
stackable-placement="bottom"
stackable-alignment="center"
stackable-enable-escape="true">
<h3 class="stackable-popover-title">Title</h3>
<div class="stackable-popover-body">
<p>Hello World</p>
</div>
</stackable-popover>
</div>
A simple menu
<div ng-controller="TestController as test">
<button stackable-trigger="test.menuState">
<i class="caret"></i>
</button>
<stackable-popover stackable="test.menuState"
stackable-hide-arrow="true"
stackable-placement="bottom"
stackable-alignment="right"
stackable-enable-escape="true">
<ul class="stackable-menu">
<li>
<a href="#">Menu Item</a>
</li>
</ul>
</stackable-popover>
</div>
1.2.4
7 years ago
1.2.3
7 years ago
1.2.2
7 years ago
1.2.1
7 years ago
1.2.0
7 years ago
0.0.31
9 years ago
0.0.32-dev
9 years ago
0.0.29
10 years ago
0.0.28
10 years ago
0.0.27
10 years ago
0.0.26
10 years ago
0.0.25
10 years ago
0.0.24
10 years ago
0.0.23
10 years ago
0.0.22
10 years ago
0.0.21
10 years ago
0.0.20
10 years ago
0.0.19
10 years ago
0.0.18
10 years ago
0.0.17
10 years ago
0.0.16
10 years ago
0.0.15
10 years ago
0.0.14
10 years ago
0.0.13
10 years ago
0.0.12
10 years ago
0.0.11
10 years ago
0.0.10
10 years ago
0.0.9
10 years ago
0.0.8
10 years ago
0.0.7
10 years ago
0.0.6
10 years ago
0.0.5
10 years ago
0.0.1
10 years ago