Adds a responsive-ratio directive

To fix the ratio of any element

webapp/js/directives/responsive-ratio.js

@@ -0,0 +1,22 @@
+var responsiveRatio = angular.module('satbd.satellite.bar.directives.responsive-ratio',[]);
+
+
+responsiveRatio.directive('responsiveRatio', function() {
+    return {
+        scope: {
+            responsiveRatio: '<responsiveRatio'
+        },
+        templateUrl: 'js/directives/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;
+    };
+});