knitkit 3.0.0 → 3.2.0

data/{public → app/assets}/javascripts/erp_app/desktop/applications/knitkit/west_region/helpers/section.js

@@ -1,6 +1,8 @@
 Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self, items, record) {
-    var sectionId = record.data.id.split('_')[1];
+    var sectionId = record.get('recordId');
+    var websiteId = compassDesktop.getModule('knitkit-win').currentWebsite.id;
 
+    // Add Article
     items.push({
         text: 'Add Article',
         iconCls: 'icon-document',
@@ -12,7 +14,8 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                         xtype: 'textfield',
                         fieldLabel: 'Title',
                         allowBlank: false,
-                        name: 'title'
+                        name: 'title',
+                        itemId: 'title'
                     },
                     {
                         xtype: 'radiogroup',
@@ -55,22 +58,15 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                 ];
 
                 Ext.widget('window', {
-                    layout: 'fit',
                     modal: true,
-                    width: 375,
                     title: 'Create New Article',
-                    plain: true,
                     buttonAlign: 'center',
+                    defaultFocus: 'title',
                     items: {
                         xtype: 'form',
-                        labelWidth: 110,
                         frame: false,
                         bodyStyle: 'padding:5px 5px 0',
-                        width: 425,
                         url: '/knitkit/erp_app/desktop/articles/new/' + sectionId,
-                        defaults: {
-                            width: 300
-                        },
                         items: addFormItems
                     },
                     buttons: [
@@ -81,9 +77,12 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                     var window = button.findParentByType('window');
                                     var formPanel = window.query('form')[0];
 
+                                    var loadMask = new Ext.LoadMask(window, {msg: 'Please wait...'});
+
                                     formPanel.getForm().submit({
                                         reset: true,
                                         success: function (form, action) {
+                                            loadMask.hide();
                                             var obj = Ext.decode(action.response.responseText);
                                             if (obj.success) {
                                                 obj.node.createdAt = obj.node.created_at;
@@ -96,6 +95,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                             window.close();
                                         },
                                         failure: function (form, action) {
+                                            loadMask.hide();
                                             Ext.Msg.alert("Error", "Error creating article");
                                         }
                                     });
@@ -112,26 +112,23 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                 }).show();
             }
         }
-    })
-    ;
+    });
 
+    // Attach Article
     items.push({
         text: 'Attach Article',
         iconCls: 'icon-copy',
         listeners: {
             'click': function () {
-                Ext.widget('window', {
-                    layout: 'fit',
-                    width: 375,
+                var window = Ext.widget('window', {
+                    modal: true,
                     title: 'Attach Existing Article',
                     plain: true,
                     buttonAlign: 'center',
                     items: {
                         xtype: 'form',
-                        labelWidth: 75,
                         frame: false,
                         bodyStyle: 'padding:5px 5px 0',
-                        width: 425,
                         url: '/knitkit/erp_app/desktop/articles/add_existing/' + sectionId,
                         items: [
                             {
@@ -139,8 +136,6 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                 xtype: 'combo',
                                 hiddenName: 'website_id',
                                 name: 'website_id',
-                                labelWidth: 50,
-                                width: 350,
                                 loadingText: 'Retrieving Websites...',
                                 store: Ext.create('Ext.data.Store', {
                                     autoLoad: true,
@@ -170,7 +165,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                     ],
                                     listeners: {
                                         'load': function (store) {
-                                            available_articles_filter_combobox = Ext.ComponentQuery.query('#available_articles_filter_combobox')[0];
+                                            available_articles_filter_combobox = window.down('#available_articles_filter_combobox');
                                             available_articles_filter_combobox.select(0);
                                             available_articles_filter_combobox.fireEvent('select');
                                         }
@@ -187,12 +182,11 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                 allowBlank: false,
                                 listeners: {
                                     'select': function (combo, records) {
-                                        available_articles_combobox = Ext.ComponentQuery.query('#available_articles_combobox')[0];
-                                        available_articles_combobox.getPicker().setLoading(false);
+                                        available_articles_combobox = window.down('#available_articles_combobox');
                                         available_articles_combobox.getStore().load({
                                             params: {
                                                 section_id: sectionId,
-                                                website_id: Ext.ComponentQuery.query('#available_articles_filter_combobox')[0].getValue()
+                                                website_id: window.down('#available_articles_filter_combobox').getValue()
                                             }
                                         });
                                     }
@@ -203,8 +197,6 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                 itemId: 'available_articles_combobox',
                                 hiddenName: 'article_id',
                                 name: 'article_id',
-                                labelWidth: 50,
-                                width: 350,
                                 loadingText: 'Retrieving Articles...',
                                 store: Ext.create('Ext.data.Store', {
                                     autoLoad: false,
@@ -235,12 +227,14 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                     listeners: {
                                         'beforeload': function (store) {
                                             Ext.apply(store.getProxy().extraParams, {
-                                                website_id: Ext.ComponentQuery.query('#available_articles_filter_combobox')[0].getValue()
+                                                website_id: window.down('#available_articles_filter_combobox').getValue()
                                             });
                                         },
                                         'load': function (store, records) {
-                                            available_articles_combobox = Ext.ComponentQuery.query('#available_articles_combobox')[0];
-                                            available_articles_combobox.setValue(store.getAt(0).data.id);
+                                            if (records.length > 0) {
+                                                available_articles_combobox = window.down('#available_articles_combobox');
+                                                available_articles_combobox.setValue(records.first().get('id'));
+                                            }
                                         }
                                     }
                                 }),
@@ -264,9 +258,13 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                 'click': function (button) {
                                     var window = button.findParentByType('window');
                                     var formPanel = window.query('form')[0];
+
+                                    var loadMask = new Ext.LoadMask(window, {msg: 'Please wait...'});
+
                                     formPanel.getForm().submit({
                                         reset: true,
                                         success: function (form, action) {
+                                            loadMask.hide();
                                             var obj = Ext.decode(action.response.responseText);
                                             if (obj.success) {
                                                 obj.article.createdAt = obj.article.created_at;
@@ -280,6 +278,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                             }
                                         },
                                         failure: function (form, action) {
+                                            loadMask.hide();
                                             Ext.Msg.alert("Error", "Error Attaching article");
                                         }
                                     });
@@ -293,11 +292,13 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                             }
                         }
                     ]
-                }).show();
+                });
+                window.show();
             }
         }
     });
 
+    // Update Security
     if (currentUser.hasCapability('unsecure', 'WebsiteSection') || currentUser.hasCapability('secure', 'WebsiteSection')) {
         items.push({
             text: 'Security',
@@ -311,34 +312,30 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
         });
     }
 
+    // Create Section
     if (currentUser.hasCapability('create', 'WebsiteSection') && !record.get('isBlog')) {
         items.push({
-            text: 'Add Section',
+            text: 'Add Page',
             iconCls: 'icon-add',
             listeners: {
                 'click': function () {
                     Ext.widget("window", {
                         modal: true,
-                        layout: 'fit',
-                        width: 375,
-                        title: 'New Section',
-                        plain: true,
+                        title: 'New Page',
                         buttonAlign: 'center',
+                        defaultFocus: 'title',
                         items: {
                             xtype: 'form',
-                            labelWidth: 110,
                             frame: false,
                             bodyStyle: 'padding:5px 5px 0',
                             url: '/knitkit/erp_app/desktop/section/new',
-                            defaults: {
-                                width: 225
-                            },
                             items: [
                                 {
                                     xtype: 'textfield',
                                     fieldLabel: 'Title',
                                     allowBlank: false,
-                                    name: 'title'
+                                    name: 'title',
+                                    itemId: 'title'
                                 },
                                 {
                                     xtype: 'textfield',
@@ -419,9 +416,12 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                         var window = button.findParentByType('window');
                                         var formPanel = window.query('.form')[0];
 
+                                        var loadMask = new Ext.LoadMask(window, {msg: 'Please wait...'});
+
                                         formPanel.getForm().submit({
                                             reset: true,
                                             success: function (form, action) {
+                                                loadMask.hide();
                                                 var obj = Ext.decode(action.response.responseText);
                                                 if (obj.success) {
                                                     record.appendChild(obj.node);
@@ -432,13 +432,13 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                                 }
                                             },
                                             failure: function (form, action) {
-                                                //self.clearWindowStatus();
+                                                loadMask.hide();
                                                 var obj = Ext.decode(action.response.responseText);
                                                 if (obj.message) {
                                                     Ext.Msg.alert("Error", obj.message);
                                                 }
                                                 else {
-                                                    Ext.Msg.alert("Error", "Error creating section.");
+                                                    Ext.Msg.alert("Error", "Error creating page.");
                                                 }
                                             }
                                         });
@@ -458,6 +458,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
         });
     }
 
+    // Edit Section
     if (currentUser.hasCapability('edit', 'WebsiteSection')) {
         items.push({
             text: 'Update ' + record.data["type"],
@@ -465,33 +466,24 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
             listeners: {
                 'click': function () {
                     Ext.widget("window", {
-                        layout: 'fit',
                         modal: true,
-                        width: 375,
-                        title: 'Update Section',
-                        plain: true,
+                        title: 'Update Page',
                         buttonAlign: 'center',
                         items: {
                             xtype: 'form',
-                            labelWidth: 110,
                             frame: false,
                             bodyStyle: 'padding:5px 5px 0',
                             url: '/knitkit/erp_app/desktop/section/update',
-                            defaults: {
-                                width: 375
-                            },
                             items: [
                                 {
                                     xtype: 'textfield',
                                     fieldLabel: 'Title',
-                                    width: 320,
                                     value: record.data.text,
                                     name: 'title'
                                 },
                                 {
                                     xtype: 'textfield',
                                     fieldLabel: 'Internal ID',
-                                    width: 320,
                                     allowBlank: true,
                                     name: 'internal_identifier',
                                     value: record.data.internal_identifier
@@ -499,7 +491,6 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                 {
                                     xtype: 'radiogroup',
                                     fieldLabel: 'Display in menu?',
-                                    width: 220,
                                     name: 'in_menu',
                                     columns: 2,
                                     items: [
@@ -521,7 +512,6 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                 {
                                     xtype: 'radiogroup',
                                     fieldLabel: 'Render with Base Layout?',
-                                    width: 220,
                                     name: 'render_with_base_layout',
                                     columns: 2,
                                     items: [
@@ -543,7 +533,6 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                 {
                                     xtype: 'displayfield',
                                     fieldLabel: 'Path',
-                                    width: 320,
                                     name: 'path',
                                     value: record.data.path
                                 },
@@ -561,10 +550,12 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                     'click': function (button) {
                                         var window = button.findParentByType('window');
                                         var formPanel = window.query('.form')[0];
-                                        //self.setWindowStatus('Updating section...');
+
+                                        var loadMask = new Ext.LoadMask(window, {msg: 'Please wait...'});
+
                                         formPanel.getForm().submit({
                                             success: function (form, action) {
-                                                //self.clearWindowStatus();
+                                                loadMask.hide();
                                                 var values = formPanel.getValues();
                                                 record.set('title', values.title);
                                                 record.set('text', values.title);
@@ -575,7 +566,7 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                                 window.close();
                                             },
                                             failure: function (form, action) {
-                                                //self.clearWindowStatus();
+                                                loadMask.hide();
                                                 var obj = Ext.decode(action.response.responseText);
                                                 Ext.Msg.alert("Error", obj.msg);
                                             }
@@ -593,11 +584,11 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                     }).show();
                 }
             }
-        })
-        ;
+        });
     }
 
-//no layouts for blogs.
+    // Edit / Update Layout
+    // no layouts for blogs.
     if (Compass.ErpApp.Utility.isBlank(record.data['isBlog']) && record.data['hasLayout']) {
         if (currentUser.hasCapability('edit', 'WebsiteSectionLayout')) {
             items.push({
@@ -647,13 +638,138 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
         }
     }
 
+    // Copy Section
+    items.push({
+        text: 'Copy ' + record.data["type"],
+        iconCls: 'icon-copy',
+        listeners: {
+            'click': function () {
+                Ext.widget("window", {
+                    modal: true,
+                    title: 'Copy' + record.data["type"],
+                    buttonAlign: 'center',
+                    items: {
+                        xtype: 'form',
+                        frame: false,
+                        bodyStyle: 'padding:5px 5px 0',
+                        url: '/knitkit/erp_app/desktop/section/copy',
+                        items: [
+                            {
+                                xtype: 'combo',
+                                name: 'parent_section_id',
+                                loadingText: 'Retrieving Pages...',
+                                store: Ext.create("Ext.data.Store", {
+                                    proxy: {
+                                        type: 'ajax',
+                                        url: '/knitkit/erp_app/desktop/section/existing_sections',
+                                        reader: {
+                                            type: 'json'
+                                        },
+                                        extraParams: {
+                                            exclude_document_sections: true,
+                                            website_id: websiteId
+                                        }
+                                    },
+                                    autoLoad: true,
+                                    fields: [
+                                        {
+                                            name: 'id'
+                                        },
+                                        {
+                                            name: 'title_permalink'
+
+                                        }
+                                    ]
+                                }),
+                                forceSelection: true,
+                                allowBlank: true,
+                                fieldLabel: 'Parent Page',
+                                mode: 'local',
+                                displayField: 'title_permalink',
+                                valueField: 'id',
+                                triggerAction: 'all'
+                            },
+                            {
+                                xtype: 'textfield',
+                                fieldLabel: 'Title',
+                                value: record.data.text,
+                                name: 'title'
+                            },
+                            {
+                                xtype: 'hidden',
+                                name: 'id',
+                                value: sectionId
+                            },
+                            {
+                                xtype: 'hidden',
+                                name: 'website_id',
+                                value: websiteId
+                            }
+                        ]
+                    },
+                    buttons: [
+                        {
+                            text: 'Submit',
+                            listeners: {
+                                'click': function (button) {
+                                    var window = button.findParentByType('window');
+                                    var formPanel = window.query('.form')[0];
+
+                                    var loadMask = new Ext.LoadMask(window, {msg: 'Copying page...'});
+
+                                    formPanel.getForm().submit({
+                                        success: function (form, action) {
+                                            var obj = Ext.decode(action.response.responseText);
+                                            var values = formPanel.getValues();
+                                            var parentNode = record.getOwnerTree().getRootNode();
+
+                                            loadMask.hide();
+
+                                            if (!Ext.isEmpty(values.parent_section_id)) {
+                                                parentNode = parentNode.findChildBy(function (node) {
+                                                    if (node.get('recordType') == 'WebsiteSection'
+                                                        && node.get('recordId') == values.parent_section_id) {
+                                                        return true;
+                                                    }
+                                                }, this, true);
+                                            }
+
+                                            if (parentNode && parentNode != record.getOwnerTree().getRootNode() && parentNode.isExpanded()) {
+                                                record.getOwnerTree().getStore().load({node: parentNode});
+                                            }
+
+                                            window.close();
+                                        },
+                                        failure: function (form, action) {
+                                            loadMask.hide();
+
+                                            var obj = Ext.decode(action.response.responseText);
+                                            Ext.Msg.alert("Error", obj.message);
+                                        }
+                                    });
+                                }
+                            }
+                        },
+                        {
+                            text: 'Close',
+                            handler: function (btn) {
+                                btn.up('window').close();
+                            }
+                        }
+                    ]
+                }).show();
+            }
+        }
+    });
+
+    // Delete Section
     if (currentUser.hasCapability('delete', 'WebsiteSection')) {
         items.push({
             text: 'Delete ' + record.data["type"],
             iconCls: 'icon-delete',
             listeners: {
                 'click': function () {
-                    Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this section?<br> NOTE: Articles belonging to this section will be orphaned.<br><br>', function (btn) {
+                    Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete the page?<h3>' + record.data["text"] + '</h3> NOTE: Articles belonging to this page will be orphaned.<br><br>', function (btn) {
                         if (btn == 'no') {
                             return false;
                         }
@@ -671,11 +787,11 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
                                         record.remove();
                                     }
                                     else {
-                                        Ext.Msg.alert('Error', 'Error deleting section');
+                                        Ext.Msg.alert('Error', 'Error deleting page');
                                     }
                                 },
                                 failure: function (response) {
-                                    Ext.Msg.alert('Error', 'Error deleting section');
+                                    Ext.Msg.alert('Error', 'Error deleting page');
                                 }
                             });
                         }
@@ -684,6 +800,6 @@ Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions = function (self,
             }
         });
     }
+
     return items;
-}
-;
+};