knitkit 3.0.0 → 3.2.0

data/{public → app/assets}/javascripts/erp_app/desktop/applications/knitkit/inquiries_grid_panel.js

@@ -114,7 +114,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.InquiriesGridPanel", {
                 flex: 0.5,
                 items: [
                     {
-                        icon: '/images/icons/eye/eye_16x16.png',
+                        icon: '/assets/icons/eye/eye_16x16.png',
                         tooltip: 'View',
                         getClass: function (v, meta, rec) {
                             return 'x-action-col-icon';
@@ -126,7 +126,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.InquiriesGridPanel", {
                         }
                     },
                     {
-                        icon: '/images/icons/delete/delete_16x16.png',
+                        icon: '/assets/icons/delete/delete_16x16.png',
                         tooltip: 'Delete',
                         getClass: function (v, meta, rec) {
                             return 'x-action-col-icon';

data/{public → app/assets}/javascripts/erp_app/desktop/applications/knitkit/module.js

@@ -12,7 +12,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit", {
     init: function () {
 
         this.launcher = {
-            text: 'KnitKit',
+            text: 'Website Builder',
             iconCls: 'icon-knitkit',
             handler: this.createWindow,
             scope: this
@@ -209,7 +209,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit", {
 
             win = desktop.createWindow({
                 id: 'knitkit',
-                title: 'KnitKit',
+                title: 'Website Builder',
                 width: 1200,
                 height: 550,
                 maximized: true,

data/{public → app/assets}/javascripts/erp_app/desktop/applications/knitkit/published_grid_panel.js

@@ -197,7 +197,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.PublishedGridPanel", {
                             }
                         },
                         {
-                            icon: '/images/icons/document/document_16x16.png',
+                            icon: '/assets/icons/document/document_16x16.png',
                             tooltip: 'Comments',
                             handler: function (grid, rowIndex, colIndex) {
                                 var rec = grid.getStore().getAt(rowIndex);

data/app/assets/javascripts/erp_app/desktop/applications/knitkit/splash_screen.js

@@ -0,0 +1,268 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.SplashScreen", {
+    extend: "Ext.panel.Panel",
+    alias: 'widget.knitkit_splash_screen',
+    title: 'Startup',
+    closable: true,
+    items: [
+        {
+            html: "<div style='margin: 15px 50px 5px 50px;'><h2 style='margin: 3px 0 10px 0; color: #2fb3d4; text-align: center'>Website Builder Home</h2></div>"
+        },
+
+        {
+            xtype: 'image',
+            style: 'padding-left: 50%; margin-left: -258px;',
+            src: '/assets/knitkit/splash/splash.png'
+        },
+
+        {
+            html: "<div style='margin: 15px 50px 5px 50px;'><p style='margin: 0; color: #222; text-align: center; font-size: 16px; font-weight: 300;'>Click on the shortcuts below to get started.</p></div>"
+        },
+
+        {
+            xtype: 'panel',
+            layout: 'column',
+            style: 'width: 480px; margin-top: 0px; padding-top: 5px; margin-left: auto; margin-right: auto;',
+            items: [
+
+                {
+                    xtype: 'panel',
+                    height: 140,
+                    width: 150,
+                    style:{
+                        margin: '0px 0px 5px 10px;',
+                        cursor: 'pointer'
+                    },
+                    bodyStyle: '',
+                    border: false,
+                    bodyBorder: false,
+                    overCls: 'shortcut-hover',
+                    items: [
+
+                        {
+                            xtype: 'image',
+                            src: '/assets/knitkit/splash/images/add_website_105x105.png',
+                            height: 115,
+                            width: 115,
+                            style: 'background-color: #fff; margin-left: 15px;',
+                            listeners: {
+                                render: function (component) {
+                                    component.getEl().on('click', function (e) {
+
+                                        Ext.create("Ext.window.Window", {
+                                            modal: true,
+                                            title: 'New Website',
+                                            buttonAlign: 'center',
+                                            width: 360,
+                                            defaultFocus: 'name',
+                                            items: Ext.create('widget.form', {
+                                                labelWidth: 110,
+                                                frame: false,
+                                                bodyStyle: 'padding:5px 5px 0',
+                                                url: '/knitkit/erp_app/desktop/site/new',
+                                                defaults: {
+                                                    width: 320
+                                                },
+                                                items: [
+                                                    {
+                                                        xtype: 'textfield',
+                                                        fieldLabel: 'Name *',
+                                                        allowBlank: false,
+                                                        name: 'name',
+                                                        itemId: 'name'
+                                                    },
+                                                    {
+                                                        xtype: 'textfield',
+                                                        fieldLabel: 'Host *',
+                                                        allowBlank: false,
+                                                        name: 'host'
+                                                    },
+                                                    {
+                                                        xtype: 'textfield',
+                                                        fieldLabel: 'Title *',
+                                                        allowBlank: false,
+                                                        name: 'title'
+                                                    },
+                                                    {
+                                                        xtype: 'textfield',
+                                                        fieldLabel: 'Sub Title',
+                                                        allowBlank: true,
+                                                        name: 'subtitle'
+                                                    }
+                                                ]
+                                            }),
+                                            buttons: [
+                                                {
+                                                    text: 'Submit',
+                                                    listeners: {
+                                                        'click': function (button) {
+                                                            var knitkitModule = compassDesktop.getModule('knitkit-win'),
+                                                                knitkitWindow = compassDesktop.desktop.getWindow('knitkit'),
+                                                                window = button.findParentByType('window'),
+                                                                formPanel = window.query('.form')[0];
+
+                                                            formPanel.getForm().submit({
+                                                                waitMsg: 'Please wait...',
+                                                                success: function (form, action) {
+                                                                    var obj = Ext.decode(action.response.responseText);
+                                                                    if (obj.success) {
+                                                                        var combo = knitkitWindow.down('websitescombo');
+                                                                        combo.store.load({
+                                                                            callback: function (records, operation, succes) {
+                                                                                for (i = 0; i < records.length; i++) {
+                                                                                    if (records[i].data.id == obj.website.id) {
+                                                                                        combo.select(records[i]);
+
+                                                                                        knitkitModule.selectWebsite(records[i]);
+                                                                                        window.close();
+
+                                                                                        break;
+                                                                                    }
+                                                                                }
+                                                                            }
+                                                                        });
+                                                                    }
+                                                                },
+                                                                failure: function (form, action) {
+                                                                    Ext.Msg.alert("Error", "Error creating website");
+                                                                }
+                                                            });
+                                                        }
+                                                    }
+                                                },
+                                                {
+                                                    text: 'Close',
+                                                    handler: function (btn) {
+                                                        btn.up('window').close();
+                                                    }
+                                                }
+                                            ]
+                                        }).show();
+
+
+                                    }, component);
+
+                                    component.getEl().on('mouseover', function () {
+                                            component.setSrc('/assets/knitkit/splash/images/add_website_105x105-active.png');
+                                        }
+                                    );
+                                    component.getEl().on('mouseout', function () {
+                                            component.setSrc('/assets/knitkit/splash/images/add_website_105x105.png');
+                                        }
+                                    );
+                                }
+                            }
+                        },
+                        {
+                            html: "<p style='background-color: #fff; margin: 0px 0px 0px 0px; text-align: center'>Create a website</p>"
+                        }
+                    ]
+                },
+
+                {
+                    xtype: 'panel',
+                    height: 140,
+                    width: 150,
+                    style:{
+                        margin: '0px 0px 5px 10px;',
+                        cursor: 'pointer'
+                    },
+                    bodyStyle: '',
+                    border: false,
+                    bodyBorder: false,
+                    overCls: 'shortcut-hover',
+                    items: [
+
+                        {
+                            xtype: 'image',
+                            src: '/assets/knitkit/splash/images/find_themes_105x105.png',
+                            height: 115,
+                            width: 115,
+                            style: 'background-color: #fff; margin-left: 15px;',
+                            listeners: {
+                                render: function (component) {
+                                    component.getEl().on('click', function (e) {
+
+                                        var cr = this.findParentByType('knitkit_centerregion');
+                                        cr.openIframeInTab('Themes and Widgets', 'https://themes.mycompassagile.com');
+
+
+                                    }, component);
+
+                                    component.getEl().on('mouseover', function () {
+                                            component.setSrc('/assets/knitkit/splash/images/find_themes_105x105-active.png');
+                                        }
+                                    );
+                                    component.getEl().on('mouseout', function () {
+                                            component.setSrc('/assets/knitkit/splash/images/find_themes_105x105.png');
+                                        }
+                                    );
+                                }
+                            }
+                        },
+                        {
+                            html: "<p style='background-color: #fff; margin: 0px 0px 0px 0px; text-align: center'>Find themes and assets</p>"
+                        }
+                    ]
+                },
+                {
+                    xtype: 'panel',
+                    height: 140,
+                    width: 150,
+                    style:{
+                        margin: '0px 0px 5px 10px;',
+                        cursor: 'pointer'
+                    },
+                    bodyStyle: '',
+                    border: false,
+                    bodyBorder: false,
+                    overCls: 'shortcut-hover',
+                    items: [
+
+                        {
+                            xtype: 'image',
+                            src: '/assets/knitkit/splash/images/learn_more_105x105.png',
+                            height: 115,
+                            width: 115,
+                            style: 'background-color: #fff; margin-left: 15px;',
+                            listeners: {
+                                render: function (component) {
+                                    component.getEl().on('click', function (e) {
+
+                                        var cr = this.findParentByType('knitkit_centerregion');
+                                        cr.openIframeInTab('Building Websites', 'https://docs.mycompassagile.com');
+
+                                    }, component);
+
+                                    component.getEl().on('mouseover', function () {
+                                            component.setSrc('/assets/knitkit/splash/images/learn_more_105x105-active.png');
+                                        }
+                                    );
+                                    component.getEl().on('mouseout', function () {
+                                            component.setSrc('/assets/knitkit/splash/images/learn_more_105x105.png');
+                                        }
+                                    );
+                                }
+                            }
+                        },
+                        {
+                            html: "<p style='background-color: #fff; margin: 0px 0px 0px 0px; text-align: center'>Learn more</p>"
+                        }
+                    ]
+                }
+
+            ]
+        }
+    ],
+    constructor: function (config) {
+
+        var self = this;
+
+        config = Ext.apply({
+            //placeholder
+        }, config);
+
+        self.callParent(config);
+    }
+});
+
+

data/{public → app/assets}/javascripts/erp_app/desktop/applications/knitkit/top_menu/main_menu.js

@@ -12,6 +12,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.editWebsiteMenuItem = function (disa
                 title: 'Update Website',
                 plain: true,
                 buttonAlign: 'center',
+                defaultFocus: 'name',
                 items: Ext.create("Ext.form.Panel", {
                     labelWidth: 110,
                     frame: false,
@@ -26,6 +27,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.editWebsiteMenuItem = function (disa
                             fieldLabel: 'Name',
                             allowBlank: false,
                             name: 'name',
+                            itemId: 'name',
                             value: knitkitModule.currentWebsite.name
                         },
                         {
@@ -226,6 +228,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                             title: 'New Website',
                             buttonAlign: 'center',
                             width: 360,
+                            defaultFocus: 'name',
                             items: Ext.create('widget.form', {
                                 labelWidth: 110,
                                 frame: false,
@@ -240,14 +243,15 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                                         fieldLabel: 'Name *',
                                         allowBlank: false,
                                         name: 'name',
-                                        plugins: [new helpQtip("This is required and must be unique. Spaces are OK.")]
+                                        itemId: 'name'
+                                        // plugins: [new helpQtip("This is required and must be unique. Spaces are OK.")]
                                     },
                                     {
                                         xtype: 'textfield',
                                         fieldLabel: 'Host *',
                                         allowBlank: false,
                                         name: 'host',
-                                        plugins: [new helpQtip("If you are running locally, this will probably be localhost:3000.<br> Otherwise, it is the domain or subdomain for this CompassAE instance")]
+                                        //plugins: [new helpQtip("If you are running locally, this will probably be localhost:3000.<br> Otherwise, it is the domain or subdomain for this CompassAE instance")]
                                     },
                                     {
                                         xtype: 'textfield',
@@ -296,7 +300,9 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                                                     }
                                                 },
                                                 failure: function (form, action) {
-                                                    Ext.Msg.alert("Error", "Error creating website");
+                                                    var obj = Ext.decode(action.response.responseText);
+                                                    var message = obj.message.indexOf('Host') == 0 ? obj.message : "Error creating website"
+                                                    Ext.Msg.alert("Error", message);
                                                 }
                                             });
                                         }
@@ -308,7 +314,20 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                                         btn.up('window').close();
                                     }
                                 }
-                            ]
+                            ],
+                            listeners: {
+                                'activate' : function(form){
+                                    Ext.Ajax.request({
+                                        url: '/knitkit/erp_app/desktop/site/get_current_host',
+                                        success: function(response){
+                                            var obj = Ext.decode(response.responseText);
+                                            if (obj.success) {
+                                                form.down('[name=host]').setValue(obj.host);
+                                            }
+                                        }
+                                    });
+                                }
+                            }
                         }).show();
                     }
                 },
@@ -324,7 +343,9 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                             height: 120,
                             plain: true,
                             buttonAlign: 'center',
-                            items: new Ext.FormPanel({
+                            items: {
+                                xtype: 'form',
+                                timeout: 300,
                                 labelWidth: 110,
                                 frame: false,
                                 fileUpload: true,
@@ -343,7 +364,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                                         name: 'website_data'
                                     }
                                 ]
-                            }),
+                            },
                             buttons: [
                                 {
                                     text: 'Submit',
@@ -356,6 +377,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
 
                                             formPanel.getForm().submit({
                                                 waitMsg: 'Please wait...',
+                                                timeout: 300000,
                                                 success: function (form, action) {
                                                     var obj = Ext.decode(action.response.responseText);
                                                     if (obj.success) {
@@ -419,15 +441,20 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                     handler: function () {
                         var knitkitModule = compassDesktop.getModule('knitkit-win'),
                             knitkitWindow = compassDesktop.desktop.getWindow('knitkit'),
+                            websiteName = knitkitModule.currentWebsite.name,
                             websiteId = knitkitModule.currentWebsite.id;
 
-                        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this Website?', function (btn) {
+                        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete the website: ' + websiteName, function (btn) {
                             if (btn == 'no') {
                                 return false;
                             }
                             else if (btn == 'yes') {
+                                var loading = new Ext.LoadMask(knitkitWindow, {msg: 'Please wait...'});
+                                loading.show();
+
                                 Ext.Ajax.request({
                                     url: '/knitkit/erp_app/desktop/site/delete',
+                                    timeout: 300000,
                                     method: 'POST',
                                     params: {
                                         website_id: websiteId
@@ -435,6 +462,8 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                                     success: function (response) {
                                         var obj = Ext.decode(response.responseText);
                                         if (obj.success) {
+                                            loading.hide();
+
                                             var combo = knitkitWindow.down('websitescombo');
                                             combo.store.load({
                                                 callback: function (records, operation, succes) {
@@ -450,6 +479,8 @@ Compass.ErpApp.Desktop.Applications.Knitkit.websiteMenu = function () {
                                             });
                                         }
                                         else {
+                                            loading.hide();
+
                                             Ext.Msg.alert('Error', 'Error deleting Website');
                                         }
                                     },
@@ -504,10 +535,11 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newSectionMenuItem = {
                     websiteId = knitkitWin.currentWebsite.id;
 
                 Ext.create("Ext.window.Window", {
-                    model: true,
+                    modal: true,
                     layout: 'fit',
                     title: 'New Section',
                     buttonAlign: 'center',
+                    defaultFocus: 'title',
                     items: Ext.create("Ext.form.Panel", {
                         labelWidth: 110,
                         frame: false,
@@ -521,7 +553,8 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newSectionMenuItem = {
                                 xtype: 'textfield',
                                 fieldLabel: 'Title',
                                 allowBlank: false,
-                                name: 'title'
+                                name: 'title',
+                                itemId: 'title'
                             },
                             {
                                 xtype: 'textfield',
@@ -534,8 +567,8 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newSectionMenuItem = {
                                 forceSelection: true,
                                 store: [
                                     ['Page', 'Page'],
-                                    ['Blog', 'Blog'],
-                                    ['OnlineDocumentSection', 'Online Document Section']
+                                    ['Blog', 'Blog'] //,
+                                    //['OnlineDocumentSection', 'Online Document Section']
                                 ],
                                 value: 'Page',
                                 fieldLabel: 'Type',
@@ -673,6 +706,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newThemeMenuItem = {
             width: 360,
             plain: true,
             buttonAlign: 'center',
+            defaultFocus: 'name',
             items: Ext.create('widget.form', {
                 labelWidth: 110,
                 frame: false,
@@ -692,7 +726,8 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newThemeMenuItem = {
                         xtype: 'textfield',
                         fieldLabel: 'Name *',
                         allowBlank: false,
-                        name: 'name'
+                        name: 'name',
+                        itemId: 'name'
                     },
                     {
                         xtype: 'textfield',
@@ -739,15 +774,17 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newThemeMenuItem = {
 
                             formPanel.getForm().submit({
                                 reset: true,
+                                timeout: 300000,
                                 success: function (form, action) {
                                     loading.hide();
                                     window.close();
 
                                     var obj = Ext.decode(action.response.responseText);
                                     if (obj.success) {
-                                        themesTreePanel.getStore().load({
-                                            node: themesTreePanel.getRootNode()
-                                        });
+                                        var store = themesTreePanel.getStore(),
+                                            rootNode = store.getRootNode();
+
+                                        rootNode.appendChild(obj.node);
                                     }
                                 },
                                 failure: function (form, action) {
@@ -784,7 +821,9 @@ Compass.ErpApp.Desktop.Applications.Knitkit.uploadThemeMenuItem = {
             modal: true,
             title: 'New Theme',
             buttonAlign: 'center',
-            items: Ext.create('widget.form', {
+            items: {
+                xtype: 'form',
+                timeout: 300,
                 frame: false,
                 bodyStyle: 'padding:5px 5px 0',
                 fileUpload: true,
@@ -797,15 +836,15 @@ Compass.ErpApp.Desktop.Applications.Knitkit.uploadThemeMenuItem = {
                     },
                     {
                         xtype: 'fileuploadfield',
-						width: '350px',
+                        width: '350px',
                         fieldLabel: 'Upload Theme',
                         buttonText: 'Upload',
                         buttonOnly: false,
-                        allowBlank: true,
+                        allowBlank: false,
                         name: 'theme_data'
                     }
                 ]
-            }),
+            },
             buttons: [
                 {
                     text: 'Submit',
@@ -816,13 +855,16 @@ Compass.ErpApp.Desktop.Applications.Knitkit.uploadThemeMenuItem = {
 
                             if (form.isValid()) {
                                 form.submit({
+                                    timeout: 300000,
                                     waitMsg: 'Creating theme...',
                                     success: function (form, action) {
                                         var obj = Ext.decode(action.response.responseText);
+
                                         if (obj.success) {
-                                            themesTreePanel.getStore().load({
-                                                node: themesTreePanel.getRootNode()
-                                            });
+                                            var store = themesTreePanel.getStore(),
+                                                rootNode = store.getRootNode();
+
+                                            rootNode.appendChild(obj.node);
                                         }
                                         window.close();
                                     },
@@ -831,6 +873,9 @@ Compass.ErpApp.Desktop.Applications.Knitkit.uploadThemeMenuItem = {
                                     }
                                 });
                             }
+                            else {
+                                Ext.Msg.alert("Warning", "Please select a Theme file to upload");
+                            }
                         }
                     }
                 },
@@ -874,6 +919,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newNavigationMenuItem = {
                 modal: true,
                 title: 'New Menu',
                 buttonAlign: 'center',
+                defaultFocus: 'name',
                 items: Ext.create("Ext.form.Panel", {
                     labelWidth: 50,
                     frame: false,
@@ -888,7 +934,8 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newNavigationMenuItem = {
                             fieldLabel: 'Menu name: ',
                             width: 320,
                             allowBlank: false,
-                            name: 'name'
+                            name: 'name',
+                            itemId: 'name'
                         },
                         {
                             xtype: 'hidden',
@@ -973,6 +1020,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newHostMenuItem = {
             modal: true,
             title: 'Add Host',
             buttonAlign: 'center',
+            defaultFocus: 'host',
             items: Ext.create("Ext.form.Panel", {
                 labelWidth: 50,
                 frame: false,
@@ -986,6 +1034,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newHostMenuItem = {
                         xtype: 'textfield',
                         fieldLabel: 'Host',
                         name: 'host',
+                        itemId: 'host',
                         allowBlank: false
                     },
                     {
@@ -1016,7 +1065,9 @@ Compass.ErpApp.Desktop.Applications.Knitkit.newHostMenuItem = {
                                     }
                                 },
                                 failure: function (form, action) {
-                                    Ext.Msg.alert("Error", "Error adding Host");
+                                    var obj = Ext.decode(action.response.responseText);
+                                    var message = obj.message.indexOf('Host') == 0 ? obj.message : "Error adding Host"
+                                    Ext.Msg.alert("Error", message);
                                 }
                             });
                         }
@@ -1048,7 +1099,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.HostsMenu = function () {
     }
 };
 
-
+// Templates
 Compass.ErpApp.Desktop.Applications.Knitkit.TemplateMenu = function () {
     return {
         text: 'Templates',
@@ -1062,18 +1113,19 @@ Compass.ErpApp.Desktop.Applications.Knitkit.TemplateMenu = function () {
                     iconCls: 'icon-website-import',
                     handler: function (btn) {
                         var westRegion = Ext.ComponentQuery.query('#knitkitWestRegion').first(),
-                            themesTreePanel = westRegion.down('#themesTreePanel'),
-                            knitkitWin = compassDesktop.getModule('knitkit-win')
+                            themesTreePanel = westRegion.down('#themesTreePanel');
 
                         Ext.create("Ext.window.Window", {
                             modal: true,
                             title: 'Import Template',
                             buttonAlign: 'center',
-                            items: Ext.create('widget.form', {
+                            items: {
+                                xtype: 'form',
                                 frame: false,
+                                timeout: 300,
                                 bodyStyle: 'padding:5px 5px 0',
                                 fileUpload: true,
-                                url: '/knitkit/erp_app/desktop/site/importtemplate',
+                                url: '/knitkit/erp_app/desktop/site/import_template',
                                 items: [
 
                                     {
@@ -1086,7 +1138,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.TemplateMenu = function () {
                                         name: 'website_data'
                                     }
                                 ]
-                            }),
+                            },
                             buttons: [
                                 {
                                     text: 'Submit',
@@ -1154,11 +1206,11 @@ Compass.ErpApp.Desktop.Applications.Knitkit.TemplateMenu = function () {
                     iconCls: 'icon-website-export',
                     handler: function () {
                         var knitkitWin = compassDesktop.getModule('knitkit-win'),
-                        websiteId = knitkitWin.currentWebsite.id;
+                            websiteId = knitkitWin.currentWebsite.id;
                         ifrm = document.createElement("IFRAME");
                         ifrm.setAttribute("src", '/knitkit/erp_app/desktop/site/exporttemplate?website_id=' + websiteId);
-                        ifrm.style.width = 0+"px";
-                        ifrm.style.height = 0+"px";
+                        ifrm.style.width = 0 + "px";
+                        ifrm.style.height = 0 + "px";
                         document.body.appendChild(ifrm);
                     }
                 }