feat(mode): expose set and toggle mode (screen and export) via Slides…

…Service
w11k · Nov 25, 2015 · c49fde8 · c49fde8
1 parent b5d502c
commit c49fde8
Showing 1 changed file with 45 additions and 26 deletions.
diff --git a/src/slides/slides.js b/src/slides/slides.js
@@ -2,7 +2,7 @@
   'use strict';
 
   /* @ngInject */
-  function SlidesService(slidesConfig, $location, $rootScope) {
+  function SlidesService(slidesConfig, $location, $rootScope, $window) {
     var activeSlide;
 
     function activateFirstSlide() {
@@ -30,6 +30,9 @@
       }
     });
 
+    var localStorageModeKey = 'w11k-slides.mode';
+    var mode = 'export';
+
     function mapSlidesConfig() {
       var prefix = slidesConfig.slideTemplatePrefix || 'slides/content/';
       var suffix = slidesConfig.slideTemplateSuffix || '.html';
@@ -116,6 +119,37 @@
         this.navigateTo(previous.name);
       }
     }.bind(this);
+
+    this.getMode = function () {
+      return mode;
+    }.bind(this);
+
+    this.setMode = function (newMode) {
+      mode = newMode;
+
+      if (angular.isDefined($window.localStorage)) {
+        $window.localStorage[localStorageModeKey] = mode;
+      }
+
+      $rootScope.$emit(this.events.modeChanged, mode);
+    }.bind(this);
+
+    this.toggleMode = function () {
+      var newMode;
+
+      if (mode === 'export') {
+        newMode = 'screen';
+      }
+      else if (mode === 'screen') {
+        newMode = 'export';
+      }
+
+      this.setMode(newMode);
+    }.bind(this);
+
+    this.events = {
+      modeChanged: 'w11k-slides.modeChanged'
+    };
   }
 
   /* @ngInject */
@@ -183,32 +217,14 @@
   }
 
   /* @ngInject */
-  function w11kSlidesDirective($window, $document, SlidesService, slidesConfig, $injector) {
+  function w11kSlidesDirective($window, $document, SlidesService, slidesConfig, $injector, $rootScope) {
     return {
       restrict: 'EA',
       templateUrl: slidesConfig.directiveTemplateUrl || 'slides/slides.html',
       replace: true,
       link: function (scope, jqElement) {
         var element = jqElement[0];
 
-        var localStorageModeKey = 'w11k-slides.mode';
-        var mode = 'export';
-
-        function toggleMode() {
-          if (mode === 'export') {
-            mode = 'screen';
-          }
-          else if (mode === 'screen') {
-            mode = 'export';
-          }
-
-          setMode(mode);
-
-          if (angular.isDefined($window.localStorage)) {
-            $window.localStorage[localStorageModeKey] = mode;
-          }
-        }
-
         function setMode(mode) {
           if (mode === 'export') {
             element.classList.remove('screen');
@@ -220,6 +236,10 @@
           }
         }
 
+        function toggleMode() {
+          SlidesService.toggleMode();
+        }
+
         function toggleOverlay() {
           element.querySelector('div.overlay').classList.toggle('active');
         }
@@ -272,12 +292,11 @@
           }
         }
 
-        if (angular.isDefined($window.localStorage)) {
-          if (angular.isDefined($window.localStorage[localStorageModeKey])) {
-            mode = $window.localStorage[localStorageModeKey];
-            setMode(mode);
-          }
-        }
+        setMode(SlidesService.getMode());
+
+        $rootScope.$on(SlidesService.events.modeChanged, function (event, mode) {
+          setMode(mode);
+        });
 
         $document.bind('keydown', function (event) {