[PE] Move function StartDemostration to viewport.

apps/presentationeditor/main/app/controller/Statusbar.js

@@ -128,44 +128,8 @@ define([
         },
 
         onPreview: function(btn, e) {
-            var previewPanel = PE.getController('Viewport').getView('DocumentPreview'),
+            var current = this.api.getCurrentPage();
-                me = this,
+            Common.NotificationCenter.trigger('preview:start', _.isNumber(current) ? current : 0);
-                isResized = false;
-            if (previewPanel && me.api) {
-                previewPanel.show();
-                var onWindowResize = function() {
-                    if (isResized) return;
-                    isResized = true;
-                    Common.NotificationCenter.off('window:resize', onWindowResize);
-
-                    var current = me.api.getCurrentPage();
-                    me.api.StartDemonstration('presentation-preview', _.isNumber(current) ? current : 0);
-
-                    Common.component.Analytics.trackEvent('Status Bar', 'Preview');
-                };
-                if (!me.statusbar.mode.isDesktopApp && !Common.Utils.isIE11) {
-                    Common.NotificationCenter.on('window:resize', onWindowResize);
-                    me.fullScreen(document.documentElement);
-                    setTimeout(function(){
-                        onWindowResize();
-                    }, 100);
-                } else
-                    onWindowResize();
-            }
-        },
-
-        fullScreen: function(element) {
-            if (element) {
-                if(element.requestFullscreen) {
-                    element.requestFullscreen();
-                } else if(element.webkitRequestFullscreen) {
-                    element.webkitRequestFullscreen();
-                } else if(element.mozRequestFullScreen) {
-                    element.mozRequestFullScreen();
-                } else if(element.msRequestFullscreen) {
-                    element.msRequestFullscreen();
-                }
-            }
         },
 
         /*

apps/presentationeditor/main/app/controller/Toolbar.js

@@ -800,41 +800,7 @@ define([
         },
 
         onPreview: function(slidenum) {
-            var previewPanel = PE.getController('Viewport').getView('DocumentPreview'),
+            Common.NotificationCenter.trigger('preview:start', _.isNumber(slidenum) ? slidenum : 0);
-                me = this,
-                isResized = false;
-            if (previewPanel && me.api) {
-                previewPanel.show();
-                var onWindowResize = function() {
-                    if (isResized) return;
-                    isResized = true;
-                    Common.NotificationCenter.off('window:resize', onWindowResize);
-                    me.api.StartDemonstration('presentation-preview', _.isNumber(slidenum) ? slidenum : 0, PE.getController('Main').document);
-                    Common.component.Analytics.trackEvent('ToolBar', 'Preview');
-                };
-                if (!me.toolbar.mode.isDesktopApp && !Common.Utils.isIE11) {
-                    Common.NotificationCenter.on('window:resize', onWindowResize);
-                    me.fullScreen(document.documentElement);
-                    setTimeout(function(){
-                        onWindowResize();
-                    }, 100);
-                } else
-                    onWindowResize();
-            }
-        },
-
-        fullScreen: function(element) {
-            if (element) {
-                if(element.requestFullscreen) {
-                    element.requestFullscreen();
-                } else if(element.webkitRequestFullscreen) {
-                    element.webkitRequestFullscreen();
-                } else if(element.mozRequestFullScreen) {
-                    element.mozRequestFullScreen();
-                } else if(element.msRequestFullscreen) {
-                    element.msRequestFullscreen();
-                }
-            }
         },
 
         onPreviewBtnClick: function(btn, e) {

apps/presentationeditor/main/app/controller/Viewport.js

@@ -84,6 +84,7 @@ define([
 
                 }
             });
+            Common.NotificationCenter.on('preview:start', this.onPreviewStart.bind(this));
         },
 
         setApi: function(api) {
@@ -151,6 +152,45 @@ define([
         onWindowResize: function(e) {
             this.onLayoutChanged('window');
             Common.NotificationCenter.trigger('window:resize');
+        },
+
+        onPreviewStart: function(slidenum) {
+            this.previewPanel = this.previewPanel || PE.getController('Viewport').getView('DocumentPreview');
+            var me = this,
+                isResized = false;
+            if (this.previewPanel && !this.previewPanel.isVisible() && this.api) {
+                this.previewPanel.show();
+                var _onWindowResize = function() {
+                    if (isResized) return;
+                    isResized = true;
+                    Common.NotificationCenter.off('window:resize', _onWindowResize);
+                    me.api.StartDemonstration('presentation-preview', _.isNumber(slidenum) ? slidenum : 0, PE.getController('Main').document);
+                    Common.component.Analytics.trackEvent('Viewport', 'Preview');
+                };
+                if (!me.viewport.mode.isDesktopApp && !Common.Utils.isIE11) {
+                    Common.NotificationCenter.on('window:resize', _onWindowResize);
+                    me.fullScreen(document.documentElement);
+                    setTimeout(function(){
+                        _onWindowResize();
+                    }, 100);
+                } else
+                    _onWindowResize();
             }
+        },
+
+        fullScreen: function(element) {
+            if (element) {
+                if(element.requestFullscreen) {
+                    element.requestFullscreen();
+                } else if(element.webkitRequestFullscreen) {
+                    element.webkitRequestFullscreen();
+                } else if(element.mozRequestFullScreen) {
+                    element.mozRequestFullScreen();
+                } else if(element.msRequestFullscreen) {
+                    element.msRequestFullscreen();
+                }
+            }
+        }
+
     });
 });

apps/presentationeditor/main/app/view/DocumentHolder.js

@@ -1455,24 +1455,7 @@ define([
                 e.preventDefault();
                 e.stopPropagation();
                 if (me.slidesCount>0) {
-                    var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
+                    Common.NotificationCenter.trigger('preview:start', 0);
-                    if (previewPanel && !previewPanel.isVisible() && me.api) {
-                        previewPanel.show();
-                        var onWindowResize = function() {
-                            if (isResized) return;
-                            isResized = true;
-                            Common.NotificationCenter.off('window:resize', onWindowResize);
-                            me.api.StartDemonstration('presentation-preview', 0);
-                        };
-                        if (!me.mode.isDesktopApp && !Common.Utils.isIE11) {
-                            Common.NotificationCenter.on('window:resize', onWindowResize);
-                            me.fullScreen(document.documentElement);
-                            setTimeout(function(){
-                                onWindowResize();
-                            }, 100);
-                        } else
-                            onWindowResize();
-                    }
                 }
             };
             Common.util.Shortcuts.delegateShortcuts({shortcuts:keymap});
@@ -1657,20 +1640,6 @@ define([
             me.fireEvent('editcomplete', me);
         },
 
-        fullScreen: function(element) {
-            if (element) {
-                if(element.requestFullscreen) {
-                    element.requestFullscreen();
-                } else if(element.webkitRequestFullscreen) {
-                    element.webkitRequestFullscreen();
-                } else if(element.mozRequestFullScreen) {
-                    element.mozRequestFullScreen();
-                } else if(element.msRequestFullscreen) {
-                    element.msRequestFullscreen();
-                }
-            }
-        },
-
         onSlidePickerShowAfter: function(picker) {
             if (!picker._needRecalcSlideLayout) return;
             
@@ -1773,29 +1742,8 @@ define([
             var mnuPreview = new Common.UI.MenuItem({
                 caption : me.txtPreview
             }).on('click', function(item) {
-                var previewPanel = PE.getController('Viewport').getView('DocumentPreview'),
+                var current = this.api.getCurrentPage();
-                    isResized = false;
+                Common.NotificationCenter.trigger('preview:start', _.isNumber(current) ? current : 0);
-                if (previewPanel && me.api) {
-                    previewPanel.show();
-                    var onWindowResize = function() {
-                        if (isResized) return;
-                        isResized = true;
-                        Common.NotificationCenter.off('window:resize', onWindowResize);
-
-                        var current = me.api.getCurrentPage();
-                        me.api.StartDemonstration('presentation-preview', _.isNumber(current) ? current : 0);
-
-                        Common.component.Analytics.trackEvent('DocumentHolder', 'Preview');
-                    };
-                    if (!me.mode.isDesktopApp && !Common.Utils.isIE11) {
-                        Common.NotificationCenter.on('window:resize', onWindowResize);
-                        me.fullScreen(document.documentElement);
-                        setTimeout(function(){
-                            onWindowResize();
-                        }, 100);
-                    } else
-                        onWindowResize();
-                }
             });
 
             var mnuSelectAll = new Common.UI.MenuItem({