knitkit 2.0.0 → 2.0.1

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

@@ -9,16 +9,16 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
   ['SpellChecker','-','SelectAll'],
   ['TextColor','BGColor'],
   ['Bold','Italic','Underline','Strike'],
-  ['Subscript','Superscript','-','RemoveFormat'],
-  ['NumberedList','BulletedList'],
-  ['Outdent','Indent','Blockquote','CreateDiv'],
+  ['Subscript','Superscript','-','jwplayer'],
+  ['Table','NumberedList','BulletedList'],
+  ['Outdent','Indent','Blockquote'],
   ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
   ['BidiLtr','BidiRtl'],
   ['Link','Unlink','Anchor'],
-  ['jwplayer','Flash','Table'],
   ['HorizontalRule','SpecialChar','PageBreak'],
+  ['ShowBlocks','RemoveFormat'],
   ['Styles','Format','Font','FontSize' ],
-  ['Maximize','ShowBlocks','-','About']
+  ['Maximize','-','About']
   ],
 
   setWindowStatus : function(status){
@@ -45,8 +45,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
   saveSectionLayout : function(sectionId, content){
     var self = this;
     this.setWindowStatus('Saving...');
-    var conn = new Ext.data.Connection();
-    conn.request({
+    Ext.Ajax.request({
       url: '/knitkit/erp_app/desktop/section/save_layout',
       method: 'POST',
       params:{
@@ -73,52 +72,58 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
 
   editSectionLayout : function(sectionName, websiteId, websiteSectionId, content, tbarItems){
     var self = this;
-    var centerRegionLayout = Ext.create("Ext.panel.Panel",{
-      layout:'border',
-      title:sectionName,
-      closable:true,
-      items:[
-      {
-        title:sectionName + ' - Layout',
-        tbarItems:tbarItems,
-        xtype:'codemirror',
-        parser:'erb',
-        region:'center',
-        sourceCode:content,
+    var itemId = 'section-'+websiteSectionId;
+    var item = this.workArea.query('#'+itemId).first();
+
+    if(Compass.ErpApp.Utility.isBlank(item)){
+      item = Ext.create("Ext.panel.Panel",{
+        layout:'border',
+        title:sectionName,
         closable:true,
-        listeners:{
-          'save':function(codeMirror, content){
-            self.saveSectionLayout(websiteSectionId, content);
+        itemId:itemId,
+        items:[
+        {
+          title:sectionName + ' - Layout',
+          tbarItems:tbarItems,
+          xtype:'codemirror',
+          parser:'erb',
+          region:'center',
+          sourceCode:content,
+          closable:true,
+          listeners:{
+            'save':function(codeMirror, content){
+              self.saveSectionLayout(websiteSectionId, content);
+            }
           }
+        },
+        {
+          xtype:'knitkit_versionswebsitesectiongridpanel',
+          websiteSectionId:websiteSectionId,
+          region:'south',
+          height:150,
+          collapsible:true,
+          centerRegion:self,
+          siteId:websiteId
         }
-      },
-      {
-        xtype:'knitkit_versionswebsitesectiongridpanel',
-        websiteSectionId:websiteSectionId,
-        region:'south',
-        height:300,
-        collapsible:true,
-        centerRegion:self,
-        siteId:websiteId
-      }
-      ],
-      listeners:{
-        'show':function(panel){
-          Ext.getCmp('knitkitWestRegion').selectWebsite(websiteId);
+        ],
+        listeners:{
+          'show':function(panel){
+            Ext.getCmp('knitkitWestRegion').selectWebsite(websiteId);
+          }
         }
-      }
-    });
+      });
 
-    this.workArea.add(centerRegionLayout);
-    this.workArea.setActiveTab(this.workArea.items.length - 1);
+      this.workArea.add(item);
+    }
+
+    this.workArea.setActiveTab(item);
     return false;
   },
 
   saveTemplateFile : function(path, content){
     var self = this;
     this.setWindowStatus('Saving...');
-    var conn = new Ext.data.Connection();
-    conn.request({
+    Ext.Ajax.request({
       url: '/knitkit/erp_app/desktop/theme/update_file',
       method: 'POST',
       params:{
@@ -139,38 +144,44 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
     });
   },
 
-  editTemplateFile : function(node, content, tbarItems){
+  editTemplateFile : function(node, content, tbarItems, themeId){
     var self = this;
-    var file_name = node.data.id.split('/').pop().split('.')[0];
+    var fileName = node.data.id.split('/').pop().split('.')[0];
     var fileType = node.data.id.split('.').pop();
-    this.workArea.add(
-    {
-      closable:true,
-      title:file_name,
-      xtype:'panel',
-      layout:'fit',
-      items:[{
-        tbarItems:tbarItems,
-        xtype:'codemirror',
-        parser:fileType,
-        sourceCode:content,
+    var itemId = fileName+themeId;
+    var item = this.workArea.query('#'+itemId).first();
+
+    if(Compass.ErpApp.Utility.isBlank(item)){
+      item = Ext.create('Ext.panel.Panel',{
         closable:true,
-        listeners:{
-          'save':function(codeMirror, content){
-            self.saveTemplateFile(node.data.id, content);
+        title:fileName,
+        itemId:itemId,
+        layout:'fit',
+        items:[{
+          tbarItems:tbarItems,
+          xtype:'codemirror',
+          parser:fileType,
+          sourceCode:content,
+          closable:true,
+          listeners:{
+            'save':function(codeMirror, content){
+              self.saveTemplateFile(node.data.id, content);
+            }
           }
-        }
-      }]
-    });
-    this.workArea.setActiveTab(this.workArea.items.length - 1);
+        }]
+      });
+
+      this.workArea.add(item);
+    }
+
+    this.workArea.setActiveTab(item);
     return false;
   },
 
   saveExcerpt : function(id, content){
     var self = this;
     this.setWindowStatus('Saving...');
-    var conn = new Ext.data.Connection();
-    conn.request({
+    Ext.Ajax.request({
       url: '/knitkit/erp_app/desktop/content/save_excerpt',
       method: 'POST',
       params:{
@@ -202,75 +213,81 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
 
   editExcerpt : function(title, id, content, siteId, contentGridStore){
     var self = this;
-    var ckEditor = Ext.create("Compass.ErpApp.Shared.CKeditor",{
-      autoHeight:true,
-      value:content,
-      ckEditorConfig:{
-        extraPlugins:'compasssave,codemirror,jwplayer',
-        toolbar:self.ckEditorToolbar
-      },
-      listeners:{
-        'save':function(ckEditor, content){
-          self.saveExcerpt(id, content);
-          contentGridStore.load();
+    var itemId = 'editExcerpt-'+id;
+    var item = this.workArea.query('#'+itemId).first();
+
+    if(Compass.ErpApp.Utility.isBlank(item)){
+      var ckEditor = Ext.create("Compass.ErpApp.Shared.CKeditor",{
+        autoHeight:true,
+        value:content,
+        ckEditorConfig:{
+          extraPlugins:'compasssave,jwplayer', // removed codemirror plugin as it is unstable
+          toolbar:self.ckEditorToolbar
+        },
+        listeners:{
+          'save':function(ckEditor, content){
+            self.saveExcerpt(id, content);
+            contentGridStore.load();
+          }
         }
-      }
-    });
-
-    var items = [ {
-      xtype:'panel',
-      layout:'fit',
-      split:true,
-      region:'center',
-      items:ckEditor,
-      autoDestroy:true
-    }];
-
-    if(!Compass.ErpApp.Utility.isBlank(siteId)){
-      items.push( {
-        xtype:'knitkit_versionsbloggridpanel',
-        contentId:id,
-        region:'south',
-        height:300,
-        collapsible:true,
-        centerRegion:self,
-        siteId:siteId
       });
-    }
-    else{
-      items.push({
-        xtype:'knitkit_nonpublishedversionswebsitesectiongridpanel',
-        contentId:id,
-        region:'south',
-        height:300,
-        collapsible:true,
-        centerRegion:self
-      });
-    }
 
-    var centerRegionLayout = Ext.create("Ext.panel.Panel",{
-      layout:'border',
-      title:title,
-      closable:true,
-      items:items,
-      listeners:{
-        'show':function(panel){
-          if(!Compass.ErpApp.Utility.isBlank(siteId)){
-            Ext.getCmp('knitkitWestRegion').selectWebsite(siteId);
+      var items = [ {
+        xtype:'panel',
+        layout:'fit',
+        split:true,
+        region:'center',
+        items:ckEditor,
+        autoDestroy:true
+      }];
+
+      if(!Compass.ErpApp.Utility.isBlank(siteId)){
+        items.push( {
+          xtype:'knitkit_versionsbloggridpanel',
+          contentId:id,
+          region:'south',
+          height:150,
+          collapsible:true,
+          centerRegion:self,
+          siteId:siteId
+        });
+      }
+      else{
+        items.push({
+          xtype:'knitkit_nonpublishedversionswebsitesectiongridpanel',
+          contentId:id,
+          region:'south',
+          height:150,
+          collapsible:true,
+          centerRegion:self
+        });
+      }
+
+      item = Ext.create("Ext.panel.Panel",{
+        layout:'border',
+        title:title,
+        closable:true,
+        items:items,
+        itemId:itemId,
+        listeners:{
+          'show':function(panel){
+            if(!Compass.ErpApp.Utility.isBlank(siteId)){
+              Ext.getCmp('knitkitWestRegion').selectWebsite(siteId);
+            }
           }
         }
-      }
-    })
+      });
 
-    this.workArea.add(centerRegionLayout);
-    this.workArea.setActiveTab(this.workArea.items.length - 1);
+      this.workArea.add(item);
+    }
+    
+    this.workArea.setActiveTab(item);
   },
 
   saveContent : function(id, content, contentType){
     var self = this;
     this.setWindowStatus('Saving...');
-    var conn = new Ext.data.Connection();
-    conn.request({
+    Ext.Ajax.request({
       url: '/knitkit/erp_app/desktop/content/update',
       method: 'POST',
       params:{
@@ -311,8 +328,7 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
       }
     });
 
-    this.workArea.add({
-      xtype:'panel',
+    var item = Ext.create('Ext.panel.Panel',{
       closable:true,
       layout:'fit',
       title:title,
@@ -320,77 +336,98 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
       items:ckEditor,
       autoDestroy:true
     });
-    this.workArea.setActiveTab(this.workArea.items.length - 1);
+
+    this.workArea.add(item);
+    this.workArea.setActiveTab(item);
   },
 
   editContent : function(title, id, content, siteId, contentType, contentGridStore){
     var self = this;
-    var ckEditor = Ext.create("Compass.ErpApp.Shared.CKeditor",{
-      autoHeight:true,
-      //value:content,
-      ckEditorConfig:{
-        extraPlugins:'compasssave,codemirror,jwplayer',
-        toolbar:self.ckEditorToolbar
-      },
-      listeners:{
-        'save':function(ckEditor, content){
-          self.saveContent(id, content, contentType);
-          contentGridStore.load();
+    var itemId = 'editContent-'+id;
+    var item = this.workArea.query('#'+itemId).first();
+
+    if(Compass.ErpApp.Utility.isBlank(item)){
+      var ckEditor = Ext.create("Compass.ErpApp.Shared.CKeditor",{
+        autoHeight:true,
+        //value:content,
+        ckEditorConfig:{
+          extraPlugins:'compasssave,jwplayer', // removed codemirror plugin as it is unstable
+          toolbar:self.ckEditorToolbar
+        },
+        listeners:{
+          'save':function(ckEditor, content){
+            if (currentUser.hasApplicationCapability('knitkit', {
+              capability_type_iid:'edit_html',
+              resource:'Article'
+            }))
+            {
+              self.saveContent(id, content, contentType);
+							if (contentGridStore){
+								contentGridStore.load();
+							}
+              
+            }else{
+              currentUser.showInvalidAccess();
+            }
+          }
         }
-      }
-    });
+      });
 
-    ckEditor.setValue(content);
+      ckEditor.setValue(content);
 
-    var items = [
-    {
-      xtype:'panel',
-      layout:'fit',
-      split:true,
-      region:'center',
-      items:ckEditor,
-      autoDestroy:true
-    }
-    ];
-
-    if(!Compass.ErpApp.Utility.isBlank(siteId)){
-      items.push({
-        xtype:'knitkit_versions'+contentType+'gridpanel',
-        contentId:id,
-        region:'south',
-        height:300,
-        collapsible:true,
-        centerRegion:self,
-        siteId:siteId
-      });
-    }
-    else{
-      items.push({
-        xtype:'knitkit_nonpublishedversionswebsitesectiongridpanel',
-        contentId:id,
-        region:'south',
-        height:300,
-        collapsible:true,
-        centerRegion:self
-      });
-    }
+      var items = [
+      {
+        xtype:'panel',
+        layout:'fit',
+        split:true,
+        region:'center',
+        items:ckEditor,
+        autoDestroy:true
+      }
+      ];
+
+      if(!Compass.ErpApp.Utility.isBlank(siteId)){
+        items.push({
+          xtype:'knitkit_versions'+contentType+'gridpanel',
+          contentId:id,
+          region:'south',
+          height:150,
+          collapsible:true,
+          centerRegion:self,
+          siteId:siteId
+        });
+      }
+      else{
+        items.push({
+          xtype:'knitkit_nonpublishedversionswebsitesectiongridpanel',
+          contentId:id,
+          region:'south',
+          height:150,
+          collapsible:true,
+          centerRegion:self
+        });
+      }
 
-    var centerRegionLayout = Ext.create("Ext.panel.Panel",{
-      layout:'border',
-      title:title,
-      closable:true,
-      items:items,
-      listeners:{
-        'show':function(panel){
-          if(!Compass.ErpApp.Utility.isBlank(siteId)){
-            Ext.getCmp('knitkitWestRegion').selectWebsite(siteId);
+      item = Ext.create('Ext.panel.Panel',{
+        xtype:'panel',
+        layout:'border',
+        title:title,
+        itemId:itemId,
+        closable:true,
+        items:items,
+        listeners:{
+          'show':function(panel){
+            if(!Compass.ErpApp.Utility.isBlank(siteId)){
+              Ext.getCmp('knitkitWestRegion').selectWebsite(siteId);
+            }
           }
         }
-      }
-    });
+      });
 
-    this.workArea.add(centerRegionLayout);
-    this.workArea.setActiveTab(this.workArea.items.length - 1);
+      this.workArea.add(item);
+    }
+
+    this.workArea.setActiveTab(item);
   },
 
   showComment : function(comment){
@@ -406,67 +443,81 @@ Ext.define("Compass.ErpApp.Desktop.Applications.Knitkit.CenterRegion",{
 
   viewContentComments : function(contentId, title){
     var self = this;
-    var centerRegionLayout = Ext.create("Ext.panel.Panel",{
-      layout:'border',
-      title:title,
-      closable:true,
-      items:[
-      {
-        xtype:'panel',
-        layout:'card',
-        split:true,
-        region:'center',
-        items:[],
-        autoDestroy:true
-      },
-      {
-        xtype:'knitkit_commentsgridpanel',
-        contentId:contentId,
-        region:'south',
-        height:300,
-        collapsible:true,
-        centerRegion:self
-      }
-      ]
-    });
-
-    this.workArea.add(centerRegionLayout);
-    this.workArea.setActiveTab(this.workArea.items.length - 1);
+    var itemId = 'contentComments-'+contentId;
+    var item = this.workArea.query('#'+itemId).first();
+
+    if(Compass.ErpApp.Utility.isBlank(item)){
+      item = Ext.create("Ext.panel.Panel",{
+        layout:'border',
+        itemId:itemId,
+        title:title,
+        closable:true,
+        items:[
+        {
+          xtype:'panel',
+          layout:'card',
+          split:true,
+          region:'center',
+          items:[],
+          autoDestroy:true
+        },
+        {
+          xtype:'knitkit_commentsgridpanel',
+          contentId:contentId,
+          region:'south',
+          height:300,
+          collapsible:true,
+          centerRegion:self
+        }
+        ]
+      });
+      this.workArea.add(item);
+    }
+    
+    this.workArea.setActiveTab(item);
   },
 
   viewWebsiteInquiries : function(websiteId, title){
     var self = this;
-    var centerRegionLayout = Ext.create("Ext.panel.Panel",{
-      layout:'border',
-      title:title + " Inquiries",
-      closable:true,
-      items:[
-      {
+    var itemId = 'websiteInqueries-'+websiteId;
+    var item = this.workArea.query('#'+itemId).first();
+
+    if(Compass.ErpApp.Utility.isBlank(item)){
+      item = {
         xtype:'panel',
-        layout:'card',
-        split:true,
-        region:'center',
-        items:[],
-        autoDestroy:true
-      },
-      {
-        xtype:'knitkit_inquiriesgridpanel',
-        websiteId:websiteId,
-        region:'south',
-        height:300,
-        collapsible:true,
-        centerRegion:self
-      }
-      ],
-      listeners:{
-        'show':function(panel){
-          Ext.getCmp('knitkitWestRegion').selectWebsite(websiteId);
+        layout:'border',
+        title:title + " Inquiries",
+        itemId:itemId,
+        closable:true,
+        items:[
+        {
+          xtype:'panel',
+          layout:'card',
+          split:true,
+          region:'center',
+          items:[],
+          autoDestroy:true
+        },
+        {
+          xtype:'knitkit_inquiriesgridpanel',
+          websiteId:websiteId,
+          region:'south',
+          height:300,
+          collapsible:true,
+          centerRegion:self
         }
-      }
-    });
+        ],
+        listeners:{
+          'show':function(panel){
+            Ext.getCmp('knitkitWestRegion').selectWebsite(websiteId);
+          }
+        }
+      };
 
-    this.workArea.add(centerRegionLayout);
-    this.workArea.setActiveTab(this.workArea.items.length - 1);
+      this.workArea.add(item);
+    }
+    
+    this.workArea.setActiveTab(item);
   },
 
   insertHtmlIntoActiveCkEditor : function(html){