Add in a slide change event. Update event data based on eventing review

officemix/static/js/officemix_view.js

@@ -5,23 +5,47 @@ function OfficeMixBlock(runtime, element) {
     var mixUrl = iframe.attr('src');
     var eventUrl = runtime.handlerUrl(element, 'publish_event');
 
+    /**
+     * The API returns slides in a 0-based format. Add one to convert into a more human readable format
+     */
+    function convertSlideIndex(slide) {
+        return slide + 1;
+    }
+
+    /**
+     * Retrieves the current time and slide from the playing Office Mix
+     */
+    function getCurrentTimeAndSlide (callback) {
+        player.getCurrentTime(function (currentTime) {
+            player.send({ method: 'getCurrentPage' }, function (currentSlide) {
+                callback(currentTime, convertSlideIndex(currentSlide)); 
+            });
+        });
+    }
+
+    
+
     player.on('ready', function () {
         player.getDuration(function (duration) {
-            var data = {
-                'event_type': 'microsoft.office.mix.loaded',
-                url: mixUrl,
-                duration: duration
-            };
+            player.send({ method: 'getPageCount' }, function (totalSlides) {
+                var data = {
+		    'event_type': 'microsoft.office.mix.loaded',
+                    url: mixUrl,
+                    duration: duration,
+                    totalSlides: totalSlides
+                };
 
-            $.post(eventUrl, JSON.stringify(data));
+                $.post(eventUrl, JSON.stringify(data));
+            });
         });
 
         player.on('play', function () {
-            player.getCurrentTime(function (value) {
+            getCurrentTimeAndSlide(function (currentTime, currentSlide) {
                 var data = {
                     'event_type': 'microsoft.office.mix.played',
                     url: mixUrl,
-                    time: value
+                    currentTime: currentTime,
+                    currentSlide: currentSlide
                 };
 
                 $.post(eventUrl, JSON.stringify(data));
@@ -29,11 +53,12 @@ function OfficeMixBlock(runtime, element) {
         });
 
         player.on('pause', function () {
-            player.getCurrentTime(function (value) {
+            getCurrentTimeAndSlide(function (currentTime, currentSlide) {
                 var data = {
                     'event_type': 'microsoft.office.mix.paused',
                     url: mixUrl,
-                    time: value
+                    currentTime: currentTime,
+                    currentSlide: currentSlide
                 };
 
                 $.post(eventUrl, JSON.stringify(data));
@@ -48,5 +73,15 @@ function OfficeMixBlock(runtime, element) {
 
             $.post(eventUrl, JSON.stringify(data));
         });
+
+        player.on('pageupdate', function (pageUpdateEvent) {
+            var data = {
+                'event_type': 'microsoft.office.mix.slide_changed',
+                url: mixUrl,
+                slide: convertSlideIndex(pageUpdateEvent.page) 
+            };
+
+            $.post(eventUrl, JSON.stringify(data));
+        });
     });
 }