Merge pull request #11 from Frank3K/fullscreenchangecomplete

Add option to add an event handler to $animate add/remove fullscreen class

Author: hrajchert

bower.json

@@ -21,6 +21,6 @@
  "tests"
  ],
  "dependencies": {
- "screenfull": "~2.0.0"
+ "screenfull": "~3.0.0"
  }
 }

dist/angular-screenfull.js

@@ -58,6 +58,7 @@
  var ctrl = this;
 
  ctrl.onFullscreenChange = onFullscreenChange;
+ ctrl.onFullscreenChangeComplete = onFullscreenChangeComplete;
  ctrl.requestFullscreen = requestFullscreen;
  ctrl.removeFullscreen = removeFullscreen;
  ctrl.toggleFullscreen = toggleFullscreen;
@@ -66,7 +67,9 @@
 
  function subscribeToEvents () {
  var fullscreenchange = function () {
- $animate[ctrl.isFullscreen() ? 'addClass' : 'removeClass']($elm, 'fullscreen');
+ $animate[ctrl.isFullscreen() ? 'addClass' : 'removeClass']($elm, 'fullscreen').then(function(){
+ $scope.$emit('fullscreenchangecomplete');
+ });
  // TODO: document using ngdoc
  $scope.$emit('fullscreenchange');
  $scope.$apply();
@@ -87,6 +90,10 @@
  return $scope.$on('fullscreenchange', handler);
  }
 
+ function onFullscreenChangeComplete (handler) {
+ return $scope.$on('fullscreenchangecomplete', handler);
+ }
+
  function requestFullscreen () {
  if (ctrl.fullscreenEnabled()) {
  screenfull.request($elm[0]);

dist/angular-screenfull.min.js

@@ -42,7 +42,7 @@ gulp.task('ngdocs', ['clean-ngdocs'], function () {
  },
  scripts: [
  'dist/angular-screenfull.js',
- 'https://cdnjs.cloudflare.com/ajax/libs/screenfull.js/2.0.0/screenfull.js'
+ 'https://cdnjs.cloudflare.com/ajax/libs/screenfull.js/3.0.0/screenfull.js'
  ]
  };
  return gulp.src(['./src/**/*.js', './src/**/*.ngdoc'])

gulpfile.js

@@ -53,6 +53,7 @@
  var ctrl = this;
 
  ctrl.onFullscreenChange = onFullscreenChange;
+ ctrl.onFullscreenChangeComplete = onFullscreenChangeComplete;
  ctrl.requestFullscreen = requestFullscreen;
  ctrl.removeFullscreen = removeFullscreen;
  ctrl.toggleFullscreen = toggleFullscreen;
@@ -61,7 +62,9 @@
 
  function subscribeToEvents () {
  var fullscreenchange = function () {
- $animate[ctrl.isFullscreen() ? 'addClass' : 'removeClass']($elm, 'fullscreen');
+ $animate[ctrl.isFullscreen() ? 'addClass' : 'removeClass']($elm, 'fullscreen').then(function(){
+ $scope.$emit('fullscreenchangecomplete');
+ });
  // TODO: document using ngdoc
  $scope.$emit('fullscreenchange');
  $scope.$apply();
@@ -82,6 +85,10 @@
  return $scope.$on('fullscreenchange', handler);
  }
 
+ function onFullscreenChangeComplete (handler) {
+ return $scope.$on('fullscreenchangecomplete', handler);
+ }
+
  function requestFullscreen () {
  if (ctrl.fullscreenEnabled()) {
  screenfull.request($elm[0]);