mirror of
https://github.com/wahyd4/cdnjs.git
synced 2026-08-22 03:06:20 +10:00
96 lines
2.6 KiB
JavaScript
96 lines
2.6 KiB
JavaScript
/**
|
|
* angular-strap
|
|
* @version v2.0.0 - 2014-04-07
|
|
* @link http://mgcrea.github.io/angular-strap
|
|
* @author Olivier Louvignes (olivier@mg-crea.com)
|
|
* @license MIT License, http://www.opensource.org/licenses/MIT
|
|
*/
|
|
'use strict';
|
|
angular.module('mgcrea.ngStrap.aside', ['mgcrea.ngStrap.modal']).provider('$aside', function () {
|
|
var defaults = this.defaults = {
|
|
animation: 'am-fade-and-slide-right',
|
|
prefixClass: 'aside',
|
|
placement: 'right',
|
|
template: 'aside/aside.tpl.html',
|
|
contentTemplate: false,
|
|
container: false,
|
|
element: null,
|
|
backdrop: true,
|
|
keyboard: true,
|
|
html: false,
|
|
show: true
|
|
};
|
|
this.$get = [
|
|
'$modal',
|
|
function ($modal) {
|
|
function AsideFactory(config) {
|
|
var $aside = {};
|
|
// Common vars
|
|
var options = angular.extend({}, defaults, config);
|
|
$aside = $modal(options);
|
|
return $aside;
|
|
}
|
|
return AsideFactory;
|
|
}
|
|
];
|
|
}).directive('bsAside', [
|
|
'$window',
|
|
'$location',
|
|
'$sce',
|
|
'$aside',
|
|
function ($window, $location, $sce, $aside) {
|
|
var requestAnimationFrame = $window.requestAnimationFrame || $window.setTimeout;
|
|
return {
|
|
restrict: 'EAC',
|
|
scope: true,
|
|
link: function postLink(scope, element, attr, transclusion) {
|
|
// Directive options
|
|
var options = {
|
|
scope: scope,
|
|
element: element,
|
|
show: false
|
|
};
|
|
angular.forEach([
|
|
'template',
|
|
'contentTemplate',
|
|
'placement',
|
|
'backdrop',
|
|
'keyboard',
|
|
'html',
|
|
'container',
|
|
'animation'
|
|
], function (key) {
|
|
if (angular.isDefined(attr[key]))
|
|
options[key] = attr[key];
|
|
});
|
|
// Support scope as data-attrs
|
|
angular.forEach([
|
|
'title',
|
|
'content'
|
|
], function (key) {
|
|
attr[key] && attr.$observe(key, function (newValue, oldValue) {
|
|
scope[key] = $sce.trustAsHtml(newValue);
|
|
});
|
|
});
|
|
// Support scope as an object
|
|
attr.bsAside && scope.$watch(attr.bsAside, function (newValue, oldValue) {
|
|
if (angular.isObject(newValue)) {
|
|
angular.extend(scope, newValue);
|
|
} else {
|
|
scope.content = newValue;
|
|
}
|
|
}, true);
|
|
// Initialize aside
|
|
var aside = $aside(options);
|
|
// Trigger
|
|
element.on(attr.trigger || 'click', aside.toggle);
|
|
// Garbage collection
|
|
scope.$on('$destroy', function () {
|
|
aside.destroy();
|
|
options = null;
|
|
aside = null;
|
|
});
|
|
}
|
|
};
|
|
}
|
|
]); |