feat(source-snippets): add source-snippets service to toggle visibili…

…ty of javascript and typescript examples

src/slides/slides.js

@@ -160,8 +160,8 @@ angular.module('w11k.slides').directive('w11kSlideMaster', ['slidesConfig', func
 }]);
 
 angular.module('w11k.slides').directive('w11kSlides', [
-  '$location', '$window', '$document', 'SlidesService', '$rootScope', 'slidesConfig',
-  function ($location, $window, $document, SlidesService, $rootScope, slidesConfig) {
+  '$location', '$window', '$document', 'SlidesService', '$rootScope', 'slidesConfig', '$injector',
+  function ($location, $window, $document, SlidesService, $rootScope, slidesConfig, $injector) {
     return {
       restrict: 'EA',
       templateUrl: slidesConfig.directiveTemplateUrl || 'slides/slides.tpl.html',
@@ -272,6 +272,11 @@ angular.module('w11k.slides').directive('w11kSlides', [
               }
             });
           }
+
+          var customShortcut = slidesConfig.shortcuts[event.keyCode];
+          if (angular.isFunction(customShortcut) || angular.isArray(customShortcut)) {
+            $injector.invoke(customShortcut, {$event: event});
+          }
         });
       }
     };

src/source-snippets/source-snippets.js

@@ -0,0 +1,55 @@
+'use strict';
+
+angular.module('w11k.slides').config(function (slidesConfig) {
+  slidesConfig.shortcuts = slidesConfig.shortcuts || {};
+
+  slidesConfig.shortcuts['76'] = ['SourceSnippets', function (SourceSnippets) {
+    SourceSnippets.toggle();
+  }];
+});
+
+angular.module('w11k.slides').run(function (SourceSnippets) {
+  // just for eager creation
+  SourceSnippets.init();
+});
+
+angular.module('w11k.slides').service('SourceSnippets', function ($rootScope) {
+  var states = {
+    'jsOnly': {
+      js: true,
+      ts: false,
+      next: 'tsOnly'
+    },
+    'tsOnly': {
+      js: false,
+      ts: true,
+      next: 'jsAndTs'
+    },
+    'jsAndTs': {
+      js: true,
+      ts: true,
+      next: 'jsOnly'
+    }
+  };
+
+  var currentState = states.jsOnly;
+
+  $rootScope.$on('src-js-current', function (event, callback) {
+    callback(currentState.js);
+  });
+
+  $rootScope.$on('src-ts-current', function (event, callback) {
+    callback(currentState.ts);
+  });
+
+  this.toggle = function () {
+    currentState = states[currentState.next];
+
+    $rootScope.$broadcast('src-js', currentState.js);
+    $rootScope.$broadcast('src-ts', currentState.ts);
+  };
+
+  this.init = function () {
+    // nothing to do here at the moment
+  };
+});

test/slides/usage.tpl.html

@@ -8,15 +8,27 @@
 </body>
 </pre>
 
-<pre w11k-pretty-print lang="js">
-angular.module("demo").constant('slidesConfig', {
-  slides: [
+<pre w11k-pretty-print lang="js" w11k-event-toggle="src-js">
+angular.module("demo").run(function (slidesConfig) {
+  slidesConfig.slides: [
     'title',
     'about',
     'end'
-  ],
-  slideTemplatePrefix: 'slides/',
-  slideTemplateSuffix: '.tpl.html'
+  ];
+  slidesConfig.slideTemplatePrefix: 'slides/',
+  slidesConfig.slideTemplateSuffix: '.tpl.html'
+});
+</pre>
+
+<pre w11k-pretty-print lang="typescript" w11k-event-toggle="src-ts">
+angular.module("demo").run(function (slidesConfig :any) {
+  slidesConfig.slides: [
+    'title',
+    'about',
+    'end'
+  ];
+  slidesConfig.slideTemplatePrefix: 'slides/',
+  slidesConfig.slideTemplateSuffix: '.tpl.html'
 });
 </pre>
   </div>