knitkit 2.1.15 → 3.0.0

data/public/javascripts/erp_app/desktop/applications/knitkit/top_menu/websites_combo.js

@@ -0,0 +1,71 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.WebsitesComboBox", {
+    extend: "Ext.form.field.ComboBox",
+    alias: 'widget.websitescombo',
+    initComponent: function () {
+        var self = this;
+
+        var websiteJsonStore = Ext.create('Ext.data.Store', {
+            timeout: 60000,
+            proxy: {
+                type: 'ajax',
+                url: '/knitkit/erp_app/desktop/site/index',
+                reader: {
+                    type: 'json',
+                    root: 'sites'
+                }
+            },
+            fields: [
+                'name',
+                'title',
+                'subtitle',
+                'id',
+                'url',
+                {name: 'configurationId', mapping: 'configuration_id'}
+            ]
+        });
+
+        self.store = websiteJsonStore;
+
+        self.callParent(arguments);
+
+        websiteJsonStore.load({
+            callback: function (records, operation, succes) {
+                if (records.length > 0) {
+                    self.select(records.first());
+
+                    var knitkitWin = compassDesktop.getModule('knitkit-win');
+
+                    knitkitWin.selectWebsite(records.first());
+                }
+            }
+        });
+    },
+
+    constructor: function (config) {
+        config = Ext.apply({
+            id: 'websiteCombo',
+            emptyText: 'No Websites',
+            fieldStyle: {
+                borderRadius: '0px !important'
+            },
+            valueField: 'id',
+            displayField: 'name',
+            triggerAction: 'all',
+            editable: false,
+            forceSelection: true,
+            queryMode: 'local',
+            listeners: {
+                'select': function (combo, records) {
+                    var knitkitModule = compassDesktop.getModule('knitkit-win');
+
+                    knitkitModule.selectWebsite(records.first());
+                },
+                render: function (combo) {
+                    combo.getStore().load();
+                }
+            }
+        }, config);
+
+        this.callParent([config]);
+    }
+});

data/public/javascripts/erp_app/desktop/applications/knitkit/versions_grid_panel.js

@@ -1,28 +1,29 @@
 Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel", {
-    extend:"Ext.grid.Panel",
-    initComponent:function () {
+    extend: "Ext.grid.Panel",
+    initComponent: function () {
         this.callParent(arguments);
         this.getStore().load();
     },
 
-    constructor:function (config) {
+    constructor: function (config) {
         var overiddenColumns = [
             {
-                header:'Version',
-                dataIndex:'version',
-                sortable:true,
-                width:50
+                header: 'Version',
+                dataIndex: 'version',
+                sortable: true,
+                width: 75
             },
             {
-                header:'Timestamp',
-                dataIndex:'updated_at',
-                sortable:true,
-                renderer:Ext.util.Format.dateRenderer('m/d/Y H:i:s'),
-                width:120
+                header: 'Timestamp',
+                dataIndex: 'updated_at',
+                sortable: true,
+                renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s'),
+                flex: 1
             },
             {
-                header:'Published By',
-                dataIndex:'publisher'
+                header: 'Published By',
+                dataIndex: 'publisher',
+                flex: 1
             }
         ];
 
@@ -32,60 +33,67 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel", {
 
         overiddenColumns = overiddenColumns.concat([
             {
-                menuDisabled:true,
-                resizable:false,
-                xtype:'actioncolumn',
-                header:'View',
-                align:'center',
-                width:60,
-                items:[
+                header: 'Active',
+                dataIndex: 'active',
+                sortable: true,
+                align: 'center',
+                flex: 0.5,
+                renderer: function () {
+                    var rec = arguments[2];
+                    if (rec.get('active')) {
+                        return '<img class="x-action-col-0 active-col" ext:qtip="Active" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="">';
+                    }
+                    else {
+                        return '<img class="x-action-col-0 activate-col" ext:qtip="Not Active" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="">';
+                    }
+                }
+            },
+            {
+                menuDisabled: true,
+                resizable: false,
+                xtype: 'actioncolumn',
+                header: 'Action',
+                align: 'center',
+                flex: 0.5,
+                items: [
                     {
-                        icon:'/images/icons/document_view/document_view_16x16.png',
-                        tooltip:'View',
-                        handler:function (grid, rowIndex, colIndex) {
+                        icon: '/images/icons/eye/eye_16x16.png',
+                        tooltip: 'View',
+                        getClass: function (v, meta, rec) {
+                            return 'x-action-col-icon';
+                        },
+                        handler: function (grid, rowIndex, colIndex) {
                             var rec = grid.getStore().getAt(rowIndex);
                             grid.ownerCt.viewVersionedContent(rec);
                         }
-                    }
-                ]
-            },
-            {
-                menuDisabled:true,
-                resizable:false,
-                xtype:'actioncolumn',
-                header:'Revert',
-                align:'center',
-                width:60,
-                items:[
+                    },
                     {
-                        icon:'/images/icons/document_down/document_down_16x16.png',
-                        tooltip:'Revert',
-                        handler:function (grid, rowIndex, colIndex) {
+                        icon: '/images/icons/document_down/document_down_16x16.png',
+                        tooltip: 'Revert',
+                        getClass: function (v, meta, rec) {
+                            return 'x-action-col-icon';
+                        },
+                        handler: function (grid, rowIndex, colIndex) {
                             var rec = grid.getStore().getAt(rowIndex);
                             grid.ownerCt.revert(rec);
                         }
-                    }
-                ]
-            },
-            {
-                menuDisabled:true,
-                resizable:false,
-                xtype:'actioncolumn',
-                header:'Published',
-                align:'center',
-                width:60,
-                items:[
+                    },
                     {
-                        getClass:function (v, meta, rec) {  // Or return a class from a function
+                        getTip: function (value, meta, rec) {
+                            if (rec.get('published')) {
+                                return 'Published';
+                            } else {
+                                return 'Publish';
+                            }
+                        },
+                        getClass: function (v, meta, rec) {  // Or return a class from a function
                             if (rec.get('published')) {
-                                this.items[0].tooltip = 'Published';
-                                return 'published-col';
+                                return 'published-col x-action-col-icon';
                             } else {
-                                this.items[0].tooltip = 'Publish';
-                                return 'publish-col';
+                                return 'publish-col x-action-col-icon';
                             }
                         },
-                        handler:function (grid, rowIndex, colIndex) {
+                        handler: function (grid, rowIndex, colIndex) {
                             var rec = grid.getStore().getAt(rowIndex);
                             if (rec.get('published')) {
                                 return false;
@@ -97,35 +105,19 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel", {
                         }
                     }
                 ]
-            },
-            {
-                header:'Active',
-                dataIndex:'active',
-                sortable:true,
-                align:'center',
-                width:60,
-                renderer:function () {
-                    var rec = arguments[2];
-                    if (rec.get('active')) {
-                        return '<img class="x-action-col-0 active-col" ext:qtip="Active" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="">';
-                    }
-                    else {
-                        return '<img class="x-action-col-0 activate-col" ext:qtip="Not Active" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="">';
-                    }
-                }
             }
         ]);
 
         config['columns'] = overiddenColumns;
         config = Ext.apply({
-            collapsed:true,
-            bbar:Ext.create("Ext.PagingToolbar", {
-                pageSize:15,
+            collapsed: true,
+            bbar: Ext.create("Ext.PagingToolbar", {
+                pageSize: 15,
                 title: 'Version History',
-                store:config['store'],
-                displayInfo:true,
-                displayMsg:'{0} - {1} of {2}',
-                emptyMsg:"Empty"
+                store: config['store'],
+                displayInfo: true,
+                displayMsg: '{0} - {1} of {2}',
+                emptyMsg: "Empty"
             })
         }, config);
 
@@ -134,25 +126,26 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel", {
 });
 
 Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsArticleGridPanel", {
-    extend:"Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel",
-    alias:'widget.knitkit_versionsarticlegridpanel',
-    viewVersionedContent:function (rec) {
+    extend: "Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel",
+    alias: 'widget.knitkit_versionsarticlegridpanel',
+    collapsed: true,
+    viewVersionedContent: function (rec) {
         this.initialConfig['centerRegion'].viewContent(rec.get('title') + " - Revision " + rec.get('version'), rec.get('body_html'));
     },
 
-    revert:function (rec) {
-        if (currentUser.hasCapability('revert_version','Content')) {
+    revert: function (rec) {
+        if (currentUser.hasCapability('revert_version', 'Content')) {
             var self = this;
             self.initialConfig['centerRegion'].setWindowStatus('Reverting...');
 
             Ext.Ajax.request({
-                url:'/knitkit/erp_app/desktop/versions/revert_content',
-                method:'POST',
-                params:{
-                    id:rec.get('id'),
-                    version:rec.get('version')
+                url: '/knitkit/erp_app/desktop/versions/revert_content',
+                method: 'POST',
+                params: {
+                    id: rec.get('id'),
+                    version: rec.get('version')
                 },
-                success:function (response) {
+                success: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     var obj = Ext.decode(response.responseText);
                     if (obj.success) {
@@ -163,7 +156,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsArticleGridPanel
                         Ext.Msg.alert('Error', 'Error reverting');
                     }
                 },
-                failure:function (response) {
+                failure: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     Ext.Msg.alert('Error', 'Error reverting');
                 }
@@ -174,19 +167,19 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsArticleGridPanel
         }
     },
 
-    publish:function (rec) {
-        if (currentUser.hasCapability('publish','Content')) {
+    publish: function (rec) {
+        if (currentUser.hasCapability('publish', 'Content')) {
             var self = this;
 
-            var publishWindow = Ext.create('Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow',{
-                baseParams:{
-                    id:rec.get('id'),
-                    site_id:self.initialConfig.siteId,
-                    version:rec.get('version')
+            var publishWindow = Ext.create('Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow', {
+                baseParams: {
+                    id: rec.get('id'),
+                    site_id: self.initialConfig.siteId,
+                    version: rec.get('version')
                 },
-                url:'/knitkit/erp_app/desktop/versions/publish_content',
-                listeners:{
-                    'publish_success':function (window, response) {
+                url: '/knitkit/erp_app/desktop/versions/publish_content',
+                listeners: {
+                    'publish_success': function (window, response) {
                         if (response.success) {
                             self.initialConfig['centerRegion'].clearWindowStatus();
                             self.getStore().load();
@@ -196,7 +189,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsArticleGridPanel
                             self.initialConfig['centerRegion'].clearWindowStatus();
                         }
                     },
-                    'publish_failure':function (window, response) {
+                    'publish_failure': function (window, response) {
                         self.initialConfig['centerRegion'].clearWindowStatus();
                         Ext.Msg.alert('Error', 'Error publishing');
                     }
@@ -209,52 +202,52 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsArticleGridPanel
         }
     },
 
-    constructor:function (config) {
+    constructor: function (config) {
         config = Ext.apply({
             title: 'Version History',
-            store:Ext.create("Ext.data.Store", {
-                proxy:{
-                    type:'ajax',
-                    url:'/knitkit/erp_app/desktop/versions/content_versions',
-                    reader:{
-                        type:'json',
-                        root:'data'
+            store: Ext.create("Ext.data.Store", {
+                proxy: {
+                    type: 'ajax',
+                    url: '/knitkit/erp_app/desktop/versions/content_versions',
+                    reader: {
+                        type: 'json',
+                        root: 'data'
                     },
-                    extraParams:{
-                        id:config['contentId'],
-                        site_id:config['siteId']
+                    extraParams: {
+                        id: config['contentId'],
+                        site_id: config['siteId']
                     }
                 },
-                idProperty:'id',
-                remoteSort:true,
-                fields:[
+                idProperty: 'id',
+                remoteSort: true,
+                fields: [
                     {
-                        name:'published'
+                        name: 'published'
                     },
                     {
-                        name:'id'
+                        name: 'id'
                     },
                     {
-                        name:'version'
+                        name: 'version'
                     },
                     {
-                        name:'title'
+                        name: 'title'
                     },
                     {
-                        name:'excerpt_html'
+                        name: 'excerpt_html'
                     },
                     {
-                        name:'body_html'
+                        name: 'body_html'
                     },
                     {
-                        name:'active'
+                        name: 'active'
                     },
                     {
-                        name:'updated_at',
-                        type:'date'
+                        name: 'updated_at',
+                        type: 'date'
                     },
                     {
-                        name:'publisher'
+                        name: 'publisher'
                     }
                 ]
             })
@@ -265,25 +258,25 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsArticleGridPanel
 });
 
 Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsBlogGridPanel", {
-    extend:"Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel",
-    alias:'widget.knitkit_versionsbloggridpanel',
+    extend: "Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel",
+    alias: 'widget.knitkit_versionsbloggridpanel',
 
-    viewVersionedContent:function (rec) {
+    viewVersionedContent: function (rec) {
         this.initialConfig['centerRegion'].viewContent(rec.get('title') + " - Revision " + rec.get('version'), rec.get('body_html'));
     },
 
-    revert:function (rec) {
-        if (currentUser.hasCapability('revert_version','Content')) {
+    revert: function (rec) {
+        if (currentUser.hasCapability('revert_version', 'Content')) {
             var self = this;
             self.initialConfig['centerRegion'].setWindowStatus('Reverting...');
             Ext.Ajax.request({
-                url:'/knitkit/erp_app/desktop/versions/revert_content',
-                method:'POST',
-                params:{
-                    id:rec.get('id'),
-                    version:rec.get('version')
+                url: '/knitkit/erp_app/desktop/versions/revert_content',
+                method: 'POST',
+                params: {
+                    id: rec.get('id'),
+                    version: rec.get('version')
                 },
-                success:function (response) {
+                success: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     var obj = Ext.decode(response.responseText);
                     if (obj.success) {
@@ -294,7 +287,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsBlogGridPanel",
                         Ext.Msg.alert('Error', 'Error reverting');
                     }
                 },
-                failure:function (response) {
+                failure: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     Ext.Msg.alert('Error', 'Error reverting');
                 }
@@ -302,18 +295,18 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsBlogGridPanel",
         }
     },
 
-    publish:function (rec) {
+    publish: function (rec) {
         var self = this;
 
-        var publishWindow = Ext.create('Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow',{
-            baseParams:{
-                id:rec.get('id'),
-                site_id:self.initialConfig.siteId,
-                version:rec.get('version')
+        var publishWindow = Ext.create('Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow', {
+            baseParams: {
+                id: rec.get('id'),
+                site_id: self.initialConfig.siteId,
+                version: rec.get('version')
             },
-            url:'/knitkit/erp_app/desktop/versions/publish_content',
-            listeners:{
-                'publish_success':function (window, response) {
+            url: '/knitkit/erp_app/desktop/versions/publish_content',
+            listeners: {
+                'publish_success': function (window, response) {
                     if (response.success) {
                         self.initialConfig['centerRegion'].clearWindowStatus();
                         self.getStore().load();
@@ -323,7 +316,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsBlogGridPanel",
                         self.initialConfig['centerRegion'].clearWindowStatus();
                     }
                 },
-                'publish_failure':function (window, response) {
+                'publish_failure': function (window, response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     Ext.Msg.alert('Error', 'Error publishing');
                 }
@@ -333,68 +326,71 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsBlogGridPanel",
         publishWindow.show();
     },
 
-    constructor:function (config) {
+    constructor: function (config) {
         config = Ext.apply({
             title: 'Version History',
-            store:Ext.create("Ext.data.Store", {
-                proxy:{
-                    type:'ajax',
-                    url:'/knitkit/erp_app/desktop/versions/content_versions',
-                    reader:{
-                        type:'json',
-                        root:'data'
+            store: Ext.create("Ext.data.Store", {
+                proxy: {
+                    type: 'ajax',
+                    url: '/knitkit/erp_app/desktop/versions/content_versions',
+                    reader: {
+                        type: 'json',
+                        root: 'data'
                     },
-                    extraParams:{
-                        id:config['contentId'],
-                        site_id:config['siteId']
+                    extraParams: {
+                        id: config['contentId'],
+                        site_id: config['siteId']
                     }
                 },
-                idProperty:'id',
-                remoteSort:true,
-                fields:[
+                idProperty: 'id',
+                remoteSort: true,
+                fields: [
                     {
-                        name:'id'
+                        name: 'id'
                     },
                     {
-                        name:'version'
+                        name: 'version'
                     },
                     {
-                        name:'title'
+                        name: 'title'
                     },
                     {
-                        name:'excerpt_html'
+                        name: 'excerpt_html'
                     },
                     {
-                        name:'body_html'
+                        name: 'body_html'
                     },
                     {
-                        name:'active'
+                        name: 'active'
                     },
                     {
-                        name:'updated_at',
-                        type:'date'
+                        name: 'updated_at',
+                        type: 'date'
                     },
                     {
-                        name:'published'
+                        name: 'published'
                     },
                     {
-                        name:'publisher'
+                        name: 'publisher'
                     }
                 ]
             }),
-            columns:[
+            columns: [
                 {
-                    menuDisabled:true,
-                    resizable:false,
-                    xtype:'actioncolumn',
-                    header:'Excerpt',
-                    align:'center',
-                    width:50,
-                    items:[
+                    menuDisabled: true,
+                    resizable: false,
+                    xtype: 'actioncolumn',
+                    header: 'Action',
+                    align: 'center',
+                    width: 50,
+                    items: [
                         {
-                            icon:'/images/icons/document_view/document_view_16x16.png',
-                            tooltip:'View',
-                            handler:function (grid, rowIndex, colIndex) {
+                            icon: '/images/icons/document_view/document_view_16x16.png',
+                            tooltip: 'View',
+                            getClass: function (v, meta, rec) {
+                                return 'x-action-col-icon';
+                            },
+                            handler: function (grid, rowIndex, colIndex) {
                                 var rec = grid.getStore().getAt(rowIndex);
                                 grid.initialConfig['centerRegion'].viewContent(rec.get('title') + " Excerpt - Revision " + rec.get('version'), rec.get('body_html'));
                             }
@@ -409,43 +405,43 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsBlogGridPanel",
 });
 
 Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsWebsiteSectionGridPanel", {
-    extend:"Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel",
-    alias:'widget.knitkit_versionswebsitesectiongridpanel',
+    extend: "Compass.ErpApp.Desktop.Applications.Knitkit.VersionsGridPanel",
+    alias: 'widget.knitkit_versionswebsitesectiongridpanel',
 
-    viewVersionedContent:function (rec) {
+    viewVersionedContent: function (rec) {
         this.initialConfig['centerRegion'].setWindowStatus('Loading template...');
         var self = this;
         Ext.Ajax.request({
-            url:'/knitkit/erp_app/desktop/versions/get_website_section_version',
-            method:'POST',
-            params:{
-                id:rec.get('id'),
-                version:rec.get('version')
+            url: '/knitkit/erp_app/desktop/versions/get_website_section_version',
+            method: 'POST',
+            params: {
+                id: rec.get('id'),
+                version: rec.get('version')
             },
-            success:function (response) {
+            success: function (response) {
                 self.initialConfig['centerRegion'].clearWindowStatus();
                 var template = response.responseText;
                 self.initialConfig['centerRegion'].viewSectionLayout(rec.get('title'), template);
             },
-            failure:function (response) {
+            failure: function (response) {
                 self.initialConfig['centerRegion'].clearWindowStatus();
                 Ext.Msg.alert('Error', 'Error loading tempalte');
             }
         });
     },
 
-    revert:function (rec) {
-        if (currentUser.hasCapability('revert_version','Content')) {
+    revert: function (rec) {
+        if (currentUser.hasCapability('revert_version', 'Content')) {
             var self = this;
             self.initialConfig['centerRegion'].setWindowStatus('Reverting...');
             Ext.Ajax.request({
-                url:'/knitkit/erp_app/desktop/versions/revert_website_section',
-                method:'POST',
-                params:{
-                    id:rec.get('id'),
-                    version:rec.get('version')
+                url: '/knitkit/erp_app/desktop/versions/revert_website_section',
+                method: 'POST',
+                params: {
+                    id: rec.get('id'),
+                    version: rec.get('version')
                 },
-                success:function (response) {
+                success: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     var obj = Ext.decode(response.responseText);
                     if (obj.success) {
@@ -456,7 +452,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsWebsiteSectionGr
                         Ext.Msg.alert('Error', 'Error reverting');
                     }
                 },
-                failure:function (response) {
+                failure: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     Ext.Msg.alert('Error', 'Error reverting');
                 }
@@ -464,18 +460,18 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsWebsiteSectionGr
         }
     },
 
-    publish:function (rec) {
+    publish: function (rec) {
         var self = this;
 
-        var publishWindow = Ext.create('Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow',{
-            baseParams:{
-                id:rec.get('id'),
-                site_id:self.initialConfig.siteId,
-                version:rec.get('version')
+        var publishWindow = Ext.create('Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow', {
+            baseParams: {
+                id: rec.get('id'),
+                site_id: self.initialConfig.siteId,
+                version: rec.get('version')
             },
-            url:'/knitkit/erp_app/desktop/versions/publish_website_section',
-            listeners:{
-                'publish_success':function (window, response) {
+            url: '/knitkit/erp_app/desktop/versions/publish_website_section',
+            listeners: {
+                'publish_success': function (window, response) {
                     if (response.success) {
                         self.initialConfig['centerRegion'].clearWindowStatus();
                         self.getStore().load();
@@ -485,7 +481,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsWebsiteSectionGr
                         self.initialConfig['centerRegion'].clearWindowStatus();
                     }
                 },
-                'publish_failure':function (window, response) {
+                'publish_failure': function (window, response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     Ext.Msg.alert('Error', 'Error publishing');
                 }
@@ -495,46 +491,46 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsWebsiteSectionGr
         publishWindow.show();
     },
 
-    constructor:function (config) {
+    constructor: function (config) {
         config = Ext.apply({
             title: 'Version History',
-            store:Ext.create("Ext.data.Store", {
-                proxy:{
-                    type:'ajax',
-                    url:'/knitkit/erp_app/desktop/versions/website_section_layout_versions',
-                    reader:{
-                        type:'json',
-                        root:'data'
+            store: Ext.create("Ext.data.Store", {
+                proxy: {
+                    type: 'ajax',
+                    url: '/knitkit/erp_app/desktop/versions/website_section_layout_versions',
+                    reader: {
+                        type: 'json',
+                        root: 'data'
                     },
-                    extraParams:{
-                        id:config['websiteSectionId'],
-                        site_id:config['siteId']
+                    extraParams: {
+                        id: config['websiteSectionId'],
+                        site_id: config['siteId']
                     }
                 },
-                idProperty:'id',
-                remoteSort:true,
-                fields:[
+                idProperty: 'id',
+                remoteSort: true,
+                fields: [
                     {
-                        name:'id'
+                        name: 'id'
                     },
                     {
-                        name:'version'
+                        name: 'version'
                     },
                     {
-                        name:'title'
+                        name: 'title'
                     },
                     {
-                        name:'updated_at',
-                        type:'date'
+                        name: 'updated_at',
+                        type: 'date'
                     },
                     {
-                        name:'active'
+                        name: 'active'
                     },
                     {
-                        name:'published'
+                        name: 'published'
                     },
                     {
-                        name:'publisher'
+                        name: 'publisher'
                     }
                 ]
             })
@@ -545,24 +541,24 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.VersionsWebsiteSectionGr
 });
 
 Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.NonPublishedVersionsGridPanel", {
-    extend:"Ext.grid.Panel",
-    alias:'widget.knitkit_nonpublishedversionswebsitesectiongridpanel',
-    viewVersionedContent:function (rec) {
+    extend: "Ext.grid.Panel",
+    alias: 'widget.knitkit_nonpublishedversionswebsitesectiongridpanel',
+    viewVersionedContent: function (rec) {
         this.initialConfig['centerRegion'].viewContent(rec.get('title') + " - Revision " + rec.get('version'), rec.get('body_html'));
     },
 
-    revert:function (rec) {
-        if (currentUser.hasCapability('revert_version','Content')) {
+    revert: function (rec) {
+        if (currentUser.hasCapability('revert_version', 'Content')) {
             var self = this;
             self.initialConfig['centerRegion'].setWindowStatus('Reverting...');
             Ext.Ajax.request({
-                url:'/knitkit/erp_app/desktop/versions/revert_content',
-                method:'POST',
-                params:{
-                    id:rec.get('id'),
-                    version:rec.get('version')
+                url: '/knitkit/erp_app/desktop/versions/revert_content',
+                method: 'POST',
+                params: {
+                    id: rec.get('id'),
+                    version: rec.get('version')
                 },
-                success:function (response) {
+                success: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     var obj = Ext.decode(response.responseText);
                     if (obj.success) {
@@ -573,7 +569,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.NonPublishedVersionsGrid
                         Ext.Msg.alert('Error', 'Error reverting');
                     }
                 },
-                failure:function (response) {
+                failure: function (response) {
                     self.initialConfig['centerRegion'].clearWindowStatus();
                     Ext.Msg.alert('Error', 'Error reverting');
                 }
@@ -581,95 +577,94 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.NonPublishedVersionsGrid
         }
     },
 
-    initComponent:function () {
+    initComponent: function () {
         this.callParent(arguments);
         this.getStore().load();
     },
 
-    constructor:function (config) {
+    constructor: function (config) {
         var store = Ext.create("Ext.data.Store", {
             title: 'Version History',
-            proxy:{
-                type:'ajax',
-                url:'/knitkit/erp_app/desktop/versions/non_published_content_versions',
-                reader:{
-                    type:'json',
-                    root:'data'
+            proxy: {
+                type: 'ajax',
+                url: '/knitkit/erp_app/desktop/versions/non_published_content_versions',
+                reader: {
+                    type: 'json',
+                    root: 'data'
                 },
-                extraParams:{
-                    id:config['contentId']
+                extraParams: {
+                    id: config['contentId']
                 }
             },
-            idProperty:'id',
-            remoteSort:true,
-            fields:[
+            idProperty: 'id',
+            remoteSort: true,
+            fields: [
                 {
-                    name:'id'
+                    name: 'id'
                 },
                 {
-                    name:'version'
+                    name: 'version'
                 },
                 {
-                    name:'title'
+                    name: 'title'
                 },
                 {
-                    name:'excerpt_html'
+                    name: 'excerpt_html'
                 },
                 {
-                    name:'body_html'
+                    name: 'body_html'
                 },
                 {
-                    name:'updated_at',
-                    type:'date'
+                    name: 'updated_at',
+                    type: 'date'
                 }
             ]
         });
 
         config = Ext.apply({
-            columns:[
+            columns: [
                 {
-                    header:'Version',
-                    dataIndex:'version',
-                    sortable:true,
-                    width:50
+                    header: 'Version',
+                    dataIndex: 'version',
+                    style: {
+                        textAlign: 'center'
+                    },
+                    sortable: true,
+                    width: 75
                 },
                 {
-                    header:'Timestamp',
-                    dataIndex:'updated_at',
-                    sortable:true,
-                    renderer:Ext.util.Format.dateRenderer('m/d/Y H:i:s'),
-                    width:120
+                    header: 'Timestamp',
+                    dataIndex: 'updated_at',
+                    sortable: true,
+                    renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s'),
+                    flex: 1
                 },
                 {
-                    menuDisabled:true,
-                    resizable:false,
-                    xtype:'actioncolumn',
-                    header:'View',
-                    align:'center',
-                    width:60,
-                    items:[
+                    menuDisabled: true,
+                    resizable: false,
+                    xtype: 'actioncolumn',
+                    header: 'Action',
+                    align: 'center',
+                    flex: 0.5,
+                    items: [
                         {
-                            icon:'/images/icons/document_view/document_view_16x16.png',
-                            tooltip:'View',
-                            handler:function (grid, rowIndex, colIndex) {
+                            icon: '/images/icons/document_view/document_view_16x16.png',
+                            tooltip: 'View',
+                            getClass: function (v, meta, rec) {
+                                return 'x-action-col-icon';
+                            },
+                            handler: function (grid, rowIndex, colIndex) {
                                 var rec = grid.getStore().getAt(rowIndex);
                                 grid.ownerCt.viewVersionedContent(rec);
                             }
-                        }
-                    ]
-                },
-                {
-                    menuDisabled:true,
-                    resizable:false,
-                    xtype:'actioncolumn',
-                    header:'Revert',
-                    align:'center',
-                    width:60,
-                    items:[
+                        },
                         {
-                            icon:'/images/icons/document_down/document_down_16x16.png',
-                            tooltip:'Revert',
-                            handler:function (grid, rowIndex, colIndex) {
+                            icon: '/images/icons/document_down/document_down_16x16.png',
+                            tooltip: 'Revert',
+                            getClass: function (v, meta, rec) {
+                                return 'x-action-col-icon';
+                            },
+                            handler: function (grid, rowIndex, colIndex) {
                                 var rec = grid.getStore().getAt(rowIndex);
                                 grid.ownerCt.revert(rec);
                             }
@@ -677,13 +672,13 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.NonPublishedVersionsGrid
                     ]
                 }
             ],
-            store:store,
-            bbar:Ext.create("Ext.PagingToolbar", {
-                pageSize:15,
-                store:store,
-                displayInfo:true,
-                displayMsg:'{0} - {1} of {2}',
-                emptyMsg:"Empty"
+            store: store,
+            bbar: Ext.create("Ext.PagingToolbar", {
+                pageSize: 15,
+                store: store,
+                displayInfo: true,
+                displayMsg: '{0} - {1} of {2}',
+                emptyMsg: "Empty"
             })
         }, config);