Plugins: add isCustomWindow type to variation.

apps/common/main/lib/controller/Plugins.js

@@ -126,6 +126,7 @@ define([
                     variation.set_Url(itemVar.get('url'));
                     variation.set_Icons(itemVar.get('icons'));
                     variation.set_Visual(itemVar.get('isVisual'));
+                    variation.set_CustomWindow(itemVar.get('isCustomWindow'));
                     variation.set_Viewer(itemVar.get('isViewer'));
                     variation.set_EditorsSupport(itemVar.get('EditorsSupport'));
                     variation.set_Modal(itemVar.get('isModal'));
@@ -226,6 +227,7 @@ define([
                         this.api.asc_pluginButtonClick(-1);
                 } else {
                     var me = this,
+                        isCustomWindow = variation.get_CustomWindow(),
                         arrBtns = variation.get_Buttons(),
                         newBtns = {},
                         size = variation.get_Size();
@@ -238,11 +240,13 @@ define([
                     }
 
                     me.pluginDlg = new Common.Views.PluginDlg({
+                        cls: isCustomWindow ? 'plain' : '',
+                        header: !isCustomWindow,
                         title: plugin.get_Name(),
                         width: size[0], // inner width
                         height: size[1], // inner height
                         url: url,
-                        buttons: newBtns,
+                        buttons: isCustomWindow ? undefined : newBtns,
                         toolcallback: _.bind(this.onToolClose, this)
                     });
                     me.pluginDlg.on('render:after', function(obj){

apps/common/main/lib/model/Plugin.js

@@ -58,6 +58,7 @@ define([
                 isViewer: false,
                 EditorsSupport: ["word", "cell", "slide"],
                 isVisual: false,
+                isCustomWindow: false,
                 isModal: false,
                 isInsideMode: false,
                 initDataType: 0,

apps/common/main/lib/view/Plugins.js

@@ -201,21 +201,22 @@ define([
         initialize : function(options) {
             var _options = {};
             _.extend(_options,  {
-                cls: 'advanced-settings-dlg',
                 header: true,
                 enableKeyEvents: false
             }, options);
 
             var header_footer = (_options.buttons && _.size(_options.buttons)>0) ? 85 : 34;
+            if (!_options.header) header_footer -= 34;
             _options.width = (Common.Utils.innerWidth()-_options.width)<0 ? Common.Utils.innerWidth(): _options.width,
             _options.height += header_footer;
             _options.height = (Common.Utils.innerHeight()-_options.height)<0 ? Common.Utils.innerHeight(): _options.height;
+            _options.cls += ' advanced-settings-dlg';
 
             this.template = [
                 '<div id="id-plugin-container" class="box" style="height:' + (_options.height-header_footer) + 'px;">',
                     '<div id="id-plugin-placeholder" style="width: 100%;height: 100%;"></div>',
                 '</div>',
-                '<% if (_.size(buttons) > 0) { %>',
+                '<% if ((typeof buttons !== "undefined") && _.size(buttons) > 0) { %>',
                     '<div class="separator horizontal"/>',
                     '<div class="footer" style="text-align: center;">',
                         '<% for(var bt in buttons) { %>',
@@ -237,6 +238,7 @@ define([
 
             this.boxEl = this.$window.find('.body > .box');
             this._headerFooterHeight = (this.options.buttons && _.size(this.options.buttons)>0) ? 85 : 34;
+            if (!this.options.header) this._headerFooterHeight -= 34;
             this._headerFooterHeight += ((parseInt(this.$window.css('border-top-width')) + parseInt(this.$window.css('border-bottom-width'))));
 
             var iframe = document.createElement("iframe");

apps/common/main/resources/less/window.less

@@ -190,6 +190,16 @@
         -o-transition: none !important;
     }
 
+    &.plain {
+        border: none;
+        box-shadow: none;
+        border-radius: 0;
+
+        .body, .resize-border {
+            border-radius: 0 !important;
+        }
+    }
+
     .resize-border {
         position: absolute;
         width: 5px;

apps/documenteditor/main/app/controller/Main.js

@@ -2002,6 +2002,7 @@ define([
                                     isViewer: itemVar.isViewer,
                                     EditorsSupport: itemVar.EditorsSupport,
                                     isVisual: itemVar.isVisual,
+                                    isCustomWindow: itemVar.isCustomWindow,
                                     isModal: itemVar.isModal,
                                     isInsideMode: itemVar.isInsideMode,
                                     initDataType: itemVar.initDataType,

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

@@ -1788,6 +1788,7 @@ define([
                                     isViewer: itemVar.isViewer,
                                     EditorsSupport: itemVar.EditorsSupport,
                                     isVisual: itemVar.isVisual,
+                                    isCustomWindow: itemVar.isCustomWindow,
                                     isModal: itemVar.isModal,
                                     isInsideMode: itemVar.isInsideMode,
                                     initDataType: itemVar.initDataType,

apps/spreadsheeteditor/main/app/controller/Main.js

@@ -1972,6 +1972,7 @@ define([
                                     isViewer: itemVar.isViewer,
                                     EditorsSupport: itemVar.EditorsSupport,
                                     isVisual: itemVar.isVisual,
+                                    isCustomWindow: itemVar.isCustomWindow,
                                     isModal: itemVar.isModal,
                                     isInsideMode: itemVar.isInsideMode,
                                     initDataType: itemVar.initDataType,