angular full window width directive

full-width

'use strict';

//http://jsfiddle.net/maztch/efccbja5/7/

angular.module('app')
  .directive('full', function($window) {

    return({
      restrict: 'A',
      link: function ( $scope, element, attributes ) {
        var w = angular.element($window);
        var e = element;
        $scope.getWindowDimensions = function () {
            return {
                'h': w.height(),
                'w': w.width()
            };
        };

        $scope.$watch($scope.getWindowDimensions, function (newValue, oldValue) {
            var width = element.width();
            var wwidth = newValue.w;
            element.css('margin-left', '-'+((wwidth-width)/2)+'px');
            element.css('margin-right', '-'+((wwidth-width)/2)+'px');
            element.css('padding-left', ((wwidth-width)/2)+'px');
            element.css('padding-right', ((wwidth-width)/2)+'px');
        }, true);
      }
    });
  })
;