knitkit 2.1.15 → 3.0.0

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

@@ -0,0 +1,335 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsPanel", {
+    extend: "Ext.tab.Panel",
+    alias: 'widget.knitkit_ImageAssetsPanel',
+    cls: 'image-assets-panel',
+
+    constructor: function (config) {
+        this.websiteId = null;
+        var self = this;
+        self.module = config.module;
+
+        this.sharedImageAssetsDataView = Ext.create("Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsDataView", {
+            url: '/knitkit/erp_app/desktop/image_assets/shared/get_images',
+            uploadUrl: '/knitkit/erp_app/desktop/image_assets/shared/upload_file',
+            module: config.module,
+            listeners: {
+                afterrender: function () {
+                    if (currentUser.hasCapability('view', 'GlobalImageAsset')) {
+                        self.sharedImageAssetsDataView.directory = 'root_node';
+                        var store = self.sharedImageAssetsDataView.getStore();
+                        store.load({
+                            params: {
+                                directory: 'root_node'
+                            }
+                        });
+                    }
+                },
+                imageuploaded: function (comp) {
+                    self.sharedImageAssetsTreePanel.getStore().load({
+                        callback: function () {
+                            self.sharedImageAssetsTreePanel.getView().refresh();
+                        }
+                    });
+                }
+            }
+        });
+        this.websiteImageAssetsDataView = Ext.create("Compass.ErpApp.Desktop.Applications.Knitkit.ImageAssetsDataView", {
+            module: config.module,
+            url: '/knitkit/erp_app/desktop/image_assets/website/get_images',
+            uploadUrl: '/knitkit/erp_app/desktop/image_assets/website/upload_file',
+            listeners: {
+                imageuploaded: function (comp) {
+                    var store = self.websiteImageAssetsTreePanel.getStore();
+                    store.load({
+                        callback: function () {
+                            self.websiteImageAssetsDataView.getStore().load({
+                                params: {
+                                    directory: 'root_node',
+                                    website_id: self.websiteId
+                                }
+                            });
+                        }
+                    });
+                }
+            }
+        });
+
+        this.sharedImageAssetsTreePanel = Ext.create("Compass.ErpApp.Shared.FileManagerTree", {
+            region: 'north',
+            rootText: 'Shared Images',
+            collapsible: false,
+            allowDownload: false,
+            addViewContentsToContextMenu: false,
+            showNewFileMenuItem: false,
+            rootVisible: true,
+            multiSelect: true,
+            controllerPath: '/knitkit/erp_app/desktop/image_assets/shared',
+            standardUploadUrl: '/knitkit/erp_app/desktop/image_assets/shared/upload_file',
+            url: '/knitkit/erp_app/desktop/image_assets/shared/expand_directory',
+            containerScroll: true,
+            height: 200,
+            additionalContextMenuItems: [
+                {
+                    nodeType: 'leaf',
+                    text: 'Insert image at cursor',
+                    iconCls: 'icon-add',
+                    listeners: {
+                        scope: self,
+                        'click': function () {
+                            var node = this.sharedImageAssetsTreePanel.selectedNode;
+
+                            var imgTagHtml = '<img';
+                            if (!Ext.isEmpty(node.data.width) && !Ext.isEmpty(node.data.height)) {
+                                imgTagHtml += (' width="' + node.data.width + '" height="' + node.data.height + '"');
+                            }
+                            imgTagHtml += ' alt="' + node.get('name') + '" src="' + node.get('url') + '" >';
+                            self.module.centerRegion.insertHtmlIntoActiveCkEditorOrCodemirror(imgTagHtml);
+                        }
+                    }
+                }
+            ],
+            listeners: {
+                'allowdelete': function () {
+                    return currentUser.hasCapability('delete', 'GlobalImageAsset');
+                },
+                'allowupload': function () {
+                    return currentUser.hasCapability('upload', 'GlobalImageAsset');
+                },
+                'itemclick': function (view, record, item, index, e) {
+                    e.stopEvent();
+                    if (!record.data["leaf"]) {
+                        self.sharedImageAssetsDataView.directory = record.data.id;
+                        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({
+                        params: {
+                            directory: node.parentNode.data.id
+                        }
+                    });
+                },
+                'fileUploaded': function (fileTreePanel, node) {
+                    var store = self.sharedImageAssetsDataView.getStore();
+                    store.load({
+                        params: {
+                            directory: node.data.id
+                        }
+                    });
+                },
+                'downloadfile': function (fileTreePanel, node) {
+                    window.open("/download/" + node.data.text + "?path=" + node.data.downloadPath + '&disposition=attachment', 'mywindow', 'width=400,height=200');
+                    return false;
+                }
+            }
+        });
+
+        this.websiteImageAssetsTreePanel = Ext.create("Compass.ErpApp.Shared.FileManagerTree", {
+            autoLoadRoot: false,
+            region: 'north',
+            rootText: 'Images',
+            collapsible: false,
+            allowDownload: false,
+            addViewContentsToContextMenu: false,
+            showNewFileMenuItem: false,
+            rootVisible: true,
+            multiSelect: true,
+            controllerPath: '/knitkit/erp_app/desktop/image_assets/website',
+            standardUploadUrl: '/knitkit/erp_app/desktop/image_assets/website/upload_file',
+            url: '/knitkit/erp_app/desktop/image_assets/website/expand_directory',
+            containerScroll: true,
+            height: 200,
+            additionalContextMenuItems: [
+                {
+                    nodeType: 'leaf',
+                    text: 'Insert image at cursor',
+                    iconCls: 'icon-add',
+                    listeners: {
+                        scope: self,
+                        'click': function () {
+                            var node = this.websiteImageAssetsTreePanel.selectedNode;
+
+                            var imgTagHtml = '<img';
+                            if (!Ext.isEmpty(node.data.width) && !Ext.isEmpty(node.data.height)) {
+                                imgTagHtml += (' width="' + node.data.width + '" height="' + node.data.height + '"');
+                            }
+                            imgTagHtml += ' alt="' + node.get('name') + '" src="' + node.get('url') + '" >';
+                            self.module.centerRegion.insertHtmlIntoActiveCkEditorOrCodemirror(imgTagHtml);
+                        }
+                    }
+                }
+            ],
+            listeners: {
+                'load': function (store, node, records) {
+                    store.getRootNode().data.text = self.websiteName;
+                    self.websiteImageAssetsTreePanel.view.refresh();
+                },
+                'itemclick': function (view, record, item, index, e) {
+                    if (self.websiteId !== null) {
+                        e.stopEvent();
+                        if (!record.data["leaf"]) {
+                            self.websiteImageAssetsDataView.directory = record.data.id;
+                            self.websiteImageAssetsDataView.websiteId = self.websiteId;
+                            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.parentNode.data.downloadPath,
+                            website_id: self.websiteId
+                        }
+                    });
+                },
+                'fileUploaded': function (fileTreePanel, node) {
+                    self.websiteImageAssetsDataView.getStore().load({
+                        params: {
+                            directory: node.data.id,
+                            website_id: self.websiteId
+                        }
+                    });
+                },
+                'downloadfile': function (fileTreePanel, node) {
+                    window.open("/download/" + node.data.text + "?path=" + node.data.downloadPath + '&disposition=attachment', 'mywindow', 'width=400,height=200');
+                    return false;
+                }
+            }
+        });
+
+        var sharedImagesPanel = Ext.create('Ext.panel.Panel', {
+            cls: 'image-assets',
+            region: 'center',
+            margins: '0 0 0 0',
+            layout: 'fit',
+            items: this.sharedImageAssetsDataView
+        });
+
+        var websiteImagesPanel = Ext.create('Ext.panel.Panel', {
+            cls: 'image-assets',
+            region: 'center',
+            margins: '0 0 0 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', {
+            autoRender: true,
+            layout: 'border',
+            title: 'Website',
+            items: [this.websiteImageAssetsTreePanel, websiteImagesPanel],
+            listeners: {
+                scope: self,
+                'show': function (panel) {
+                    self.reloadWebsiteImageAssetsTreePanel(self.websiteId);
+                }
+            }
+        });
+
+        this.selectWebsite = function (website) {
+            this.websiteId = website.id;
+            this.websiteName = website.name;
+            this.reloadWebsiteImageAssetsTreePanel(website.id);
+        };
+
+        this.clearWebsite = function () {
+            this.websiteId = null;
+            this.websiteName = null;
+
+            this.websiteImageAssetsTreePanel.extraPostData = {
+                website_id: null
+            };
+            this.websiteImageAssetsTreePanel.getStore().setProxy({
+                type: 'ajax',
+                url: '/knitkit/erp_app/desktop/file_assets/website/expand_directory',
+                extraParams: {
+                    website_id: null
+                }
+            });
+
+            this.websiteImageAssetsTreePanel.getRootNode().removeAll(true);
+        };
+
+        this.reloadWebsiteImageAssetsTreePanel = function (websiteId) {
+            this.websiteImageAssetsTreePanel.extraPostData = {
+                website_id: websiteId
+            };
+            this.websiteImageAssetsTreePanel.getStore().setProxy({
+                type: 'ajax',
+                url: '/knitkit/erp_app/desktop/image_assets/website/expand_directory',
+                extraParams: {
+                    website_id: websiteId
+                }
+            });
+
+            if (websiteId) {
+                while (delNode = this.websiteImageAssetsTreePanel.getRootNode().childNodes[0]) {
+                    this.websiteImageAssetsTreePanel.getRootNode().removeChild(delNode);
+                }
+                this.websiteImageAssetsTreePanel.getRootNode().expand();
+
+                if (!this.websiteImageAssetsTreePanel.getStore().isLoading()) {
+                    this.websiteImageAssetsTreePanel.getStore().load();
+                    self.websiteImageAssetsDataView.directory = 'root_node';
+                    self.websiteImageAssetsDataView.websiteId = websiteId;
+                    self.websiteImageAssetsDataView.getStore().load({
+                        params: {
+                            directory: 'root_node',
+                            website_id: websiteId
+                        }
+                    });
+                }
+            }
+        };
+
+        var items = [];
+        if (currentUser.hasCapability('view', 'GlobalImageAsset')) {
+            items.push(sharedImagesLayout);
+        }
+
+        if (currentUser.hasCapability('view', 'SiteImageAsset')) {
+            items.push(websiteImagesLayout);
+        }
+
+        config = Ext.apply({
+            deferredRender: false,
+            layout: 'fit',
+            title: 'Images',
+            items: items,
+            activeTab: 1,
+            listeners: {
+                afterrender: function (panel) {
+                    // workaround for extJS rendering bug. set activetab 1 above and 0 afterrender
+                    panel.setActiveTab(0);
+                }
+            }
+        }, config);
+
+        this.callParent([config]);
+
+    }
+});

data/public/javascripts/erp_app/desktop/applications/knitkit/{widgets_panel.js → east_region/widgets_panel.js}

@@ -1,55 +1,55 @@
-Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.WidgetsPanel",{
-  extend:"Ext.panel.Panel",
-  alias:'widget.knitkit_WidgetsPanel',
-
-  constructor : function(config) {
-    var widgetsStore = Ext.create('Ext.data.Store',{
-      autoDestroy: true,
-      fields:['name', 'iconUrl', 'onClick', 'about'],
-      data:Compass.ErpApp.Widgets.AvailableWidgets
-    });
-
-    this.widgetsDataView = Ext.create("Ext.view.View",{
-      style:'overflow:auto',
-      itemSelector: 'div.thumb-wrap',
-      store:widgetsStore,
-      tpl: [
-      '<tpl for=".">',
-      '<div data-qtip="{about}" class="thumb-wrap" id="{name}">',
-      '<div class="thumb"><img src="{iconUrl}" class="thumb-img"></div>',
-      '<span>{name}</span></div>',
-      '</tpl>',
-      '<div class="x-clear"></div>'
-      ],
-      listeners:{
-        'itemcontextmenu':function(view, record, htmlitem, index, e, options){
-          e.stopEvent();
-          var contextMenu = Ext.create("Ext.menu.Menu",{
-            items:[{
-              text:'Add Widget',
-              iconCls:'icon-add',
-              handler:function(btn){
-                record.data.onClick();
-              }
-            }]
-            });
-          contextMenu.showAt(e.xy);
-        }
-      }
-    });
-
-    config = Ext.apply({
-      id:'widgets',
-      autoDestroy:true,
-      title:'Widgets',
-      margins: '5 5 5 0',
-      layout:'fit',
-      items: this.widgetsDataView
-    }, config);
-
-    this.callParent([config]);
-  }
-});
-
-
-
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.WidgetsPanel",{
+  extend:"Ext.panel.Panel",
+  alias:'widget.knitkit_WidgetsPanel',
+
+  constructor : function(config) {
+    var widgetsStore = Ext.create('Ext.data.Store',{
+      autoDestroy: true,
+      fields:['name', 'iconUrl', 'onClick', 'about'],
+      data:Compass.ErpApp.Widgets.AvailableWidgets
+    });
+
+    this.widgetsDataView = Ext.create("Ext.view.View",{
+      style:'overflow:auto',
+      itemSelector: 'div.thumb-wrap',
+      store:widgetsStore,
+      tpl: [
+      '<tpl for=".">',
+      '<div data-qtip="{about}" class="thumb-wrap" id="{name}">',
+      '<div class="thumb"><img src="{iconUrl}" class="thumb-img"></div>',
+      '<span>{name}</span></div>',
+      '</tpl>',
+      '<div class="x-clear"></div>'
+      ],
+      listeners:{
+        'itemcontextmenu':function(view, record, htmlitem, index, e, options){
+          e.stopEvent();
+          var contextMenu = Ext.create("Ext.menu.Menu",{
+            items:[{
+              text:'Add Widget',
+              iconCls:'icon-add',
+              handler:function(btn){
+                record.data.onClick();
+              }
+            }]
+            });
+          contextMenu.showAt(e.xy);
+        }
+      }
+    });
+
+    config = Ext.apply({
+      id:'widgets',
+      autoDestroy:true,
+      title:'Widgets',
+      margins: '5 5 5 0',
+      layout:'fit',
+      items: this.widgetsDataView
+    }, config);
+
+    this.callParent([config]);
+  }
+});
+
+
+

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

@@ -1,45 +1,158 @@
-Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.InquiriesGridPanel",{
-    extend:"Compass.ErpApp.Shared.DynamicEditableGridLoaderPanel",
-    alias:'widget.knitkit_inquiriesgridpanel',
-    deleteInquiry : function(rec){
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.InquiriesGridPanel", {
+    extend: "Ext.grid.Panel",
+    alias: 'widget.knitkit_inquiriesgridpanel',
+
+    websiteId: null,
+    listeners: {
+        render: function () {
+            this.store.load();
+        }
+    },
+
+    deleteInquiry: function (rec) {
         var self = this;
-        Ext.getCmp('knitkitCenterRegion').setWindowStatus('Deleting inquiry...');
-        Ext.Ajax.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();
+        Ext.Msg.confirm('Please Confirm', 'Do you want to remove this inquiry?', function (btn) {
+            if (btn == 'yes' || btn == 'ok') {
+                Ext.getCmp('knitkitCenterRegion').setWindowStatus('Deleting inquiry...');
+                Ext.Ajax.request({
+                    url: '/knitkit/erp_app/desktop/inquiries/' + rec.get("id"),
+                    method: 'DELETE',
+                    success: function (response) {
+                        var obj = Ext.decode(response.responseText);
+                        if (obj.success) {
+                            Ext.getCmp('knitkitCenterRegion').clearWindowStatus();
+                            self.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');
+                    }
+                });
+            }
+        });
+    },
+
+    initComponent: function () {
+        this.store = Ext.create("Ext.data.Store", {
+            proxy: {
+                type: 'ajax',
+                method: 'GET',
+                url: '/knitkit/erp_app/desktop/inquiries',
+                reader: {
+                    type: 'json',
+                    root: 'inquiries'
+                },
+                extraParams: {
+                    website_id: this.websiteId
                 }
-                else{
-                    Ext.Msg.alert('Error', 'Error deleting inquiry');
-                    Ext.getCmp('knitkitCenterRegion').clearWindowStatus();
+            },
+            idProperty: 'id',
+            remoteSort: true,
+            fields: [
+                {
+                    name: 'id'
+                },
+                {
+                    name: 'firstName', mapping: 'first_name'
+                },
+                {
+                    name: 'lastName', mapping: 'last_name'
+                },
+                {
+                    name: 'email'
+                },
+                {
+                    name: 'username'
+                },
+                {
+                    name: 'message'
+                },
+                {
+                    name: 'createdAt', mapping: 'created_at', type: 'date'
                 }
+            ]
+        });
+
+        this.columns = [
+            {
+                header: 'First Name',
+                dataIndex: 'firstName',
+                flex: 1
+            },
+            {
+                header: 'Last Name',
+                dataIndex: 'lastName',
+                flex: 1
+            },
+            {
+                header: 'Email',
+                dataIndex: 'email',
+                flex: 1
+            },
+            {
+                header: 'Username',
+                dataIndex: 'username',
+                flex: 0.5
+            },
+            {
+                header: 'Created At',
+                dataIndex: 'createdAt',
+                renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s'),
+                flex: 1
             },
-            failure: function(response) {
-                Ext.getCmp('knitkitCenterRegion').clearWindowStatus();
-                Ext.Msg.alert('Error', 'Error deleting inquiry');
+            {
+                menuDisabled: true,
+                resizable: false,
+                xtype: 'actioncolumn',
+                header: 'Action',
+                align: 'center',
+                flex: 0.5,
+                items: [
+                    {
+                        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);
+
+                            Ext.getCmp('knitkitCenterRegion').showComment(rec.get('message'))
+                        }
+                    },
+                    {
+                        icon: '/images/icons/delete/delete_16x16.png',
+                        tooltip: 'Delete',
+                        getClass: function (v, meta, rec) {
+                            return 'x-action-col-icon';
+                        },
+                        handler: function (grid, rowIndex, colIndex) {
+                            var rec = grid.getStore().getAt(rowIndex);
+                            grid.ownerCt.deleteInquiry(rec);
+                        }
+                    }
+                ]
             }
-        });
-    },
-    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.dockedItems = [
+            {
+                xtype: 'pagingtoolbar',
+                store: this.store,
+                dock: 'bottom',
+                pageSize: 15,
+                title: 'Inquiries',
+                displayInfo: true,
+                displayMsg: '{0} - {1} of {2}',
+                emptyMsg: "Empty"
+            }
+        ];
 
-        this.callParent([config]);
+        this.callParent();
     }
 });