kongadmin
Version:
Kong admin GUI
102 lines (90 loc) • 3.79 kB
JavaScript
/*!
* angular-vertilize 1.0.1
* Christopher Collins
* https://github.com/Sixthdim/angular-vertilize.git
* License: MIT
*/
(function () {
"use strict";
var module = angular.module('angular.vertilize', []);
// Vertilize Container
module.directive('vertilizeContainer', [
function(){
return {
restrict: 'EA',
controller: [
'$scope', '$window',
function($scope, $window){
// Alias this
var _this = this;
// Array of children heights
_this.childrenHeights = [];
// API: Allocate child, return index for tracking.
_this.allocateMe = function(){
_this.childrenHeights.push(0);
return (_this.childrenHeights.length - 1);
};
// API: Update a child's height
_this.updateMyHeight = function(index, height){
_this.childrenHeights[index] = height;
};
// API: Get tallest height
_this.getTallestHeight = function(){
var height = 0;
for (var i=0; i < _this.childrenHeights.length; i=i+1){
height = Math.max(height, _this.childrenHeights[i]);
}
return height;
};
// Add window resize to digest cycle
angular.element($window).bind('resize', function(){
return $scope.$apply();
});
}
]
};
}
]);
// Vertilize Item
module.directive('vertilize', [
function(){
return {
restrict: 'EA',
require: '^vertilizeContainer',
link: function(scope, element, attrs, parent){
// My index allocation
var myIndex = parent.allocateMe();
// Get my real height by cloning so my height is not affected.
var getMyRealHeight = function(){
var clone = element.clone()
.removeAttr('vertilize')
.css({
height: '',
width: element.outerWidth(),
position: 'fixed',
top: 0,
left: 0,
visibility: 'hidden'
});
element.after(clone);
var realHeight = clone.height();
clone['remove']();
return realHeight;
};
// Watch my height
scope.$watch(getMyRealHeight, function(myNewHeight){
if (myNewHeight){
parent.updateMyHeight(myIndex, myNewHeight);
}
});
// Watch for tallest height change
scope.$watch(parent.getTallestHeight, function(tallestHeight){
if (tallestHeight){
element.css('height', tallestHeight);
}
});
}
};
}
]);
}());