knitkit 2.0.0

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

@@ -0,0 +1,217 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CommentsGridPanel",{
+  extend:"Ext.grid.Panel",
+  alias:'widget.knitkit_commentsgridpanel',
+  approve : function(rec){
+    var self = this;
+    self.initialConfig['centerRegion'].setWindowStatus('Approving Comment...');
+    var conn = new Ext.data.Connection();
+    conn.request({
+      url: '/knitkit/erp_app/desktop/comments/approve',
+      method: 'POST',
+      params:{
+        id:rec.get("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 approving comemnt');
+          self.initialConfig['centerRegion'].clearWindowStatus();
+        }
+      },
+      failure: function(response) {
+        self.initialConfig['centerRegion'].clearWindowStatus();
+        Ext.Msg.alert('Error', 'Error approving comemnt');
+      }
+    });
+
+        
+  },
+
+  deleteComment : function(rec){
+    var self = this;
+    self.initialConfig['centerRegion'].setWindowStatus('Deleting Comment...');
+    var conn = new Ext.data.Connection();
+    conn.request({
+      url: '/knitkit/erp_app/desktop/comments/delete',
+      method: 'POST',
+      params:{
+        id:rec.get("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 comemnt');
+          self.initialConfig['centerRegion'].clearWindowStatus();
+        }
+      },
+      failure: function(response) {
+        self.initialConfig['centerRegion'].clearWindowStatus();
+        Ext.Msg.alert('Error', 'Error deleting comemnt');
+      }
+    });
+
+
+  },
+
+  initComponent: function() {
+    this.callParent(arguments);
+    this.getStore().load();
+  },
+
+  constructor : function(config) {
+    var self = this;
+
+    var store = Ext.create('Ext.data.Store', {
+      proxy: {
+        type: 'ajax',
+        url:'/knitkit/erp_app/desktop/comments/index/' + config['contentId'],
+        reader: {
+          type: 'json',
+          root: 'comments'
+        }
+      },
+      remoteSort: true,
+      fields:[
+      {
+        name:'id'
+      },
+      {
+        name:'commentor_name'
+      },
+      {
+        name:'email'
+      },
+      {
+        name:'created_at'
+      },
+      {
+        name:'approved?'
+      },
+      {
+        name:'comment'
+      },
+      {
+        name:'approved_by_username'
+      },
+      {
+        name:'approved_at'
+      }
+      ]
+    });
+
+    config = Ext.apply({
+      store:store,
+      columns:[
+      {
+        header:'Commentor',
+        sortable:true,
+        width:150,
+        dataIndex:'commentor_name'
+      },
+      {
+        header:'Email',
+        sortable:true,
+        width:150,
+        dataIndex:'email'
+      },
+      {
+        header:'Commented On',
+        dataIndex:'created_at',
+        width:120,
+        sortable:true,
+        renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s')
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'View',
+        align:'center',
+        width:50,
+        items:[{
+          icon:'/images/icons/document_view/document_view_16x16.png',
+          tooltip:'View',
+          handler :function(grid, rowIndex, colIndex){
+            var rec = grid.getStore().getAt(rowIndex);
+            self.initialConfig['centerRegion'].showComment(rec.get('comment'));
+          }
+        }]
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Approval',
+        align:'center',
+        width:60,
+        items:[{
+          getClass: function(v, meta, rec) {  // Or return a class from a function
+            if (rec.get('approved?')) {
+              this.items[0].tooltip = 'Approved';
+              return 'approved-col';
+            } else {
+              this.items[0].tooltip = 'Approve';
+              return 'approve-col';
+            }
+          },
+          handler: function(grid, rowIndex, colIndex) {
+            var rec = grid.getStore().getAt(rowIndex);
+            if(rec.get('approved?')){
+              return false;
+            }
+            else{
+              self.approve(rec)
+            }
+          }
+        }]
+      },
+      {
+        header:'Approved By',
+        sortable:true,
+        width:140,
+        dataIndex:'approved_by_username'
+      },
+      {
+        header:'Approved At',
+        sortable:true,
+        width:140,
+        dataIndex:'approved_at',
+        renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s')
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Delete',
+        align:'center',
+        width:50,
+        items:[{
+          icon:'/images/icons/delete/delete_16x16.png',
+          tooltip:'Delete',
+          handler :function(grid, rowIndex, colIndex){
+            var rec = grid.getStore().getAt(rowIndex);
+            self.deleteComment(rec);
+          }
+        }]
+      }
+      ],
+      bbar: Ext.create("Ext.PagingToolbar",{
+        pageSize: 10,
+        store: store,
+        displayInfo: true,
+        displayMsg: '{0} - {1} of {2}',
+        emptyMsg: "Empty"
+      })
+    }, config);
+
+    this.callParent([config]);
+  }
+});

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

@@ -0,0 +1,26 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.EastRegion",{
+    extend:"Ext.TabPanel",
+    alias:'widget.knitkit_eastregion',
+    initComponent: function() {
+        this.imageAssetsPanel = new Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsPanel();
+        this.widgetsPanel = new Compass.ErpApp.Desktop.Applications.Knitkit.WidgetsPanel();
+        this.fileAssetsPanel = new Compass.ErpApp.Desktop.Applications.Knitkit.FileAssetsPanel(this.initialConfig['module']);
+        this.items = [this.imageAssetsPanel.layout, this.fileAssetsPanel.layout, this.widgetsPanel.layout];
+
+        this.callParent(arguments);
+        this.setActiveTab(0);
+    },
+  
+    constructor : function(config) {
+        config = Ext.apply({
+            id:'knitkitEastRegion',
+			region:'east',
+            width:300,
+            split:true,
+            autoDestroy:true,
+            collapsible:true
+        }, config);
+
+        this.callParent([config]);
+    }
+});

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

@@ -0,0 +1,109 @@
+Compass.ErpApp.Desktop.Applications.Knitkit.FileAssetsPanel = function(module) {
+  this.websiteId = null;
+  var self = this;
+  self.module = module;
+			
+  this.sharedFileAssetsTreePanel = Ext.create("Compass.ErpApp.Shared.FileManagerTree",{
+    //TODO_EXTJS4 this is added to fix error should be removed when extjs 4 releases fix.
+    viewConfig:{
+      loadMask: false
+    },
+    title:'Shared',
+    allowDownload:false,
+    addViewContentsToContextMenu:false,
+    rootVisible:true,
+    controllerPath:'/knitkit/erp_app/desktop/file_assets/shared',
+    standardUploadUrl:'/knitkit/erp_app/desktop/file_assets/shared/upload_file',
+    xhrUploadUrl:'/knitkit/erp_app/desktop/file_assets/shared/upload_file',
+    url:'/knitkit/erp_app/desktop/file_assets/shared/expand_directory',
+    containerScroll: true,
+    additionalContextMenuItems:[{
+      nodeType:'leaf',
+      text:'Insert link at cursor',
+      iconCls:'icon-add',
+      listeners:{
+        scope:self,
+        'click':function(){
+          var node = this.sharedFileAssetsTreePanel.selectedNode;
+          Ext.MessageBox.prompt('Display Name', 'Please enter display name:', function(btn, text){
+            if(btn == 'ok'){
+              self.module.centerRegion.insertHtmlIntoActiveCkEditor('<a href="#" onclick="window.open(\'/erp_app/public/download_file/?path='+node.data.downloadPath+'\',\'mywindow\',\'width=400,height=200\');return false;">'+text+'</a>');
+            }
+          });
+        }
+      }
+    }],
+    listeners:{
+      'itemclick':function(view, record, item, index, e){
+        e.stopEvent();
+        return false;
+      },
+      'fileDeleted':function(fileTreePanel, node){},
+      'fileUploaded':function(fileTreePanel, node){}
+    }
+  });
+
+  this.websiteFileAssetsTreePanel = Ext.create("Compass.ErpApp.Shared.FileManagerTree",{
+    //TODO_EXTJS4 this is added to fix error should be removed when extjs 4 releases fix.
+    viewConfig:{
+      loadMask: false
+    },
+    title:'Website',
+    allowDownload:false,
+    addViewContentsToContextMenu:false,
+    rootVisible:true,
+    controllerPath:'/knitkit/erp_app/desktop/file_assets/website',
+    standardUploadUrl:'/knitkit/erp_app/desktop/file_assets/website/upload_file',
+    xhrUploadUrl:'/knitkit/erp_app/desktop/file_assets/website/upload_file',
+    url:'/knitkit/erp_app/desktop/file_assets/website/expand_directory',
+    containerScroll: true,
+    additionalContextMenuItems:[{
+      nodeType:'leaf',
+      text:'Insert link at cursor',
+      iconCls:'icon-add',
+      listeners:{
+        scope:self,
+        'click':function(){
+          var node = this.websiteFileAssetsTreePanel.selectedNode;
+          Ext.MessageBox.prompt('Display Name', 'Please enter display name:', function(btn, text){
+            if(btn == 'ok'){
+              self.module.centerRegion.insertHtmlIntoActiveCkEditor('<a href="#" onclick="window.open(\'/erp_app/public/download_file/?path='+node.data.downloadPath+'\',\'mywindow\',\'width=400,height=200\');return false;">'+text+'</a>');
+            }
+          });
+        }
+      }
+    }],
+    listeners:{
+      'itemclick':function(view, record, item, index, e){
+        e.stopEvent();
+        return false;
+      },
+      'fileDeleted':function(fileTreePanel, node){},
+      'fileUploaded':function(fileTreePanel, node){}
+    }
+  });
+    
+  this.layout = Ext.create('Ext.panel.Panel',{
+    layout: 'fit',
+    title:'Files',
+    items: Ext.create('Ext.tab.Panel',{
+      items:[this.sharedFileAssetsTreePanel, this.websiteFileAssetsTreePanel]
+      })
+  });
+
+  this.selectWebsite = function(websiteId){
+    this.websiteId = websiteId;
+    this.websiteFileAssetsTreePanel.extraPostData = {
+      website_id:websiteId
+    };
+    this.websiteFileAssetsTreePanel.getStore().setProxy({
+      type: 'ajax',
+      url:'/knitkit/erp_app/desktop/file_assets/website/expand_directory',
+      extraParams:{
+        website_id:websiteId
+      }
+    });
+    this.websiteFileAssetsTreePanel.getStore().load();
+  }
+}
+

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

@@ -0,0 +1,30 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsDataView",{
+    extend:"Ext.view.View",
+    alias:'widget.knitkit_imageassetsdataview',
+  
+    constructor : function(config) {
+        config = Ext.apply({
+	        autoDestroy:true,
+	        style:'overflow:auto',
+	        store: Ext.create('Ext.data.Store', {
+	            proxy: {
+	                type: 'ajax',
+	                url: config['url'],
+	                reader: {
+	                    type: 'json',
+	                    root: 'images'
+	                }
+	            },
+	            fields:['name', 'url','shortName']
+	        }),
+	        tpl: new Ext.XTemplate(
+	            '<tpl for=".">',
+	            '<div class="thumb-wrap" id="{name}">',
+	            '<div class="thumb"><img src="{url}" alt="{name}" class="thumb-img"></div>',
+	            '<span>{shortName}</span></div>',
+	            '</tpl>')
+	    }, config);
+
+        this.callParent([config]);
+    }
+});

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

@@ -0,0 +1,160 @@
+Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsPanel = function() {
+  var self = this;
+  this.websiteId = null;
+  this.sharedImageAssetsDataView = Ext.create("Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsDataView",{
+    url: '/knitkit/erp_app/desktop/image_assets/shared/get_images'
+  });
+  this.websiteImageAssetsDataView = Ext.create("Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsDataView",{
+    url: '/knitkit/erp_app/desktop/image_assets/website/get_images'
+  });
+
+  this.sharedImageAssetsTreePanel = Ext.create("Compass.ErpApp.Shared.FileManagerTree",{
+    //TODO_EXTJS4 this is added to fix error should be removed when extjs 4 releases fix.
+    viewConfig:{
+      loadMask: false
+    },
+    region:'north',
+    rootText:'Images',
+    collapsible:true,
+    allowDownload:false,
+    addViewContentsToContextMenu:false,
+    rootVisible:true,
+    controllerPath:'/knitkit/erp_app/desktop/image_assets/shared',
+    standardUploadUrl:'/knitkit/erp_app/desktop/image_assets/shared/upload_file',
+    xhrUploadUrl:'/knitkit/erp_app/desktop/image_assets/shared/upload_file',
+    url:'/knitkit/erp_app/desktop/image_assets/shared/expand_directory',
+    containerScroll: true,
+    height:200,
+    listeners:{
+      'itemclick':function(view, record, item, index, e){
+        e.stopEvent();
+        if(!record.data["leaf"]){
+          var store = self.sharedImageAssetsDataView.getStore();
+          store.load({
+            params:{
+              directory:record.data.id
+            }
+          });
+        }
+        else{
+          return false;
+        }
+      },
+      'fileDeleted':function(fileTreePanel, node){
+        var store = self.sharedImageAssetsDataView.getStore();
+        store.load();
+      },
+      'fileUploaded':function(fileTreePanel, node){
+        var store = self.sharedImageAssetsDataView.getStore();
+        store.load();
+      }
+    }
+  });
+
+  this.websiteImageAssetsTreePanel = Ext.create("Compass.ErpApp.Shared.FileManagerTree",{
+    //TODO_EXTJS4 this is added to fix error should be removed when extjs 4 releases fix.
+    region:'north',
+    viewConfig:{
+      loadMask: false
+    },
+    rootText:'Images',
+    collapsible:true,
+    allowDownload:false,
+    addViewContentsToContextMenu:false,
+    rootVisible:true,
+    controllerPath:'/knitkit/erp_app/desktop/image_assets/website',
+    standardUploadUrl:'/knitkit/erp_app/desktop/image_assets/website/upload_file',
+    xhrUploadUrl:'/knitkit/erp_app/desktop/image_assets/website/upload_file',
+    url:'/knitkit/erp_app/desktop/image_assets/website/expand_directory',
+    containerScroll: true,
+    height:200,
+    listeners:{
+      'itemclick':function(view, record, item, index, e){
+        if(self.websiteId != null){
+          e.stopEvent();
+          if(!record.data["leaf"]){
+            var store = self.websiteImageAssetsDataView.getStore();
+            store.load({
+              params:{
+                directory:record.data.id,
+                website_id:self.websiteId
+              }
+            });
+          }
+          else{
+            return false;
+          }
+        }
+      },
+      'fileDeleted':function(fileTreePanel, node){
+        self.websiteImageAssetsDataView.getStore().load({
+          params:{
+            directory:node.data.id,
+            website_id:self.websiteId
+          }
+        });
+      },
+      'fileUploaded':function(fileTreePanel, node){
+        self.websiteImageAssetsDataView.getStore().load({
+          params:{
+            directory:node.data.id,
+            website_id:self.websiteId
+          }
+        });
+      }
+    }
+  });
+
+  var sharedImagesPanel = Ext.create('Ext.panel.Panel',{
+    cls:'image-assets',
+    region:'center',
+    margins: '5 5 5 0',
+    layout:'fit',
+    items: this.sharedImageAssetsDataView
+  });
+
+  var websiteImagesPanel = Ext.create('Ext.panel.Panel',{
+    cls:'image-assets',
+    region:'center',
+    margins: '5 5 5 0',
+    layout:'fit',
+    items: this.websiteImageAssetsDataView
+  });
+
+  var sharedImagesLayout =  Ext.create('Ext.panel.Panel',{
+    layout: 'border',
+    title:'Shared',
+    items: [this.sharedImageAssetsTreePanel, sharedImagesPanel]
+  });
+	
+  var websiteImagesLayout =  Ext.create('Ext.panel.Panel',{
+    layout: 'border',
+    title:'Website',
+    items: [this.websiteImageAssetsTreePanel, websiteImagesPanel]
+  });
+
+  this.layout = Ext.create('Ext.panel.Panel',{
+    layout:'fit',
+    title:'Images',
+    items: Ext.create('Ext.tab.Panel',{
+      items: [sharedImagesLayout, websiteImagesLayout]
+    })
+  });
+
+  this.selectWebsite = function(websiteId){
+    this.websiteId = websiteId;
+    this.websiteImageAssetsTreePanel.extraPostData = {
+      website_id:websiteId
+    };
+    var store = this.websiteImageAssetsTreePanel.getStore();
+    store.load({
+      params:{
+        website_id:websiteId
+      }
+    });
+    this.websiteImageAssetsDataView.getStore().removeAll();
+  }
+}
+
+
+