knitkit 2.1.15 → 3.0.0

data/public/javascripts/erp_app/desktop/applications/knitkit/west_region/site_contents_tree_panel.js

@@ -0,0 +1,360 @@
+Ext.define('SiteContentsModel', {
+    extend: 'Ext.data.TreeModel',
+    fields: [
+        'recordType',
+        'recordId',
+        'objectType',
+        'text',
+        'iconCls',
+        'parentItemId',
+        'isBlog',
+        'display_title',
+        'leaf',
+        'isSection',
+        'isDocument',
+        'contentInfo',
+        'content_area',
+        'isSecured',
+        'url',
+        'path',
+        'inMenu',
+        'hasLayout',
+        'siteId',
+        'type',
+        'name',
+        'title',
+        'subtitle',
+        'websiteId',
+        'isSectionRoot',
+        'siteName',
+        'internal_identifier',
+        'configurationId',
+        'renderWithBaseLayout',
+        'roles',
+        'useMarkdown',
+        'parentItemId',
+        'tag_list',
+        // if an article is part of a blog then you can edit the excerpt
+        'canEditExcerpt',
+        {name: 'createdAt', mapping: 'created_at', type: 'date'},
+        {name: 'updatedAt', mapping: 'updated_at', type: 'date'}
+    ]
+});
+
+var siteContentsStore = Ext.create('Ext.data.TreeStore', {
+    model: 'SiteContentsModel',
+    proxy: {
+        type: 'ajax',
+        url: '/knitkit/erp_app/desktop/site/build_content_tree',
+        timeout: 90000,
+        reader: {
+            type: 'json'
+        }
+    },
+    root: {
+        text: 'Sections/Web Pages',
+        iconCls: 'icon-ia',
+        expanded: true
+    },
+    listeners: {
+        beforeexpand: function (node, eOpts) {
+            if (!node.isRoot()) {
+                var tree = node.getOwnerTree();
+                tree.getStore().getProxy().setExtraParam('record_type', node.get('recordType'));
+                tree.getStore().getProxy().setExtraParam('record_id', node.get('recordId'));
+            }
+        }
+    }
+});
+
+var pluginItems = [];
+
+pluginItems.push({
+    ptype: 'treeviewdragdrop'
+});
+
+var viewConfigItems = {
+    markDirty: false,
+    plugins: pluginItems,
+    listeners: {
+        'beforedrop': function (dom, data, overModel, dropPosition, dropHandlers, options) {
+            var record = data.records.first();
+
+            if (record.get('objectType') == 'Article') {
+                if (overModel.get('isSection')) {
+                    return false;
+                }
+            }
+        },
+        'drop': function (dom, data, overModel, dropPosition, options) {
+            var positionArray = [],
+                record = data.records.first(),
+                result = true,
+                counter = 0;
+
+            if (record.get('isSection') || record.get('isDocument')) {
+                // if the record is modified and the parentId has changed we need to change
+                // the section parent
+                if (record.modified && record.modified.parentId) {
+                    Ext.Ajax.request({
+                        url: '/knitkit/erp_app/desktop/position/change_section_parent',
+                        method: 'PUT',
+                        params: {
+                            section_id: record.get('id').split('_')[1],
+                            parent_id: record.get('parentId').split('_')[1]
+                        },
+                        success: function (response) {
+                            var obj = Ext.decode(response.responseText);
+                            if (!obj.success) {
+                                Ext.Msg.alert("Error", obj.message);
+                                result = false;
+                            }
+                        },
+                        failure: function (response) {
+                            Ext.Msg.alert('Error', 'Error saving positions.');
+                            result = false;
+                        }
+                    });
+                }
+                else {
+                    overModel.parentNode.eachChild(function (node) {
+                        if (node.get('isSection') || record.get('isDocument')) {
+                            positionArray.push({
+                                id: node.data.id.split('_')[1],
+                                position: counter
+                            });
+                            counter++;
+                        }
+                    });
+
+                    Ext.Ajax.request({
+                        url: '/knitkit/erp_app/desktop/position/update_section_position',
+                        method: 'PUT',
+                        jsonData: {
+                            position_array: positionArray
+                        },
+                        success: function (response) {
+                            var obj = Ext.decode(response.responseText);
+                            if (!obj.success) {
+                                Ext.Msg.alert("Error", obj.message);
+                                result = false;
+                            }
+                        },
+                        failure: function (response) {
+                            Ext.Msg.alert('Error', 'Error saving positions.');
+                            result = false;
+                        }
+                    });
+                }
+            }
+            // this is an article
+            else {
+                if (record.modified && record.modified.parentId) {
+                    result = false;
+                }
+                else {
+                    overModel.parentNode.eachChild(function (node) {
+                        positionArray.push({
+                            id: node.get('id'),
+                            position: counter
+                        });
+                        counter++;
+                    });
+
+                    Ext.Ajax.request({
+                        url: '/knitkit/erp_app/desktop/position/update_article_position',
+                        method: 'PUT',
+                        jsonData: {
+                            position_array: positionArray
+                        },
+                        params: {
+                            section_id: record.parentNode.get('id').split('_')[1]
+                        },
+                        success: function (response) {
+                            var obj = Ext.decode(response.responseText);
+                            if (!obj.success) {
+                                Ext.Msg.alert("Error", obj.message);
+                                result = false;
+                            }
+                        },
+                        failure: function (response) {
+                            Ext.Msg.alert('Error', 'Error saving positions.');
+                            result = false;
+                        }
+                    });
+                }
+            }
+
+            return result;
+        }
+    }
+};
+
+Ext.define("Compass.ErpApp.Desktop.Applications.SiteContentsTreePanel", {
+
+    extend: "Ext.tree.Panel",
+    id: 'knitkitSiteContentsTreePanel',
+    itemId: 'knitkitSiteContentsTreePanel',
+    alias: 'widget.knitkit_sitecontentstreepanel',
+    header: false,
+
+    viewConfig: viewConfigItems,
+    store: siteContentsStore,
+    enableDD: true,
+
+    editSectionLayout: function (sectionName, sectionId, websiteId) {
+        var self = this;
+
+        Ext.Ajax.request({
+            url: '/knitkit/erp_app/desktop/section/get_layout',
+            method: 'POST',
+            params: {
+                id: sectionId
+            },
+            success: function (response) {
+                self.initialConfig['centerRegion'].editSectionLayout(
+                    sectionName,
+                    websiteId,
+                    sectionId,
+                    response.responseText,
+                    [
+                        {
+                            text: 'Insert Content Area',
+                            handler: function (btn) {
+                                var codeMirror = btn.findParentByType('codemirror');
+                                Ext.MessageBox.prompt('New File', 'Please enter content area name:', function (btn, text) {
+                                    if (btn == 'ok') {
+                                        codeMirror.insertContent('<%=render_content_area(:' + text + ')%>');
+                                    }
+
+                                });
+                            }
+                        }
+                    ]);
+            },
+            failure: function (response) {
+                Ext.Msg.alert('Error', 'Error loading section layout.');
+            }
+        });
+    },
+
+    clearWebsite: function () {
+        var store = this.getStore();
+        store.getProxy().extraParams = {};
+        store.load();
+    },
+
+    selectWebsite: function (website) {
+        var store = this.getStore();
+        store.getProxy().extraParams = {
+            website_id: website.id
+        };
+        store.load();
+    },
+
+    listeners: {
+        'itemclick': function (view, record, htmlItem, index, e) {
+            var self = this;
+            e.stopEvent();
+            if (record.data['isSection']) {
+                self.initialConfig['centerRegion'].openIframeInTab(record.data.text, record.data['url']);
+            }
+            else if (record.data['objectType'] === "Article") {
+                var url = '/knitkit/erp_app/desktop/articles/show/' + record.data.id;
+
+                Ext.Ajax.request({
+                    url: url,
+                    method: 'GET',
+                    extraParams: {
+                        id: record.data.id
+                    },
+                    timeout: 90000,
+                    success: function (response) {
+                        var article = Ext.decode(response.responseText);
+                        self.initialConfig['centerRegion'].editContent(record.data.text, record.data.id, article.body_html, record.data['siteId'], 'article');
+                    }
+                });
+            }
+            else if (record.data['isDocument']) {
+                var contentInfo = record.data['contentInfo'];
+                if (record.data['useMarkdown']) {
+                    self.initialConfig['centerRegion'].editDocumentationMarkdown(
+                        contentInfo.title,
+                        record.data['siteId'],
+                        contentInfo.id,
+                        contentInfo.body_html,
+                        []
+                    );
+                }
+                else {
+                    self.initialConfig['centerRegion'].editContent(
+                        record.data['contentInfo'].title,
+                        record.data['contentInfo'].id,
+                        record.data['contentInfo'].body_html,
+                        record.data['siteId'],
+                        'article'
+                    );
+                }
+            }
+        },
+        'itemcontextmenu': function (view, record, htmlItem, index, e) {
+            e.stopEvent();
+            var items = [];
+
+            if (!Compass.ErpApp.Utility.isBlank(record.data['url'])) {
+                items.push({
+                    text: 'View In Web Navigator',
+                    iconCls: 'icon-globe',
+                    listeners: {
+                        'click': function () {
+                            var webNavigator = window.compassDesktop.getModule('web-navigator-win');
+                            webNavigator.createWindow(record.data['url']);
+                        }
+                    }
+                });
+            }
+
+            if (record.isRoot() && record.hasChildNodes()) {
+                items = [
+                    Compass.ErpApp.Desktop.Applications.Knitkit.newSectionMenuItem,
+                    Compass.ErpApp.Desktop.Applications.Knitkit.editWebsiteMenuItem(false),
+                    Compass.ErpApp.Desktop.Applications.Knitkit.configureWebsiteMenuItem(false),
+                    Compass.ErpApp.Desktop.Applications.Knitkit.exportWebsiteMenuItem(false),
+                    Compass.ErpApp.Desktop.Applications.Knitkit.websitePublicationsMenuItem(false),
+                    Compass.ErpApp.Desktop.Applications.Knitkit.websitePublishMenuItem(false),
+                    Compass.ErpApp.Desktop.Applications.Knitkit.websiteInquiresMenuItem(false)
+                ];
+            }
+
+            if (record.data['isDocument']) {
+                items = Compass.ErpApp.Desktop.Applications.Knitkit.addDocumentOptions(self, items, record);
+            }
+
+            if (record.data['objectType'] === "Article") {
+
+                items = Compass.ErpApp.Desktop.Applications.Knitkit.addArticleOptions(self, items, record);
+            }
+
+            if (record.data['isSection']) {
+                items = Compass.ErpApp.Desktop.Applications.Knitkit.addSectionOptions(self, items, record);
+            }
+            else if (record.data['isWebsite']) {
+                items = Compass.ErpApp.Desktop.Applications.Knitkit.addWebsiteOptions(self, items, record);
+            }
+
+            if (items.length != 0) {
+                var contextMenu = Ext.create("Ext.menu.Menu", {
+                    items: items
+                });
+                contextMenu.showAt(e.xy);
+            }
+        }
+    },
+
+    initComponent: function (config) {
+        config = Ext.apply({
+        }, config);
+
+        this.callParent([config]);
+    }
+});

data/public/javascripts/erp_app/desktop/applications/knitkit/west_region/themes_tree_panel.js

@@ -0,0 +1,348 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.ThemesTreePanel", {
+    extend: "Compass.ErpApp.Shared.FileManagerTree",
+    alias: 'widget.knitkit_themestreepanel',
+    itemId: 'themesTreePanel',
+
+    clearWebsite: function () {
+        var store = this.getStore();
+        store.getProxy().extraParams = {};
+        store.load();
+    },
+
+    selectWebsite: function (website) {
+        var store = this.getStore();
+        store.getProxy().extraParams = {
+            website_id: website.id
+        };
+        store.load();
+    },
+
+    themeWidget: function (node) {
+        var self = this;
+
+        Ext.create("Ext.window.Window", {
+            layout: 'fit',
+            width: 375,
+            title: 'Theme Widget',
+            plain: true,
+            buttonAlign: 'center',
+            items: Ext.create('widget.form', {
+                labelWidth: 110,
+                frame: false,
+                bodyStyle: 'padding:5px 5px 0',
+                fileUpload: true,
+                url: '/knitkit/erp_app/desktop/theme/theme_widget',
+                defaults: {
+                    width: 300
+                },
+                items: [
+                    {
+                        xtype: 'hidden',
+                        name: 'site_id',
+                        value: node.get('siteId')
+                    },
+                    {
+                        xtype: 'hidden',
+                        name: 'theme_id',
+                        value: node.get('themeId')
+                    },
+                    {
+                        xtype: 'combo',
+                        hiddenName: 'widget_id',
+                        name: 'widget_id',
+                        store: Ext.create("Ext.data.Store", {
+                            proxy: {
+                                url: '/knitkit/erp_app/desktop/theme/available_widgets',
+                                type: 'ajax',
+                                reader: {
+                                    type: 'json',
+                                    root: 'widgets'
+                                },
+                                extraParams: {
+                                    theme_id: node.get('themeId')
+                                }
+                            },
+                            fields: [
+                                {
+                                    name: 'name'
+                                },
+                                {
+                                    name: 'id'
+                                }
+                            ]
+                        }),
+                        forceSelection: true,
+                        editable: false,
+                        fieldLabel: 'Widget',
+                        emptyText: 'Select Widget...',
+                        typeAhead: false,
+                        mode: 'remote',
+                        displayField: 'name',
+                        valueField: 'id',
+                        allowBlank: false
+                    }
+                ]
+            }),
+            buttons: [
+                {
+                    text: 'Submit',
+                    listeners: {
+                        'click': function (button) {
+                            var window = this.up('window'),
+                                form = window.query('form')[0].getForm();
+
+                            if (form.isValid()) {
+                                form.submit({
+                                    waitMsg: 'Generating layout files for widget...',
+                                    success: function (form, action) {
+                                        var obj = Ext.decode(action.response.responseText);
+                                        if (obj.success) {
+                                            self.getStore().load({
+                                                node: node,
+                                                callback: function(){
+                                                    node.expand();
+                                                }
+                                            });
+                                        }
+                                        window.close();
+                                    },
+                                    failure: function (form, action) {
+                                        Ext.Msg.alert("Error", "Error generating layouts");
+                                    }
+                                });
+                            }
+                        }
+                    }
+                },
+                {
+                    text: 'Close',
+                    handler: function (btn) {
+                        btn.up('window').close();
+                    }
+                }
+            ]
+        }).show();
+    },
+
+    updateThemeActiveStatus: function (node, active) {
+        var self = this;
+
+        self.initialConfig['centerRegion'].setWindowStatus('Updating Status...');
+
+        Ext.Ajax.request({
+            url: '/knitkit/erp_app/desktop/theme/change_status',
+            method: 'POST',
+            params: {
+                theme_id: node.data.id,
+                website_id: node.data.siteId,
+                active: active
+            },
+            success: function (response) {
+                var obj = Ext.decode(response.responseText);
+                if (obj.success) {
+                    self.initialConfig['centerRegion'].clearWindowStatus();
+
+                    if (active) {
+                        // first update icon for all other theme nodes as they are now deactive
+                        var rootNode = node.getOwnerTree().getRootNode();
+                        rootNode.eachChild(function (childNode) {
+                            childNode.set('iconCls', 'icon-delete');
+                            childNode.set('isActive', false);
+                        });
+
+                        // then update this node to be active
+                        node.set('iconCls', 'icon-add');
+                        node.set('isActive', true);
+                    }
+                    else {
+                        node.set('iconCls', 'icon-delete');
+                        node.set('isActive', false);
+                    }
+                }
+                else {
+                    Ext.Msg.alert('Error', 'Error updating status');
+                    self.initialConfig['centerRegion'].clearWindowStatus();
+                }
+            },
+            failure: function (response) {
+                self.initialConfig['centerRegion'].clearWindowStatus();
+                Ext.Msg.alert('Error', 'Error updating status');
+            }
+        });
+    },
+
+    deleteTheme: function (themeId) {
+        var self = this;
+        self.initialConfig['centerRegion'].setWindowStatus('Deleting theme...');
+        Ext.Ajax.request({
+            url: '/knitkit/erp_app/desktop/theme/delete',
+            method: 'POST',
+            params: {
+                theme_id: themeId
+            },
+            success: function (response) {
+                var obj = Ext.decode(response.responseText);
+                if (obj.success) {
+                    self.initialConfig['centerRegion'].clearWindowStatus();
+                    self.getStore().load({
+                        node: self.getRootNode()
+                    });
+                }
+                else {
+                    Ext.Msg.alert('Error', 'Error deleting theme');
+                    self.initialConfig['centerRegion'].clearWindowStatus();
+                }
+            },
+            failure: function (response) {
+                self.initialConfig['centerRegion'].clearWindowStatus();
+                Ext.Msg.alert('Error', 'Error deleting theme');
+            }
+        });
+    },
+
+    exportTheme: function (themeId) {
+        var self = this;
+        self.initialConfig['centerRegion'].setWindowStatus('Exporting theme...');
+        window.open('/knitkit/erp_app/desktop/theme/export?id=' + themeId, '_blank');
+        self.initialConfig['centerRegion'].clearWindowStatus();
+    },
+
+    constructor: function (config) {
+        var self = this;
+
+        config = Ext.apply({
+            autoLoadRoot: true,
+            rootVisible: true,
+            multiSelect: true,
+            title: 'Themes',
+            rootText: 'Themes',
+            handleRootContextMenu: true,
+            controllerPath: '/knitkit/erp_app/desktop/theme',
+            autoDestroy: true,
+            allowDownload: true,
+            addViewContentsToContextMenu: true,
+            standardUploadUrl: '/knitkit/erp_app/desktop/theme/upload_file',
+            url: '/knitkit/erp_app/desktop/theme/index',
+            fields: [
+                'isTheme',
+                'themeId',
+                'isActive',
+                'siteId',
+                'text',
+                'id',
+                'url',
+                'leaf',
+                'handleContextMenu',
+                'contextMenuDisabled'
+            ],
+            scroll: 'vertical',
+            //containerScroll: true,
+            listeners: {
+                'load': function (store) {
+                    store.getRootNode().expandChildren();
+                },
+                'showImage': function (fileManager, node, themeId) {
+                    var themeId = null;
+                    var themeNode = node;
+                    while (themeId == null && !Compass.ErpApp.Utility.isBlank(themeNode.parentNode)) {
+                        if (themeNode.data.isTheme) {
+                            themeId = themeNode.data.id;
+                        }
+                        else {
+                            themeNode = themeNode.parentNode;
+                        }
+                    }
+                    self.initialConfig['centerRegion'].showImage(node, themeId);
+                },
+                'contentLoaded': function (fileManager, node, content) {
+                    var themeId = null;
+                    var themeNode = node;
+                    while (themeId == null && !Compass.ErpApp.Utility.isBlank(themeNode.parentNode)) {
+                        if (themeNode.data.isTheme) {
+                            themeId = themeNode.data.id;
+                        }
+                        else {
+                            themeNode = themeNode.parentNode;
+                        }
+                    }
+                    self.initialConfig['centerRegion'].editTemplateFile(node, content, [], themeId);
+                },
+                'handleContextMenu': function (fileManager, node, e) {
+                    var items = [];
+
+                    if (node.isRoot()) {
+                        items.push(Compass.ErpApp.Desktop.Applications.Knitkit.newThemeMenuItem);
+						items.push(Compass.ErpApp.Desktop.Applications.Knitkit.uploadThemeMenuItem);
+                    }
+                    else if (node.data['isTheme']) {
+                        if (node.data['isActive']) {
+                            items.push({
+                                text: 'Deactivate',
+                                iconCls: 'icon-delete',
+                                listeners: {
+                                    'click': function () {
+                                        self.updateThemeActiveStatus(node, false);
+                                    }
+                                }
+                            });
+                        }
+                        else {
+                            items.push({
+                                text: 'Activate',
+                                iconCls: 'icon-add',
+                                listeners: {
+                                    'click': function () {
+                                        self.updateThemeActiveStatus(node, true);
+                                    }
+                                }
+                            });
+                        }
+                        items.push({
+                            text: 'Delete Theme',
+                            iconCls: 'icon-delete',
+                            listeners: {
+                                'click': function () {
+                                    Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this theme?', function (btn) {
+                                        if (btn == 'no') {
+                                            return false;
+                                        }
+                                        else if (btn == 'yes') {
+                                            self.deleteTheme(node.data.id);
+                                        }
+                                    });
+                                }
+                            }
+                        });
+                        items.push({
+                            text: 'Export',
+                            iconCls: 'icon-document_out',
+                            listeners: {
+                                'click': function () {
+                                    self.exportTheme(node.data.id);
+                                }
+                            }
+                        });
+                    }
+                    else if (node.get('text') == 'Widgets') {
+                        items.push({
+                            text: 'Theme Widget',
+                            iconCls: 'icon-picture',
+                            handler: function (btn) {
+                                fileManager.themeWidget(node);
+                            }
+                        });
+                    }
+
+                    var contextMenu = Ext.create('Ext.menu.Menu', {
+                        items: items
+                    });
+                    contextMenu.showAt(e.xy);
+                    return false;
+                }
+            }
+        }, config);
+
+        this.callParent([config]);
+    }
+});
+