var responsiveRatio = angular.module('satbd.satellite.bar.directives.responsive-ratio',[]);


responsiveRatio.directive('responsiveRatio', function() {
    return {
        scope: {
            responsiveRatio: '<responsiveRatio'
        },
        templateUrl: 'js/directives/responsive-ratio/responsive-ratio.html',
        restrict: 'A',
        transclude:  true,
        controller: 'ResponsiveRatioCtrl'
    };
});


responsiveRatio.controller('ResponsiveRatioCtrl', function($scope) {
    $scope.responsiveRatio = 1;
    $scope.paddingRatio = function() {
        return 1 / $scope.responsiveRatio * 100;
    };
});