knitkit 2.0.0

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

@@ -0,0 +1,46 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.InquiriesGridPanel",{
+    extend:"Compass.ErpApp.Shared.DynamicEditableGridLoaderPanel",
+    alias:'widget.knitkit_inquiriesgridpanel',
+    deleteInquiry : function(rec){
+        var self = this;
+        Ext.getCmp('knitkitCenterRegion').setWindowStatus('Deleting inquiry...');
+        var conn = new Ext.data.Connection();
+        conn.request({
+            url: '/knitkit/erp_app/desktop/inquiries/delete',
+            method: 'POST',
+            params:{
+                id:rec.get("id")
+            },
+            success: function(response) {
+                var obj =  Ext.decode(response.responseText);
+                if(obj.success){
+                    Ext.getCmp('knitkitCenterRegion').clearWindowStatus();
+                    self.query('shared_dynamiceditablegrid')[0].store.load();
+                }
+                else{
+                    Ext.Msg.alert('Error', 'Error deleting inquiry');
+                    Ext.getCmp('knitkitCenterRegion').clearWindowStatus();
+                }
+            },
+            failure: function(response) {
+                Ext.getCmp('knitkitCenterRegion').clearWindowStatus();
+                Ext.Msg.alert('Error', 'Error deleting inquiry');
+            }
+        });
+    },
+    constructor : function(config) {
+        config = Ext.apply({
+            id:'InquiriesGridPanel',
+            title:'Website Inquiries',
+            dataUrl: '/knitkit/erp_app/desktop/inquiries/get/' + config['websiteId'],
+            setupUrl: '/knitkit/erp_app/desktop/inquiries/setup',
+            editable:false,
+            page:true,
+            pageSize:20,
+            displayMsg:'Displaying {0} - {1} of {2}',
+            emptyMsg:'Empty'
+        }, config);
+
+        this.callParent([config]);
+    }
+});

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

@@ -0,0 +1,46 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit",{
+    extend:"Ext.ux.desktop.Module",
+    id:'knitkit-win',
+    init : function(){
+        this.launcher = {
+            text: 'KnitKit',
+            iconCls:'icon-palette',
+            handler : this.createWindow,
+            scope: this
+        }
+    },
+
+    createWindow : function(){
+        var desktop = this.app.getDesktop();
+        var win = desktop.getWindow('knitkit');
+        this.centerRegion = new Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion();
+        if(!win){
+            win = desktop.createWindow({
+                id: 'knitkit',
+                title:'KnitKit',
+                autoDestroy:true,
+                width:1200,
+                height:550,
+				maximized:true,
+                iconCls: 'icon-palette',
+                shim:false,
+                animCollapse:false,
+                constrainHeader:true,
+                layout: 'border',
+                items:[
+                this.centerRegion,
+                {
+                    xtype:'knitkit_eastregion',
+                    module:this
+                },
+                {
+                    xtype:'knitkit_westregion',
+                    centerRegion:this.centerRegion,
+                    module:this
+                }
+            ]
+            });
+        }
+        win.show();
+    }
+});

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

@@ -0,0 +1,92 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow",{
+  extend:"Ext.window.Window",
+  alias:'widget.knikit_publishwindow',
+  initComponent : function() {
+
+    this.addEvents(
+      /**
+         * @event publish_success
+         * Fired after success response is recieved from server
+         * @param {Compass.ErpApp.Applications.Desktop.PublishWindow} this Object
+         * @param {Object} Server Response
+         */
+      "publish_success",
+      /**
+         * @event publish_failure
+         * Fired after response is recieved from server with error
+         * @param {Compass.ErpApp.Applications.Desktop.PublishWindow} this Object
+         * @param {Object} Server Response
+         */
+      "publish_failure"
+      );
+
+    Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow.superclass.initComponent.call(this, arguments);
+  },
+
+  constructor : function(config) {
+    config = Ext.apply({
+      layout:'fit',
+      title:'Publish',
+      autoHeight:true,
+      iconCls:'icon-document',
+      width:400,
+      height:300,
+      buttonAlign:'center',
+      plain: true,
+      items: new Ext.form.FormPanel({
+        timeout: 130000,
+        baseParams:config['baseParams'],
+        autoHeight:true,
+        labelWidth:110,
+        frame:false,
+        layout:'fit',
+        url:config['url'],
+        defaults: {
+          width: 225
+        },
+        items: [{
+          xtype: 'textarea',
+          hideLabel:true,
+          name:'comment'
+        }]
+      }),
+      buttons: [{
+        text:'Submit',
+        listeners:{
+          'click':function(button){
+            var win = button.findParentByType('knikit_publishwindow');
+            var formPanel = win.query('form')[0];
+            formPanel.getForm().submit({
+              method:'POST',
+              waitMsg:'Publishing...',
+              success:function(form, action){
+                var response =  Ext.decode(action.response.responseText);
+                win.fireEvent('publish_success', win, response);
+                win.close();
+              },
+              failure:function(form, action){
+                var response =  Ext.decode(action.response.responseText);
+                win.fireEvent('publish_failure', win, response);
+                win.close();
+              }
+            });
+          }
+        }
+      },
+      {
+        text: 'Cancel',
+        listeners:{
+          'click':function(button){
+            var win = button.findParentByType('knikit_publishwindow');
+            var form = win.query('form')[0];
+            form.getForm().reset();
+            win.close();
+          }
+        }
+      }]
+    }, config);
+
+    this.callParent([config]);
+  }
+    
+});

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

@@ -0,0 +1,220 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.PublishedGridPanel",{
+  extend:"Ext.grid.Panel",
+  alias:'widget.knitkit_publishedgridpanel',
+  initComponent: function() {
+    this.callParent(arguments);
+    this.getStore().load();
+  },
+
+  activate : function(rec){
+    var self = this;
+    var conn = new Ext.data.Connection();
+    conn.request({
+      url: '/knitkit/erp_app/desktop/site/activate_publication',
+      method: 'POST',
+      params:{
+        id:self.initialConfig.siteId,
+        version:rec.get('version')
+      },
+      success: function(response) {
+        var obj =  Ext.decode(response.responseText);
+        if(obj.success){
+          self.getStore().load();
+        }
+        else{
+          Ext.Msg.alert('Error', 'Error activating publication');
+        }
+      },
+      failure: function(response) {
+        Ext.Msg.alert('Error', 'Error activating publication');
+      }
+    });
+  },
+
+  setViewingVersion : function(rec){
+    var self = this;
+    var conn = new Ext.data.Connection();
+    conn.request({
+      url: '/knitkit/erp_app/desktop/site/set_viewing_version',
+      method: 'POST',
+      params:{
+        id:self.initialConfig.siteId,
+        version:rec.get('version')
+      },
+      success: function(response) {
+        var obj =  Ext.decode(response.responseText);
+        if(obj.success){
+          self.getStore().load();
+        }
+        else{
+          Ext.Msg.alert('Error', 'Error setting viewing version');
+        }
+      },
+      failure: function(response) {
+        Ext.Msg.alert('Error', 'Error setting viewing version');
+      }
+    });
+  },
+
+  constructor : function(config) {
+    var store = Ext.create("Ext.data.Store",{
+      proxy:{
+        type:'ajax',
+        url:'/knitkit/erp_app/desktop/site/website_publications',
+        reader:{
+          type:'json',
+          root:'data'
+        },
+        extraParams:{
+          id:config['siteId']
+        }
+      },
+      idProperty: 'id',
+      remoteSort: true,
+      fields: [
+      {
+        name:'id'
+      },
+      {
+        name:'version',
+        type: 'float'
+      },
+      {
+        name:'created_at',
+        type: 'date'
+      },
+      {
+        name:'published_by_username'
+      },
+      {
+        name:'comment'
+      },
+      {
+        name:'active',
+        type:'boolean'
+      },
+      {
+        name:'viewing',
+        type:'boolean'
+      }
+      ],
+      listeners:{
+        'exception':function(proxy, type, action, options, response, arg){
+          Ext.Msg.alert('Error',arg);
+        }
+      }
+    });
+
+    config = Ext.apply({
+      store:store,
+      columns: [
+      {
+        header: "Version",
+        sortable:true,
+        width: 60,
+        dataIndex: 'version'
+      },
+      {
+        header: "Published",
+        width: 130,
+        sortable:true,
+        renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s'),
+        dataIndex: 'created_at'
+      },
+      {
+        header: "Published By",
+        width: 130,
+        sortable:true,
+        dataIndex: 'published_by_username'
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Viewing',
+        align:'center',
+        width:50,
+        items:[{
+          getClass: function(v, meta, rec) {  // Or return a class from a function
+            if (rec.get('viewing')) {
+              this.items[0].tooltip = 'Viewing';
+              return 'viewing-col';
+            } else {
+              this.items[0].tooltip = 'View';
+              return 'view-col';
+            }
+          },
+          handler: function(grid, rowIndex, colIndex) {
+            var rec = grid.getStore().getAt(rowIndex);
+            if(rec.get('viewing')){
+              return false;
+            }
+            else{
+              grid.ownerCt.setViewingVersion(rec)
+            }
+          }
+        }]
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Active',
+        align:'center',
+        width:50,
+        items:[{
+          getClass: function(v, meta, rec) {  // Or return a class from a function
+            if (rec.get('active')) {
+              this.items[0].tooltip = 'Active';
+              return 'active-col';
+            } else {
+              this.items[0].tooltip = 'Activate';
+              return 'activate-col';
+            }
+          },
+          handler: function(grid, rowIndex, colIndex) {
+            if(currentUser.hasRole(['admin','publisher'])){
+              var rec = grid.getStore().getAt(rowIndex);
+              if(rec.get('active')){
+                return false;
+              }
+              else{
+                grid.ownerCt.activate(rec)
+              }
+            }
+            else{
+              compassUser.showInvalidAccess();
+            }
+          }
+        }]
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Note',
+        align:'center',
+        width:40,
+        items:[{
+          getClass: function(v, meta, rec) {  // Or return a class from a function
+            this.items[0].tooltip = rec.get('comment');
+            return 'info-col';
+          },
+          handler: function(grid, rowIndex, colIndex) {
+            return false;
+          }
+        }]
+      },
+      ],
+      bbar: new Ext.PagingToolbar({
+        pageSize: 9,
+        store:store,
+        displayInfo: true,
+        displayMsg: '{0} - {1} of {2}',
+        emptyMsg: "Empty"
+      })
+    }, config);
+
+    this.callParent([config]);
+  }
+});

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

@@ -0,0 +1,613 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.SectionArticlesGridPanel",{
+  extend:"Ext.grid.Panel",
+  alias:'widget.knitkit_sectionarticlesgridpanel',
+  deleteArticle : function(id){
+    var self = this;
+    this.initialConfig['centerRegion'].setWindowStatus('Deleting...');
+    var conn = new Ext.data.Connection();
+    conn.request({
+      url: '/knitkit/erp_app/desktop/articles/delete',
+      method: 'POST',
+      params:{
+        id:id
+      },
+      success: function(response) {
+        var obj =  Ext.decode(response.responseText);
+        if(obj.success){
+          self.initialConfig['centerRegion'].clearWindowStatus();
+          self.getStore().load();
+        }
+        else{
+          Ext.Msg.alert('Error', 'Error deleting Article');
+          self.initialConfig['centerRegion'].clearWindowStatus();
+        }
+      },
+      failure: function(response) {
+        self.initialConfig['centerRegion'].clearWindowStatus();
+        Ext.Msg.alert('Error', 'Error deleting Article');
+      }
+    });
+  },
+    
+  editArticle : function(record){
+    var self = this;
+    var addFormItems = self.addFormItems;
+        
+    var editArticleWindow = Ext.create("Ext.window.Window",{
+      layout:'fit',
+      width:375,
+      title:'Edit Article',
+      plain: true,
+      buttonAlign:'center',
+      items: {
+        xtype: 'form',
+        labelWidth: 110,
+        frame:false,
+        bodyStyle:'padding:5px 5px 0',
+        width: 425,
+        url:'/knitkit/erp_app/desktop/articles/update/' + self.sectionId,
+        defaults: {
+          width: 225
+        },
+        items: [
+        {
+          xtype:'textfield',
+          fieldLabel:'Title',
+          allowBlank:false,
+          name:'title',
+          value: record.get('title')
+        },
+        {
+          xtype:'radiogroup',
+          fieldLabel:'Display title?',
+          name:'display_title',
+          columns:2,
+          items:[
+          {
+            boxLabel:'Yes',
+            name:'display_title',
+            inputValue: 'yes',
+            checked:record.get('display_title')
+          },
+
+          {
+            boxLabel:'No',
+            name:'display_title',
+            inputValue:'no',
+            checked:!record.get('display_title')
+          }]
+        },
+        {
+          xtype:'textfield',
+          fieldLabel:'Unique Name',
+          allowBlank:true,
+          name:'internal_identifier',
+          value: record.get('internal_identifier')
+        },
+        addFormItems
+        ]
+      },
+      listeners:{
+        'show':function(){
+          if (Ext.getCmp('record_id')){
+            Ext.getCmp('record_id').setValue(record.get('id'));
+          }
+          if (Ext.getCmp('tag_list')){
+            Ext.getCmp('tag_list').setValue(record.get('tag_list'));
+          }
+          if (Ext.getCmp('content_area')){
+            Ext.getCmp('content_area').setValue(record.get('content_area'));
+          }
+          if (Ext.getCmp('position')){
+            Ext.getCmp('position').setValue(record.get('position'));
+          }
+        }
+      },
+      buttons: [{
+        text:'Submit',
+        listeners:{
+          'click':function(button){
+            var window = button.findParentByType('window');
+            var formPanel = window.query('form')[0];
+            self.initialConfig['centerRegion'].setWindowStatus('Updating article...');
+            formPanel.getForm().submit({
+              reset:false,
+              success:function(form, action){
+                self.initialConfig['centerRegion'].clearWindowStatus();
+                var obj = Ext.decode(action.response.responseText);
+                if(obj.success){
+                  self.getStore().load();
+                  if(formPanel.getForm().findField('tag_list')){
+                    var tag_list = formPanel.getForm().findField('tag_list').getValue();
+                    record.set('tag_list', tag_list);
+                  }
+                  if(formPanel.getForm().findField('content_area')){
+                    var content_area = formPanel.getForm().findField('content_area').getValue();
+                    record.set('content_area', content_area);
+                  }
+                  if(formPanel.getForm().findField('position')){
+                    var position = formPanel.getForm().findField('position').getValue();
+                    record.set('position', position);
+                  }
+                  editArticleWindow.close();
+                }
+                else{
+                  Ext.Msg.alert("Error", obj.msg);
+                }
+              },
+              failure:function(form, action){
+                self.initialConfig['centerRegion'].clearWindowStatus();
+                Ext.Msg.alert("Error", "Error updating article");
+              }
+            });
+          }
+        }
+      },{
+        text: 'Close',
+        handler: function(){
+          editArticleWindow.close();
+        }
+      }]
+    });
+    editArticleWindow.show();
+  },
+
+  initComponent: function() {
+    Compass.ErpApp.Desktop.Applications.Knitkit.SectionArticlesGridPanel.superclass.initComponent.call(this, arguments);
+    this.getStore().load();
+  },
+  
+  constructor : function(config) {
+    var self = this;
+    var sectionId = config['sectionId'];
+
+    // create the Data Store
+    var store = Ext.create('Ext.data.Store', {
+      proxy: {
+        type: 'ajax',
+        url:'/knitkit/erp_app/desktop/articles/get/' + sectionId,
+        reader: {
+          type: 'json',
+          root: 'data'
+        }
+      },
+      remoteSort: true,
+      fields:[
+      {
+        name:'id'
+      },
+      {
+        name:'title'
+      },
+      {
+        name:'tag_list'
+      },
+      {
+        name:'excerpt_html'
+      },
+      {
+        name:'position'
+      },
+      {
+        name:'content_area'
+      },
+      {
+        name:'body_html'
+      },
+      {
+        name:'internal_identifier'
+      },
+      {
+        name:'display_title'
+      }
+      ]
+    });
+
+    var overiddenColumns = [{
+      header:'Title',
+      sortable:true,
+      dataIndex:'title',
+      width:110
+    },{
+      header:'Unique Name',
+      sortable:true,
+      dataIndex:'internal_identifier',
+      width:110,
+      editable:false
+    }];
+
+    if(!Compass.ErpApp.Utility.isBlank(config['columns'])){
+      overiddenColumns = overiddenColumns.concat(config['columns']);
+    }
+
+    overiddenColumns = overiddenColumns.concat([
+    {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'HTML',
+        align:'center',
+        width:40,
+        items:[{
+          icon:'/images/icons/edit/edit_16x16.png',
+          tooltip:'Edit',
+          handler :function(grid, rowIndex, colIndex){
+            var rec = grid.getStore().getAt(rowIndex);
+            self.initialConfig['centerRegion'].editContent(rec.get('title'), rec.get('id'), rec.get('body_html'), grid.ownerCt.initialConfig.siteId, grid.ownerCt.initialConfig.contentType, grid.getStore());
+          }
+        }]
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Edit',
+        align:'center',
+        width:40,
+        items:[{
+          icon:'/images/icons/edit/edit_16x16.png',
+          tooltip:'Edit',
+          handler :function(grid, rowIndex, colIndex){
+            var rec = grid.getStore().getAt(rowIndex);
+            self.editArticle(rec);
+          }
+        }]
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Delete',
+        align:'center',
+        width:40,
+        items:[{
+          icon:'/images/icons/delete/delete_16x16.png',
+          tooltip:'Delete',
+          handler :function(grid, rowIndex, colIndex){
+            var rec = grid.getStore().getAt(rowIndex);
+            var id = rec.get('id');
+            var messageBox = Ext.MessageBox.confirm(
+              'Confirm', 'Are you sure?',
+              function(btn){
+                if (btn == 'yes'){
+                  self.deleteArticle(id);
+                }
+              }
+              );
+          }
+        }]
+      }
+      ]);
+
+    var addFormItems = [
+    {
+      xtype:'textfield',
+      fieldLabel:'Title',
+      allowBlank:false,
+      name:'title'
+    },
+    {
+      xtype:'radiogroup',
+      fieldLabel:'Display title?',
+      name:'display_title',
+      columns:2,
+      items:[
+      {
+        boxLabel:'Yes',
+        name:'display_title',
+        inputValue: 'yes',
+        checked:true
+      },
+
+      {
+        boxLabel:'No',
+        name:'display_title',
+        inputValue: 'no'
+      }]
+    },
+    {
+      xtype:'textfield',
+      fieldLabel:'Unique Name',
+      allowBlank:true,
+      name:'internal_identifier'
+    }
+    ];
+
+    if(!Compass.ErpApp.Utility.isBlank(config['addFormItems'])){
+      addFormItems = addFormItems.concat(config['addFormItems']);
+    }
+        
+    config['columns'] = overiddenColumns;
+    config = Ext.apply({
+      store:store,
+      tbar: [{
+        text: 'Add New Article',
+        iconCls: 'icon-add',
+        handler : function(){
+          var addArticleWindow = new Ext.Window({
+            layout:'fit',
+            width:375,
+            title:'New Article',
+            plain: true,
+            buttonAlign:'center',
+            items: new Ext.FormPanel({
+              labelWidth: 110,
+              frame:false,
+              bodyStyle:'padding:5px 5px 0',
+              width: 425,
+              url:'/knitkit/erp_app/desktop/articles/new/' + self.initialConfig['sectionId'],
+              defaults: {
+                width: 225
+              },
+              items: addFormItems
+            }),
+            buttons: [{
+              text:'Submit',
+              listeners:{
+                'click':function(button){
+                  var window = button.findParentByType('window');
+                  var formPanel = window.query('form')[0];
+                  self.initialConfig['centerRegion'].setWindowStatus('Creating article...');
+                  formPanel.getForm().submit({
+                    reset:true,
+                    success:function(form, action){
+                      self.initialConfig['centerRegion'].clearWindowStatus();
+                      var obj =  Ext.decode(action.response.responseText);
+                      if(obj.success){
+                        self.getStore().load();
+                      }
+                      else{
+                        Ext.Msg.alert("Error", obj.msg);
+                      }
+                      addArticleWindow.close();
+                                            
+                    },
+                    failure:function(form, action){
+                      self.initialConfig['centerRegion'].clearWindowStatus();
+                      Ext.Msg.alert("Error", "Error creating article");
+                    }
+                  });
+                }
+              }
+            },{
+              text: 'Close',
+              handler: function(){
+                addArticleWindow.close();
+              }
+            }]
+          });
+          addArticleWindow.show();
+        }
+      },
+      {
+        text: 'Add Existing Article',
+        iconCls: 'icon-copy',
+        handler : function(){
+          var addExistingArticleWindow = new Ext.Window({
+            layout:'fit',
+            width:375,
+            title:'Add Existing Article',
+            height:100,
+            plain: true,
+            buttonAlign:'center',
+            items: new Ext.FormPanel({
+              labelWidth: 75,
+              frame:false,
+              bodyStyle:'padding:5px 5px 0',
+              width: 425,
+              url:'/knitkit/erp_app/desktop/articles/add_existing/' + self.initialConfig['sectionId'],
+              items:[
+              {
+                xtype:'combo',
+                hiddenName:'article_id',
+                name:'article_id',
+                labelWidth: 50,
+                width:200,
+                loadingText:'Retrieving Articles...',
+                store:Ext.create('Ext.data.Store',{
+                  proxy:{
+                    type:'ajax',
+                    reader:{
+                      type:'json',
+                      root:'articles'
+                    },
+                    extraParams:{
+                      section_id:self.initialConfig['sectionId']
+                    },
+                    url:'/knitkit/erp_app/desktop/section/available_articles'
+                  },
+                  fields:[
+                  {
+                    name:'id'
+                  },
+                  {
+                    name:'internal_identifier'
+
+                  }
+                  ]
+                }),
+                forceSelection:true,
+                editable:true,
+                fieldLabel:'Article',
+                autoSelect:true,
+                typeAhead: true,
+                mode: 'remote',
+                displayField:'internal_identifier',
+                valueField:'id',
+                triggerAction: 'all',
+                allowBlank:false
+              }
+              ]
+            }),
+            buttons: [{
+              text:'Submit',
+              listeners:{
+                'click':function(button){
+                  var window = button.findParentByType('window');
+                  var formPanel = window.query('form')[0];
+                  self.initialConfig['centerRegion'].setWindowStatus('Adding article...');
+                  formPanel.getForm().submit({
+                    reset:true,
+                    success:function(form, action){
+                      self.initialConfig['centerRegion'].clearWindowStatus();
+                      var obj =  Ext.decode(action.response.responseText);
+                      if(obj.success){
+                        self.getStore().load();
+                      }else{
+                        Ext.Msg.alert("Error", "Error Adding article");
+                      }
+                    },
+                    failure:function(form, action){
+                      self.initialConfig['centerRegion'].clearWindowStatus();
+                      Ext.Msg.alert("Error", "Error Adding article");
+                    }
+                  });
+                }
+              }
+            },{
+              text: 'Close',
+              handler: function(){
+                addExistingArticleWindow.close();
+              }
+            }]
+          });
+          addExistingArticleWindow.show();
+        }
+      }],
+      bbar: new Ext.PagingToolbar({
+        pageSize: 10,
+        store: store,
+        displayInfo: true,
+        displayMsg: '{0} - {1} of {2}',
+        emptyMsg: "Empty"
+      })
+    }, config);
+  
+    Compass.ErpApp.Desktop.Applications.Knitkit.SectionArticlesGridPanel.superclass.constructor.call(this, config);
+  }
+});
+
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.PageArticlesGridPanel",{
+  extend:"Compass.ErpApp.Desktop.Applications.Knitkit.SectionArticlesGridPanel",
+  alias:'widget.knitkit_pagearticlesgridpanel',
+  initComponent: function() {
+    Compass.ErpApp.Desktop.Applications.Knitkit.PageArticlesGridPanel.superclass.initComponent.call(this, arguments);
+  },
+
+  constructor : function(config) {
+    config['contentType'] = 'article';
+    var fm = Ext.form;
+    config = Ext.apply({
+      columns:[{
+        sortable:true,
+        resizable:false,
+        header:'Content Area',
+        dataIndex:'content_area',
+        width:80,
+        editable:false,
+        editor: new fm.TextField({
+          allowBlank: false
+        })
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        header:'Pos',
+        sortable:true,
+        dataIndex:'position',
+        width:30,
+        editable:false,
+        editor: new fm.TextField({
+          allowBlank: true
+        })
+      }],
+      addFormHeight:160,
+      addFormItems:[
+      {
+        xtype:'hidden',
+        allowBlank:false,
+        name:'id',
+        id: 'record_id'
+      },
+      {
+        xtype:'textfield',
+        fieldLabel:'Content Area',
+        name:'content_area',
+        id: 'content_area'
+      },
+      {
+        xtype:'numberfield',
+        fieldLabel:'Position',
+        name:'position',
+        id: 'position'
+      }
+      ]
+    }, config);
+
+    Compass.ErpApp.Desktop.Applications.Knitkit.PageArticlesGridPanel.superclass.constructor.call(this, config);
+  }
+});
+
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.BlogArticlesGridPanel",{
+  extend:"Compass.ErpApp.Desktop.Applications.Knitkit.SectionArticlesGridPanel",
+  alias:'widget.knitkit_blogarticlesgridpanel',
+  initComponent: function() {
+    Compass.ErpApp.Desktop.Applications.Knitkit.BlogArticlesGridPanel.superclass.initComponent.call(this, arguments);
+  },
+
+  constructor : function(config) {
+    var self = this;
+    config['contentType'] = 'blog';
+    config = Ext.apply({
+      addFormHeight:200,
+      addFormItems:[
+      {
+        xtype:'hidden',
+        allowBlank:false,
+        name:'id',
+        id: 'record_id'
+      },
+      {
+        xtype:'textfield',
+        fieldLabel:'Tags',
+        allowBlank:true,
+        name:'tags',
+        id: 'tag_list'
+      }
+      ],
+      columns:[{
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Comments',
+        align:'center',
+        width:60,
+        items:[{
+          icon:'/images/icons/document_text/document_text_16x16.png',
+          tooltip:'Comments',
+          handler :function(grid, rowIndex, colIndex){
+            var rec = grid.getStore().getAt(rowIndex);
+            self.initialConfig['centerRegion'].viewContentComments(rec.get('id'), rec.get('title') + ' - Comments');
+          }
+        }]
+      },{
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Excerpt',
+        align:'center',
+        width:50,
+        items:[{
+          icon:'/images/icons/edit/edit_16x16.png',
+          tooltip:'Edit',
+          handler :function(grid, rowIndex, colIndex){
+            var rec = grid.getStore().getAt(rowIndex);
+            self.initialConfig['centerRegion'].editExcerpt(rec.get('title') + ' - Excerpt', rec.get('id'), rec.get('excerpt_html'), self.initialConfig.siteId, grid.getStore());
+          }
+        }]
+      }]
+    }, config);
+
+    Compass.ErpApp.Desktop.Applications.Knitkit.BlogArticlesGridPanel.superclass.constructor.call(this, config);
+  }
+});