knitkit 2.0.5 → 2.0.6

data/public/javascripts/erp_app/desktop/applications/knitkit/west_region/helpers/website_nav_items.js

@@ -0,0 +1,266 @@
+Compass.ErpApp.Desktop.Applications.Knitkit.addWebsiteNavItemOptions = function (self, items, record) {
+if (currentUser.hasApplicationCapability('knitkit', {
+    capability_type_iid:'edit',
+    resource:'MenuItem'
+}))
+
+{
+    items.push({
+        text:'Update Menu Item',
+        iconCls:'icon-edit',
+        handler:function(btn){
+            var addMenuItemWindow = Ext.create("Ext.window.Window",{
+                layout:'fit',
+                width:375,
+                title:'Update Menu Item',
+                height:175,
+                plain: true,
+                buttonAlign:'center',
+                items: new Ext.FormPanel({
+                    labelWidth: 50,
+                    frame:false,
+                    bodyStyle:'padding:5px 5px 0',
+                    url:'/knitkit/erp_app/desktop/website_nav/update_menu_item',
+                    defaults: {
+                        width: 225
+                    },
+                    items: [
+                        {
+                            xtype:'textfield',
+                            fieldLabel:'Title',
+                            value:record.data.text,
+                            allowBlank:false,
+                            name:'title'
+                        },
+                        {
+                            xtype:'combo',
+                            fieldLabel:'Link to',
+                            name:'link_to',
+                            id:'knitkit_nav_item_link_to',
+                            allowBlank:false,
+                            forceSelection:true,
+                            editable:false,
+                            autoSelect:true,
+                            typeAhead: false,
+                            mode: 'local',
+                            triggerAction: 'all',
+                            store:[
+                                ['website_section','Section'],
+                                //['article','Article'],
+                                ['url','Url']
+
+                            ],
+                            value:record.data.linkToType,
+                            listeners:{
+                                'change':function(combo, newValue, oldValue){
+                                    switch(newValue){
+                                        case 'website_section':
+                                            Ext.getCmp('knitkit_website_nav_item_section').show();
+                                            //Ext.getCmp('knitkit_website_nav_item_article').hide();
+                                            Ext.getCmp('knitkit_website_nav_item_url').hide();
+                                            break;
+                                        case 'article':
+                                            Ext.getCmp('knitkit_website_nav_item_section').hide();
+                                            //Ext.getCmp('knitkit_website_nav_item_article').show();
+                                            Ext.getCmp('knitkit_website_nav_item_url').hide();
+                                            break;
+                                        case 'url':
+                                            Ext.getCmp('knitkit_website_nav_item_section').hide();
+                                            //Ext.getCmp('knitkit_website_nav_item_article').hide();
+                                            Ext.getCmp('knitkit_website_nav_item_url').show();
+                                            break;
+                                    }
+                                }
+                            }
+                        },
+                        {
+                            xtype:'combo',
+                            width:300,
+                            id:'knitkit_website_nav_item_section',
+                            hiddenName:'website_section_id',
+                            name:'website_section_id',
+                            loadingText:'Retrieving Sections...',
+                            store:Ext.create("Ext.data.Store",{
+                                proxy:{
+                                    type:'ajax',
+                                    url:'/knitkit/erp_app/desktop/section/existing_sections',
+                                    reader:{
+                                        type:'json'
+                                    },
+                                    extraParams:{
+                                        website_id:record.data.websiteId
+                                    }
+                                },
+                                autoLoad:true,
+                                fields:[
+                                    {
+                                        name:'id'
+                                    },
+                                    {
+                                        name:'title_permalink'
+
+                                    }
+                                ],
+                                listeners:{
+                                    'load':function(store, records, options){
+                                        Ext.getCmp('knitkit_website_nav_item_section').setValue(record.data.linkedToId);
+                                    }
+                                }
+                            }),
+                            forceSelection:true,
+                            editable:false,
+                            fieldLabel:'Section',
+                            autoSelect:true,
+                            typeAhead: false,
+                            queryMode: 'local',
+                            displayField:'title_permalink',
+                            valueField:'id',
+                            hidden:(record.data.linkToType != 'website_section' && record.data.linkToType != 'article')
+                        },
+                        {
+                            xtype:'textfield',
+                            fieldLabel:'Url',
+                            value:record.data.url,
+                            id:'knitkit_website_nav_item_url',
+                            hidden:(record.data.linkToType == 'website_section' || record.data.linkToType == 'article'),
+                            name:'url'
+                        },
+                        {
+                            xtype:'hidden',
+                            name:'website_nav_item_id',
+                            value:record.data.websiteNavItemId
+                        }
+                    ]
+                }),
+                buttons: [{
+                    text:'Submit',
+                    listeners:{
+                        'click':function(button){
+                            var window = button.findParentByType('window');
+                            var formPanel = window.query('form')[0];
+                            self.setWindowStatus('Updating menu item...');
+                            formPanel.getForm().submit({
+                                reset:false,
+                                success:function(form, action){
+                                    self.clearWindowStatus();
+                                    var obj = Ext.decode(action.response.responseText);
+                                    if(obj.success){
+                                        record.data.linkedToId = obj.linkedToId;
+                                        record.data.linkToType = obj.linkToType;
+                                        record.data.url = obj.url;
+                                        //node.getUI().getTextEl().innerHTML = obj.title;
+                                    }
+                                    else{
+                                        Ext.Msg.alert("Error", obj.msg);
+                                    }
+                                },
+                                failure:function(form, action){
+                                    self.clearWindowStatus();
+                                    if(action.response == null){
+                                        Ext.Msg.alert("Error", 'Could not create menu item');
+                                    }
+                                    else{
+                                        var obj = Ext.decode(action.response.responseText);
+                                        Ext.Msg.alert("Error", obj.msg);
+                                    }
+
+                                }
+                            });
+                        }
+                    }
+                },{
+                    text: 'Close',
+                    handler: function(){
+                        addMenuItemWindow.close();
+                    }
+                }]
+            });
+            addMenuItemWindow.show();
+        }
+    });
+}
+
+if(record.data.isSecured){
+    if (currentUser.hasApplicationCapability('knitkit', {
+        capability_type_iid:'unsecure',
+        resource:'MenuItem'
+    }))
+
+    {
+        items.push({
+            text:'Unsecure',
+            iconCls:'icon-document',
+            listeners:{
+                'click':function(){
+                    self.changeSecurityOnMenuItem(record, false);
+                }
+            }
+        });
+    }
+}
+else{
+    if (currentUser.hasApplicationCapability('knitkit', {
+        capability_type_iid:'secure',
+        resource:'MenuItem'
+    }))
+
+    {
+        items.push({
+            text:'Secure',
+            iconCls:'icon-document_lock',
+            listeners:{
+                'click':function(){
+                    self.changeSecurityOnMenuItem(record, true);
+                }
+            }
+        });
+    }
+}
+
+if (currentUser.hasApplicationCapability('knitkit', {
+    capability_type_iid:'delete',
+    resource:'MenuItem'
+}))
+
+{
+    items.push({
+        text:'Delete',
+        iconCls:'icon-delete',
+        handler:function(btn){
+            Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this menu item?', function(btn){
+                if(btn == 'no'){
+                    return false;
+                }
+                else
+                if(btn == 'yes')
+                {
+                    self.setWindowStatus('Deleting menu item...');
+                    Ext.Ajax.request({
+                        url: '/knitkit/erp_app/desktop/website_nav/delete_menu_item',
+                        method: 'POST',
+                        params:{
+                            id:record.data.websiteNavItemId
+                        },
+                        success: function(response) {
+                            self.clearWindowStatus();
+                            var obj = Ext.decode(response.responseText);
+                            if(obj.success){
+                                record.remove(true);
+                            }
+                            else{
+                                Ext.Msg.alert('Error', 'Error deleting menu item');
+                            }
+                        },
+                        failure: function(response) {
+                            self.clearWindowStatus();
+                            Ext.Msg.alert('Error', 'Error deleting menu item');
+                        }
+                    });
+                }
+            });
+        }
+    });
+}
+
+return items;
+}

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

@@ -0,0 +1,1224 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.WestRegion", {
+    extend:"Ext.tab.Panel",
+    id:'knitkitWestRegion',
+    alias:'widget.knitkit_westregion',
+    setWindowStatus:function (status) {
+        this.findParentByType('statuswindow').setStatus(status);
+    },
+
+    clearWindowStatus:function () {
+        this.findParentByType('statuswindow').clearStatus();
+    },
+
+    deleteSection:function (node) {
+        var self = this;
+        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this section?<br> NOTE: Articles belonging to this section will be orphaned.', function (btn) {
+            if (btn == 'no') {
+                return false;
+            }
+            else if (btn == 'yes') {
+                self.setWindowStatus('Deleting Section...');
+                Ext.Ajax.request({
+                    url:'/knitkit/erp_app/desktop/section/delete',
+                    method:'POST',
+                    params:{
+                        id:node.data.id.split('_')[1]
+                    },
+                    success:function (response) {
+                        self.clearWindowStatus();
+                        var obj = Ext.decode(response.responseText);
+                        if (obj.success) {
+                            node.remove(true);
+                        }
+                        else {
+                            Ext.Msg.alert('Error', 'Error deleting section');
+                        }
+                    },
+                    failure:function (response) {
+                        self.clearWindowStatus();
+                        Ext.Msg.alert('Error', 'Error deleting section');
+                    }
+                });
+            }
+        });
+    },
+
+    exportSite:function (id) {
+        var self = this;
+        self.setWindowStatus('Exporting Website...');
+        window.open('/knitkit/erp_app/desktop/site/export?id=' + id, 'mywindow', 'width=400,height=200');
+        self.clearWindowStatus();
+    },
+
+    deleteSite:function (node) {
+        var self = this;
+        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this Website?', function (btn) {
+            if (btn == 'no') {
+                return false;
+            }
+            else if (btn == 'yes') {
+                self.setWindowStatus('Deleting Website...');
+                Ext.Ajax.request({
+                    url:'/knitkit/erp_app/desktop/site/delete',
+                    method:'POST',
+                    params:{
+                        id:node.data.id.split('_')[1]
+                    },
+                    success:function (response) {
+                        self.clearWindowStatus();
+                        var obj = Ext.decode(response.responseText);
+                        if (obj.success) {
+                            node.remove(true);
+                        }
+                        else {
+                            Ext.Msg.alert('Error', 'Error deleting Website');
+                        }
+                    },
+                    failure:function (response) {
+                        self.clearWindowStatus();
+                        Ext.Msg.alert('Error', 'Error deleting Website');
+                    }
+                });
+            }
+        });
+    },
+
+    publish:function (node) {
+        var self = this;
+        var publishWindow = Ext.create('Compass.ErpApp.Desktop.Applications.Knitkit.PublishWindow',{
+            baseParams:{
+                id:node.id.split('_')[1]
+            },
+            url:'/knitkit/erp_app/desktop/site/publish',
+            listeners:{
+                'publish_success':function (window, response) {
+                    if (response.success) {
+                        self.getPublications(node);
+                    }
+                    else {
+                        Ext.Msg.alert('Error', 'Error publishing Website');
+                    }
+                },
+                'publish_failure':function (window, response) {
+                    Ext.Msg.alert('Error', 'Error publishing Website');
+                }
+            }
+        });
+
+        publishWindow.show();
+    },
+
+    editSectionLayout:function (sectionName, sectionId, websiteId) {
+        var self = this;
+        self.selectWebsite(websiteId);
+        self.setWindowStatus('Loading section template...');
+        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 + ')%>');
+                                    }
+
+                                });
+                            }
+                        }
+                    ]);
+                self.clearWindowStatus();
+            },
+            failure:function (response) {
+                self.clearWindowStatus();
+                Ext.Msg.alert('Error', 'Error loading section layout.');
+            }
+        });
+    },
+
+    changeSecurityOnSection:function (node, secure) {
+        var self = this;
+        self.setWindowStatus('Updating section...');
+        Ext.Ajax.request({
+            url:'/knitkit/erp_app/desktop/section/update_security',
+            method:'POST',
+            params:{
+                id:node.data.id.split('_')[1],
+                site_id:node.data.siteId,
+                secure:secure
+            },
+            success:function (response) {
+                var obj = Ext.decode(response.responseText);
+                if (obj.success) {
+                    self.clearWindowStatus();
+                    if (secure) {
+                        node.set('iconCls', 'icon-document_lock');
+                    }
+                    else {
+                        node.set('iconCls', 'icon-document');
+                    }
+                    node.set('isSecured', secure);
+                    node.commit();
+                }
+                else {
+                    Ext.Msg.alert('Error', 'Error securing section');
+                }
+            },
+            failure:function (response) {
+                self.clearWindowStatus();
+                Ext.Msg.alert('Error', 'Error securing section.');
+            }
+        });
+    },
+
+    changeSecurityOnMenuItem:function (node, secure) {
+        var self = this;
+        self.setWindowStatus('Updating menu item security...');
+        Ext.Ajax.request({
+            url:'/knitkit/erp_app/desktop/website_nav/update_security',
+            method:'POST',
+            params:{
+                id:node.data.websiteNavItemId,
+                site_id:node.data.websiteId,
+                secure:secure
+            },
+            success:function (response) {
+                var obj = Ext.decode(response.responseText);
+                if (obj.success) {
+                    self.clearWindowStatus();
+                    if (secure) {
+                        node.set('iconCls', 'icon-document_lock');
+                    }
+                    else {
+                        node.set('iconCls', 'icon-document');
+                    }
+                    node.set('isSecured', secure);
+                    node.commit();
+                }
+                else {
+                    Ext.Msg.alert('Error', 'Error securing menu item');
+                }
+            },
+            failure:function (response) {
+                self.clearWindowStatus();
+                Ext.Msg.alert('Error', 'Error securing menu item');
+            }
+        });
+    },
+
+    selectWebsite:function (websiteId) {
+        var node = this.sitesTree.getStore().getNodeById("website_" + websiteId);
+        if (node.data.iconCls != 'icon-globe') {
+            node.set('iconCls', 'icon-globe');
+            node.commit();
+        }
+        node.parentNode.eachChild(function (child) {
+            if (node.data.id != child.data.id) {
+                if (child.data.iconCls != 'icon-globe_disconnected') {
+                    child.set('iconCls', 'icon-globe_disconnected');
+                    child.commit();
+                }
+            }
+        });
+        var eastRegion = Ext.ComponentQuery.query('#knitkitEastRegion').first();
+        eastRegion.fileAssetsPanel.selectWebsite(websiteId, node.data.text);
+        eastRegion.imageAssetsPanel.selectWebsite(websiteId, node.data.text);
+
+        Compass.ErpApp.Shared.FileManagerTree.extraPostData = {
+            website_id:websiteId
+        };
+    },
+
+    updateWebsiteConfiguration:function (rec) {
+        var configurationWindow = Ext.create("Ext.window.Window", {
+            layout:'fit',
+            width:600,
+            title:'Configuration',
+            height:400,
+            autoScroll:true,
+            plain:true,
+            items:[
+                {
+                    xtype:'sharedconfigurationpanel',
+                    configurationId:rec.get('configurationId')
+                }
+            ]
+        });
+
+        configurationWindow.show();
+    },
+
+    initComponent:function () {
+        var self = this;
+
+        var store = Ext.create('Ext.data.TreeStore', {
+            proxy:{
+                type:'ajax',
+                url:'/knitkit/erp_app/desktop/websites',
+                timeout:90000
+            },
+            root:{
+                text:'Websites',
+                expanded:true
+            },
+            fields:[
+                {
+                    name:'text'
+                },
+                {
+                    name:'iconCls'
+                },
+                {
+                    name:'leaf'
+                },
+                {
+                    name:'canAddMenuItems'
+                },
+                {
+                    name:'isWebsiteNavItem'
+                },
+                {
+                    name:'isSection'
+                },
+                {
+                    name:'isDocument'
+                },
+                {
+                    name:'contentInfo'
+                },
+                {
+                    name:'isHost'
+                },
+                {
+                    name:'isSecured'
+                },
+                {
+                    name:'url'
+                },
+                {
+                    name:'path'
+                },
+                {
+                    name:'inMenu'
+                },
+                {
+                    name:'isBlog'
+                },
+                {
+                    name:'hasLayout'
+                },
+                {
+                    name:'siteId'
+                },
+                {
+                    name:'type'
+                },
+                {
+                    name:'isWebsite'
+                },
+                {
+                    name:'name'
+                },
+                {
+                    name:'title'
+                },
+                {
+                    name:'subtitle'
+                },
+                {
+                    name:'isHostRoot'
+                },
+                {
+                    name:'websiteHostId'
+                },
+                {
+                    name:'host'
+                },
+                {
+                    name:'websiteId'
+                },
+                {
+                    name:'isSectionRoot'
+                },
+                {
+                    name:'isWebsiteNav'
+                },
+                {
+                    name:'isMenuRoot'
+                },
+                {
+                    name:'linkToType'
+                },
+                {
+                    name:'linkedToId'
+                },
+                {
+                    name:'websiteNavItemId'
+                },
+                {
+                    name:'siteName'
+                },
+                {
+                    name:'websiteNavId'
+                },
+                {
+                    name:'internal_identifier'
+                },
+                {
+                    name:'configurationId'
+                },
+                {
+                    name:'renderWithBaseLayout'
+                },
+                {
+                    name:'publication_comments_enabled'
+                }
+            ],
+            listeners:{
+                'load':function(store, node, records){
+                  var websiteId = records[0].id.split('_')[1];
+                  var westRegion = Ext.ComponentQuery.query('#knitkitWestRegion').first();
+                  westRegion.selectWebsite(websiteId);
+                }
+            }
+        });
+
+        var pluginItems = [];
+
+        if (currentUser.hasApplicationCapability('knitkit', {
+            capability_type_iid:'drag_item',
+            resource:'WebsiteTree'
+        })) {
+            pluginItems.push({
+                ptype:'treeviewdragdrop'
+            });
+        }
+
+        var viewConfigItems = {
+            markDirty:false,
+            plugins:pluginItems,
+            listeners:{
+                'beforedrop':function (node, data, overModel, dropPosition, dropFunction, options) {
+                    if (overModel.data['isWebsiteNavItem']) {
+                        return true;
+                    }
+                    else if (overModel.data['isSection']) {
+                        if (overModel.parentNode.data['isSectionRoot']) {
+                            return true;
+                        }
+                    }
+                    else if (overModel.data['isDocument']) {
+                        return true;
+                    }
+                    return false;
+                },
+                'drop':function (node, data, overModel, dropPosition, options) {
+                    var positionArray = [];
+                    var counter = 0;
+                    var dropNode = data.records[0];
+
+                    if (dropNode.data['isWebsiteNavItem']) {
+                        overModel.parentNode.eachChild(function (node) {
+                            positionArray.push({
+                                id:node.data.websiteNavItemId,
+                                position:counter,
+                                klass:'WebsiteNavItem'
+                            });
+                            counter++;
+                        });
+                    }
+                    else {
+                        overModel.parentNode.eachChild(function (node) {
+                            positionArray.push({
+                                id:node.data.id.split('_')[1],
+                                position:counter,
+                                klass:'WebsiteSection'
+                            });
+                            counter++;
+                        });
+                    }
+
+                    Ext.Ajax.request({
+                        url:'/knitkit/erp_app/desktop/position/update',
+                        method:'PUT',
+                        jsonData:{
+                            position_array:positionArray
+                        },
+                        success:function (response) {
+                            var obj = Ext.decode(response.responseText);
+                            if (obj.success) {
+
+                            }
+                            else {
+                                Ext.Msg.alert("Error", obj.message);
+                            }
+                        },
+                        failure:function (response) {
+                            Ext.Msg.alert('Error', 'Error saving positions.');
+                        }
+                    });
+                }
+            }
+        };
+
+        this.sitesTree = new Ext.create('Ext.tree.TreePanel',{
+            viewConfig:viewConfigItems,
+            store:store,
+            region:'center',
+            rootVisible:false,
+            enableDD:true,
+            listeners:{
+                'itemclick':function (view, record, htmlItem, index, e) {
+                    e.stopEvent();
+                    if (record.data['isWebsite']) {
+                        self.selectWebsite(record.data.id.split('_')[1]);
+                    }
+                    else if (record.data['isSection']) {
+                        self.getArticles(record);
+                    }
+                    else if (record.data['isHost']) {
+                        var webNavigator = window.compassDesktop.getModule('web-navigator-win');
+                        webNavigator.createWindow(record.data['url']);
+                    }
+                    else if (record.data['isDocument']) {
+                        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']);
+                                }
+                            }
+                        });
+                    }
+
+                    items = Compass.ErpApp.Desktop.Applications.Knitkit.addMenuOptions(self, items, record);
+
+                    if (record.data['isDocument']) {
+                        items = Compass.ErpApp.Desktop.Applications.Knitkit.addDocumentOptions(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);
+                    }
+                    else if (record.data['isHostRoot']) {
+                        if (currentUser.hasApplicationCapability('knitkit', {
+                            capability_type_iid:'create',
+                            resource:'Host'
+                        })) {
+                            items.push({
+                                text:'Add Host',
+                                iconCls:'icon-add',
+                                listeners:{
+                                    'click':function () {
+                                        var addHostWindow = Ext.create("Ext.window.Window", {
+                                            layout:'fit',
+                                            width:310,
+                                            title:'Add Host',
+                                            height:100,
+                                            plain:true,
+                                            buttonAlign:'center',
+                                            items:Ext.create("Ext.form.Panel", {
+                                                labelWidth:50,
+                                                frame:false,
+                                                bodyStyle:'padding:5px 5px 0',
+                                                width:425,
+                                                url:'/knitkit/erp_app/desktop/site/add_host',
+                                                defaults:{
+                                                    width:225
+                                                },
+                                                items:[
+                                                    {
+                                                        xtype:'textfield',
+                                                        fieldLabel:'Host',
+                                                        name:'host',
+                                                        allowBlank:false
+                                                    },
+                                                    {
+                                                        xtype:'hidden',
+                                                        name:'id',
+                                                        value:record.data.websiteId
+                                                    }
+                                                ]
+                                            }),
+                                            buttons:[
+                                                {
+                                                    text:'Submit',
+                                                    listeners:{
+                                                        'click':function (button) {
+                                                            var window = button.findParentByType('window');
+                                                            var formPanel = window.query('form')[0];
+                                                            self.setWindowStatus('Adding Host...');
+                                                            formPanel.getForm().submit({
+                                                                reset:true,
+                                                                success:function (form, action) {
+                                                                    self.clearWindowStatus();
+                                                                    var obj = Ext.decode(action.response.responseText);
+                                                                    if (obj.success) {
+                                                                        addHostWindow.close();
+                                                                        record.appendChild(obj.node);
+                                                                    }
+                                                                    else {
+                                                                        Ext.Msg.alert("Error", obj.msg);
+                                                                    }
+                                                                },
+                                                                failure:function (form, action) {
+                                                                    self.clearWindowStatus();
+                                                                    Ext.Msg.alert("Error", "Error adding Host");
+                                                                }
+                                                            });
+                                                        }
+                                                    }
+                                                },
+                                                {
+                                                    text:'Close',
+                                                    handler:function () {
+                                                        addHostWindow.close();
+                                                    }
+                                                }
+                                            ]
+                                        });
+                                        addHostWindow.show();
+                                    }
+                                }
+                            });
+                        }
+                    }
+                    else if (record.data['isHost']) {
+                        items = Compass.ErpApp.Desktop.Applications.Knitkit.addHostOptions(self, items, record);
+                    }
+                    else if (record.data['isSectionRoot']) {
+                        if (currentUser.hasApplicationCapability('knitkit', {
+                            capability_type_iid:'create',
+                            resource:'Section'
+                        })) {
+                            items.push({
+                                text:'Add Section',
+                                iconCls:'icon-add',
+                                listeners:{
+                                    'click':function () {
+                                        var addSectionWindow = Ext.create("Ext.window.Window", {
+                                            layout:'fit',
+                                            width:375,
+                                            title:'New Section',
+                                            plain:true,
+                                            buttonAlign:'center',
+                                            items:Ext.create("Ext.form.Panel", {
+                                                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'
+                                                    },
+                                                    {
+                                                        xtype:'textfield',
+                                                        fieldLabel:'Unique Name',
+                                                        allowBlank:true,
+                                                        name:'internal_identifier'
+                                                    },
+                                                    {
+                                                        xtype:'combo',
+                                                        forceSelection:true,
+                                                        store:[
+                                                            ['Page', 'Page'],
+                                                            ['Blog', 'Blog'],
+                                                            ['OnlineDocumentSection', 'Online Document Section']
+                                                        ],
+                                                        value:'Page',
+                                                        fieldLabel:'Type',
+                                                        name:'type',
+                                                        allowBlank:false,
+                                                        triggerAction:'all'
+                                                    },
+                                                    {
+                                                        xtype:'radiogroup',
+                                                        fieldLabel:'Display in menu?',
+                                                        name:'in_menu',
+                                                        columns:2,
+                                                        items:[
+                                                            {
+                                                                boxLabel:'Yes',
+                                                                name:'in_menu',
+                                                                inputValue:'yes',
+                                                                checked:true
+                                                            },
+
+                                                            {
+                                                                boxLabel:'No',
+                                                                name:'in_menu',
+                                                                inputValue:'no'
+                                                            }
+                                                        ]
+                                                    },
+                                                    {
+                                                        xtype:'radiogroup',
+                                                        fieldLabel:'Render with Base Layout?',
+                                                        name:'render_with_base_layout',
+                                                        columns:2,
+                                                        items:[
+                                                            {
+                                                                boxLabel:'Yes',
+                                                                name:'render_with_base_layout',
+                                                                inputValue:'yes',
+                                                                checked:true
+                                                            },
+
+                                                            {
+                                                                boxLabel:'No',
+                                                                name:'render_with_base_layout',
+                                                                inputValue:'no'
+                                                            }
+                                                        ]
+                                                    },
+                                                    {
+                                                        xtype:'hidden',
+                                                        name:'website_id',
+                                                        value:record.data.websiteId
+                                                    }
+                                                ]
+                                            }),
+                                            buttons:[
+                                                {
+                                                    text:'Submit',
+                                                    listeners:{
+                                                        'click':function (button) {
+                                                            var window = button.findParentByType('window');
+                                                            var formPanel = window.query('form')[0];
+                                                            self.setWindowStatus('Creating section...');
+                                                            formPanel.getForm().submit({
+                                                                reset:true,
+                                                                success:function (form, action) {
+                                                                    self.clearWindowStatus();
+                                                                    var obj = Ext.decode(action.response.responseText);
+                                                                    if (obj.success) {
+                                                                        record.appendChild(obj.node);
+                                                                        addSectionWindow.close();
+                                                                    }
+                                                                    else {
+                                                                        Ext.Msg.alert("Error", obj.msg);
+                                                                    }
+                                                                },
+                                                                failure:function (form, action) {
+                                                                    self.clearWindowStatus();
+                                                                    var obj = Ext.decode(action.response.responseText);
+                                                                    if (obj.message) {
+                                                                        Ext.Msg.alert("Error", obj.message);
+                                                                    }
+                                                                    else {
+                                                                        Ext.Msg.alert("Error", "Error creating section.");
+                                                                    }
+                                                                }
+                                                            });
+                                                        }
+                                                    }
+                                                },
+                                                {
+                                                    text:'Close',
+                                                    handler:function () {
+                                                        addSectionWindow.close();
+                                                    }
+                                                }
+                                            ]
+                                        });
+                                        addSectionWindow.show();
+                                    }
+                                }
+                            });
+                        }
+                    }
+                    else if (record.data['isMenuRoot']) {
+                        if (currentUser.hasApplicationCapability('knitkit', {
+                            capability_type_iid:'create',
+                            resource:'Menu'
+                        })) {
+                            items.push({
+                                text:'Add Menu',
+                                iconCls:'icon-add',
+                                handler:function (btn) {
+                                    var addMenuWindow = Ext.create("Ext.window.Window", {
+                                        layout:'fit',
+                                        width:375,
+                                        title:'New Menu',
+                                        height:100,
+                                        plain:true,
+                                        buttonAlign:'center',
+                                        items:Ext.create("Ext.form.Panel", {
+                                            labelWidth:50,
+                                            frame:false,
+                                            bodyStyle:'padding:5px 5px 0',
+                                            url:'/knitkit/erp_app/desktop/website_nav/new',
+                                            defaults:{
+                                                width:225
+                                            },
+                                            items:[
+                                                {
+                                                    xtype:'textfield',
+                                                    fieldLabel:'name',
+                                                    allowBlank:false,
+                                                    name:'name'
+                                                },
+                                                {
+                                                    xtype:'hidden',
+                                                    name:'website_id',
+                                                    value:record.data.websiteId
+                                                }
+                                            ]
+                                        }),
+                                        buttons:[
+                                            {
+                                                text:'Submit',
+                                                listeners:{
+                                                    'click':function (button) {
+                                                        var window = button.findParentByType('window');
+                                                        var formPanel = window.query('form')[0];
+                                                        self.setWindowStatus('Creating menu...');
+                                                        formPanel.getForm().submit({
+                                                            reset:true,
+                                                            success:function (form, action) {
+                                                                self.clearWindowStatus();
+                                                                var obj = Ext.decode(action.response.responseText);
+                                                                if (obj.success) {
+                                                                    record.appendChild(obj.node);
+                                                                }
+                                                                else {
+                                                                    Ext.Msg.alert("Error", obj.msg);
+                                                                }
+                                                            },
+                                                            failure:function (form, action) {
+                                                                self.clearWindowStatus();
+                                                                var obj = Ext.decode(action.response.responseText);
+                                                                Ext.Msg.alert("Error", obj.msg);
+                                                            }
+                                                        });
+                                                    }
+                                                }
+                                            },
+                                            {
+                                                text:'Close',
+                                                handler:function () {
+                                                    addMenuWindow.close();
+                                                }
+                                            }
+                                        ]
+                                    });
+                                    addMenuWindow.show();
+                                }
+                            });
+                        }
+                    }
+                    else if (record.data['isWebsiteNav']) {
+                        if (currentUser.hasApplicationCapability('knitkit', {
+                            capability_type_iid:'edit',
+                            resource:'Menu'
+                        })) {
+                            items.push({
+                                text:'Update',
+                                iconCls:'icon-edit',
+                                handler:function (btn) {
+                                    var updateMenuWindow = Ext.create("Ext.window.Window", {
+                                        layout:'fit',
+                                        width:375,
+                                        title:'Update Menu',
+                                        height:100,
+                                        plain:true,
+                                        buttonAlign:'center',
+                                        items:new Ext.FormPanel({
+                                            labelWidth:50,
+                                            frame:false,
+                                            bodyStyle:'padding:5px 5px 0',
+                                            url:'/knitkit/erp_app/desktop/website_nav/update',
+                                            defaults:{
+                                                width:225
+                                            },
+                                            items:[
+                                                {
+                                                    xtype:'textfield',
+                                                    fieldLabel:'Name',
+                                                    value:record.data.text,
+                                                    id:'knitkit_website_nav_update_name',
+                                                    allowBlank:false,
+                                                    name:'name'
+                                                },
+                                                {
+                                                    xtype:'hidden',
+                                                    name:'website_nav_id',
+                                                    value:record.data.websiteNavId
+                                                }
+                                            ]
+                                        }),
+                                        buttons:[
+                                            {
+                                                text:'Submit',
+                                                listeners:{
+                                                    'click':function (button) {
+                                                        var window = button.findParentByType('window');
+                                                        var formPanel = window.query('form')[0];
+                                                        self.setWindowStatus('Creating menu...');
+                                                        formPanel.getForm().submit({
+                                                            reset:false,
+                                                            success:function (form, action) {
+                                                                self.clearWindowStatus();
+                                                                var obj = Ext.decode(action.response.responseText);
+                                                                if (obj.success) {
+                                                                    var newText = Ext.getCmp('knitkit_website_nav_update_name').getValue();
+                                                                    record.set('text', newText);
+                                                                    record.commit();
+                                                                }
+                                                                else {
+                                                                    Ext.Msg.alert("Error", obj.msg);
+                                                                }
+                                                            },
+                                                            failure:function (form, action) {
+                                                                self.clearWindowStatus();
+                                                                var obj = Ext.decode(action.response.responseText);
+                                                                Ext.Msg.alert("Error", obj.msg);
+                                                            }
+                                                        });
+                                                    }
+                                                }
+                                            },
+                                            {
+                                                text:'Close',
+                                                handler:function () {
+                                                    updateMenuWindow.close();
+                                                }
+                                            }
+                                        ]
+                                    });
+                                    updateMenuWindow.show();
+                                }
+                            });
+                        }
+
+                        if (currentUser.hasApplicationCapability('knitkit', {
+                            capability_type_iid:'delete',
+                            resource:'Menu'
+                        })) {
+                            items.push({
+                                text:'Delete',
+                                iconCls:'icon-delete',
+                                handler:function (btn) {
+                                    Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this menu?', function (btn) {
+                                        if (btn == 'no') {
+                                            return false;
+                                        }
+                                        else if (btn == 'yes') {
+                                            self.setWindowStatus('Deleting menu...');
+                                            Ext.Ajax.request({
+                                                url:'/knitkit/erp_app/desktop/website_nav/delete',
+                                                method:'POST',
+                                                params:{
+                                                    id:record.data.websiteNavId
+                                                },
+                                                success:function (response) {
+                                                    self.clearWindowStatus();
+                                                    var obj = Ext.decode(response.responseText);
+                                                    if (obj.success) {
+                                                        record.remove(true);
+                                                    }
+                                                    else {
+                                                        Ext.Msg.alert('Error', 'Error deleting menu');
+                                                    }
+                                                },
+                                                failure:function (response) {
+                                                    self.clearWindowStatus();
+                                                    Ext.Msg.alert('Error', 'Error deleting menu');
+                                                }
+                                            });
+                                        }
+                                    });
+                                }
+                            });
+                        }
+                    }
+                    else if (record.data['isWebsiteNavItem']) {
+                        items = Compass.ErpApp.Desktop.Applications.Knitkit.addWebsiteNavItemOptions(self, items, record);
+                    }
+                    if (items.length != 0) {
+                        var contextMenu = Ext.create("Ext.menu.Menu", {
+                            items:items
+                        });
+                        contextMenu.showAt(e.xy);
+                    }
+                }
+            }
+        });
+
+        this.contentsCardPanel = Ext.create('Ext.Panel',{
+            layout:'card',
+            region:'south',
+            split:true,
+            height:300,
+            collapsible:true
+        });
+
+        var tbarItems = [];
+
+        if (currentUser.hasApplicationCapability('knitkit', {
+            capability_type_iid:'create',
+            resource:'Website'
+        })) {
+            tbarItems.push({
+                    text:'New Website',
+                    iconCls:'icon-add',
+                    handler:function (btn) {
+                        var addWebsiteWindow = Ext.create("Ext.window.Window", {
+                            title:'New Website',
+                            plain:true,
+                            buttonAlign:'center',
+                            items:new Ext.FormPanel({
+                                labelWidth:110,
+                                frame:false,
+                                bodyStyle:'padding:5px 5px 0',
+                                url:'/knitkit/erp_app/desktop/site/new',
+                                defaults:{
+                                    width:225
+                                },
+                                items:[
+                                    {
+                                        xtype:'textfield',
+                                        fieldLabel:'Name',
+                                        allowBlank:false,
+                                        name:'name'
+                                    },
+                                    {
+                                        xtype:'textfield',
+                                        fieldLabel:'Host',
+                                        allowBlank:false,
+                                        name:'host'
+                                    },
+                                    {
+                                        xtype:'textfield',
+                                        fieldLabel:'Title',
+                                        allowBlank:false,
+                                        name:'title'
+                                    },
+                                    {
+                                        xtype:'textfield',
+                                        fieldLabel:'Sub Title',
+                                        allowBlank:true,
+                                        name:'subtitle'
+                                    }
+                                ]
+                            }),
+                            buttons:[
+                                {
+                                    text:'Submit',
+                                    listeners:{
+                                        'click':function (button) {
+                                            var window = button.findParentByType('window');
+                                            var formPanel = window.query('.form')[0];
+                                            self.setWindowStatus('Creating website...');
+                                            formPanel.getForm().submit({
+                                                success:function (form, action) {
+                                                    self.clearWindowStatus();
+                                                    var obj = Ext.decode(action.response.responseText);
+                                                    if (obj.success) {
+                                                        self.sitesTree.getStore().load();
+                                                        addWebsiteWindow.close();
+                                                    }
+                                                },
+                                                failure:function (form, action) {
+                                                    self.clearWindowStatus();
+                                                    Ext.Msg.alert("Error", "Error creating website");
+                                                }
+                                            });
+                                        }
+                                    }
+                                },
+                                {
+                                    text:'Close',
+                                    handler:function () {
+                                        addWebsiteWindow.close();
+                                    }
+                                }
+                            ]
+                        });
+                        addWebsiteWindow.show();
+                    }
+                }
+            );
+        }
+
+        if (currentUser.hasApplicationCapability('knitkit', {
+            capability_type_iid:'import',
+            resource:'Website'
+        })) {
+            tbarItems.push({
+                text:'Import Website',
+                iconCls:'icon-globe',
+                handler:function (btn) {
+                    var importWebsiteWindow = Ext.create("Ext.window.Window", {
+                        layout:'fit',
+                        width:375,
+                        title:'Import Website',
+                        height:100,
+                        plain:true,
+                        buttonAlign:'center',
+                        items:new Ext.FormPanel({
+                            labelWidth:110,
+                            frame:false,
+                            fileUpload:true,
+                            bodyStyle:'padding:5px 5px 0',
+                            url:'/knitkit/erp_app/desktop/site/import',
+                            defaults:{
+                                width:225
+                            },
+                            items:[
+                                {
+                                    xtype:'fileuploadfield',
+                                    fieldLabel:'Upload Website',
+                                    buttonText:'Upload',
+                                    buttonOnly:false,
+                                    allowBlank:false,
+                                    name:'website_data'
+                                }
+                            ]
+                        }),
+                        buttons:[
+                            {
+                                text:'Submit',
+                                listeners:{
+                                    'click':function (button) {
+                                        var window = button.findParentByType('window');
+                                        var formPanel = window.query('form')[0];
+                                        self.setWindowStatus('Importing website...');
+                                        formPanel.getForm().submit({
+                                            success:function (form, action) {
+                                                self.clearWindowStatus();
+                                                var obj = Ext.decode(action.response.responseText);
+                                                if (obj.success) {
+                                                    self.sitesTree.getStore().load();
+                                                    importWebsiteWindow.close();
+                                                }
+                                                else {
+                                                    Ext.Msg.alert("Error", obj.message);
+                                                }
+                                            },
+                                            failure:function (form, action) {
+                                                self.clearWindowStatus();
+                                                var obj = Ext.decode(action.response.responseText);
+                                                if (obj != null) {
+                                                    Ext.Msg.alert("Error", obj.message);
+                                                }
+                                                else {
+                                                    Ext.Msg.alert("Error", "Error importing website");
+                                                }
+                                            }
+                                        });
+                                    }
+                                }
+                            },
+                            {
+                                text:'Close',
+                                handler:function () {
+                                    importWebsiteWindow.close();
+                                }
+                            }
+                        ]
+                    });
+                    importWebsiteWindow.show();
+                }
+            });
+        }
+
+        var layout = new Ext.Panel({
+            layout:'border',
+            title:'Websites',
+            items:[this.sitesTree, this.contentsCardPanel],
+            tbar:{
+                items:tbarItems
+            }
+        });
+
+        if (currentUser.hasApplicationCapability('knitkit', {
+            capability_type_iid:'view',
+            resource:'Theme'
+        })) {
+            this.items = [layout,
+                {
+                    xtype:'knitkit_themestreepanel',
+                    centerRegion:this.initialConfig['module'].centerRegion
+                },
+                {
+                    xtype:'knitkit_articlesgridpanel',
+                    centerRegion:this.initialConfig['module'].centerRegion
+                }];
+        } else {
+            this.items = [layout,
+                {
+                    xtype:'knitkit_articlesgridpanel',
+                    centerRegion:this.initialConfig['module'].centerRegion
+                }];
+        }
+
+        this.callParent(arguments);
+        this.setActiveTab(0);
+    },
+
+    getArticles:function (node) {
+        this.contentsCardPanel.removeAll(true);
+        var xtype = 'knitkit_' + node.data.type.toLowerCase() + 'articlesgridpanel';
+        this.contentsCardPanel.add({
+            xtype:xtype,
+            title:node.data.siteName + ' - ' + node.data.text + ' - Articles',
+            sectionId:node.data.id.split('_')[1],
+            centerRegion:this.initialConfig['module'].centerRegion,
+            siteId:node.data.siteId
+        });
+        this.contentsCardPanel.getLayout().setActiveItem(this.contentsCardPanel.items.length - 1);
+    },
+
+    getPublications:function (node) {
+        this.contentsCardPanel.removeAll(true);
+        this.contentsCardPanel.add({
+            xtype:'knitkit_publishedgridpanel',
+            title:node.data.siteName + ' Publications',
+            siteId:node.data.id.split('_')[1],
+            centerRegion:this.initialConfig['module'].centerRegion
+        });
+        this.contentsCardPanel.getLayout().setActiveItem(this.contentsCardPanel.items.length - 1);
+    },
+
+    constructor:function (config) {
+        config = Ext.apply({
+            region:'west',
+            split:true,
+            width:350,
+            collapsible:true
+        }, config);
+
+        this.callParent([config]);
+    }
+});