knitkit 2.0.0

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

@@ -0,0 +1,573 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.ThemesTreePanel",{
+  extend:"Compass.ErpApp.Shared.FileManagerTree",
+  alias:'widget.knitkit_themestreepanel',
+  initComponent: function() {
+    this.callParent(arguments);
+  },
+
+  updateThemeActiveStatus : function(themeId, siteId, active){
+    var self = this;
+    self.initialConfig['centerRegion'].setWindowStatus('Updating Status...');
+    var conn = new Ext.data.Connection();
+    conn.request({
+      url: '/knitkit/erp_app/desktop/theme/change_status',
+      method: 'POST',
+      params:{
+        theme_id:themeId,
+        site_id:siteId,
+        active:active
+      },
+      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 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;
+    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.initialConfig['centerRegion'].setWindowStatus('Deleting theme...');
+        var conn = new Ext.data.Connection();
+        conn.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,'mywindow','width=400,height=200');
+    self.initialConfig['centerRegion'].clearWindowStatus();
+  },
+
+  themeWidget : function(){
+    var self = this;
+    self.sitesJsonStore.load();
+    var themesJsonStore = Ext.create("Ext.data.Store",{
+      autoLoad:true,
+      proxy:{
+        url:'/knitkit/erp_app/desktop/theme/available_themes',
+        type:'ajax',
+        reader:{
+          type:'json',
+          root:'themes'
+        }
+      },
+      fields: [
+      {
+        name:'name'
+      },
+      {
+        name:'id'
+      }
+      ]
+    });
+    
+    var widgetsJsonStore = Ext.create("Ext.data.Store",{
+      proxy:{
+        url:'/knitkit/erp_app/desktop/theme/available_widgets',
+        type:'ajax',
+        reader:{
+          type:'json',
+          root:'widgets'
+        }
+      },
+      fields: [
+      {
+        name:'name'
+      },
+      {
+        name:'id'
+      }
+      ]
+    });
+
+    var widgetThemeWindow = Ext.create("Ext.window.Window",{
+      layout:'fit',
+      width:375,
+      title:'Theme Widget',
+      plain: true,
+      buttonAlign:'center',
+      items: new Ext.FormPanel({
+        labelWidth: 110,
+        frame:false,
+        bodyStyle:'padding:5px 5px 0',
+        fileUpload: true,
+        url:'/knitkit/erp_app/desktop/theme/theme_widget',
+        defaults: {
+          width: 225
+        },
+        items: [
+        {
+          xtype:'combo',
+          hiddenName:'site_id',
+          name:'site_id',
+          store:self.sitesJsonStore,
+          forceSelection:true,
+          editable:false,
+          fieldLabel:'Website',
+          emptyText:'Select Site...',
+          typeAhead: false,
+          displayField:'name',
+          valueField:'id',
+          allowBlank:false,
+          listeners:{
+            'select':function(combo, records, opts){
+              this.next().enable();
+              themesJsonStore.setExtraParam("site_id", records[0].get("id"));
+              themesJsonStore.load();
+            }
+          }
+        },
+        {
+          xtype:'combo',
+          hiddenName:'theme_id',
+          name:'theme_id',
+          store:themesJsonStore,
+          forceSelection:true,
+          editable:false,
+          disabled:true,
+          fieldLabel:'Theme',
+          emptyText:'Select Theme...',
+          typeAhead: false,
+          mode: 'remote',
+          displayField:'name',
+          valueField:'id',
+          allowBlank:false,
+          listeners:{
+            'select':function(combo, records, opts){
+              this.next().enable();
+              widgetsJsonStore.setExtraParam("theme_id", records[0].get("id"));
+              widgetsJsonStore.load();
+            }
+          }
+        },
+        {
+          xtype:'combo',
+          hiddenName:'widget_id',
+          name:'widget_id',
+          store:widgetsJsonStore,
+          forceSelection:true,
+          editable:false,
+          disabled:true,
+          fieldLabel:'Widget',
+          emptyText:'Select Widget...',
+          typeAhead: false,
+          mode: 'remote',
+          displayField:'name',
+          valueField:'id',
+          allowBlank:false
+        },
+        ]
+      }),
+      buttons: [{
+        text:'Submit',
+        listeners:{
+          'click':function(button){
+            var form = this.up('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:self.getRootNode()
+                    });
+                  }
+                  widgetThemeWindow.close();
+                },
+                failure:function(form, action){
+                  Ext.Msg.alert("Error", "Error generating layouts");
+                }
+              });
+            }
+          }
+        }
+      },{
+        text: 'Close',
+        handler: function(){
+          widgetThemeWindow.close();
+        }
+      }]
+    });
+    widgetThemeWindow.show();
+  },
+  
+  constructor : function(config) {
+    this.sitesJsonStore = Ext.create("Ext.data.Store",{
+      proxy:{
+        url:'/knitkit/erp_app/desktop/site/index',
+        type:'ajax',
+        reader:{
+          type:'json',
+          root:'sites'
+        }
+      },
+      fields: [
+      {
+        name:'name'
+      },
+      {
+        name:'id'
+      }
+      ]
+    });
+
+    var self = this;
+
+    config = Ext.apply({
+      title:'Themes',
+      controllerPath:'/knitkit/erp_app/desktop/theme',
+      autoDestroy:true,
+      allowDownload:true,
+      addViewContentsToContextMenu:true,
+      rootVisible:false,
+      standardUploadUrl:'/knitkit/erp_app/desktop/theme/upload_file',
+      xhrUploadUrl:'/knitkit/erp_app/desktop/theme/upload_file',
+      url:'/knitkit/erp_app/desktop/theme/index',
+      fields:[
+      {
+        name:'isTheme'
+      },
+
+      {
+        name:'isActive'
+      },
+
+      {
+        name:'siteId'
+      },
+
+      {
+        name:'text'
+      },
+
+      {
+        name:'id'
+      },
+
+      {
+        name:'leaf'
+      },
+
+      {
+        name:'handleContextMenu'
+      },
+
+      {
+        name:'contextMenuDisabled'
+      }
+      ],
+      containerScroll: true,
+      listeners:{
+        'contentLoaded':function(fileManager, node, content){
+          self.initialConfig['centerRegion'].editTemplateFile(node, content, []);
+        },
+        'handleContextMenu':function(fileManager, node, e){
+          if(node.data['isTheme']){
+            var items = [];
+            if(node.data['isActive']){
+              items.push({
+                text:'Deactivate',
+                iconCls:'icon-delete',
+                listeners:{
+                  'click':function(){
+                    self.updateThemeActiveStatus(node.data.id, node.data['siteId'], false);
+                  }
+                }
+              });
+            }
+            else{
+              items.push({
+                text:'Activate',
+                iconCls:'icon-add',
+                listeners:{
+                  'click':function(){
+                    self.updateThemeActiveStatus(node.data.id, node.data['siteId'], 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);
+                }
+              }
+            });
+            var contextMenu = new Ext.menu.Menu({
+              items:items
+            });
+            contextMenu.showAt(e.xy);
+            return false;
+          }
+        }
+      },
+      tbar:{
+        items:[
+        {
+          text:'Add Theme',
+          iconCls:'icon-add',
+          handler:function(btn){
+            self.sitesJsonStore.load();
+            var addThemeWindow = Ext.create("Ext.window.Window",{
+              layout:'fit',
+              width:375,
+              title:'New Theme',
+              plain: true,
+              buttonAlign:'center',
+              items: new Ext.FormPanel({
+                labelWidth: 110,
+                frame:false,
+                bodyStyle:'padding:5px 5px 0',
+                fileUpload: true,
+                url:'/knitkit/erp_app/desktop/theme/new',
+                defaults: {
+                  width: 225
+                },
+                items: [
+                {
+                  xtype:'combo',
+                  hiddenName:'site_id',
+                  name:'site_id',
+                  store:self.sitesJsonStore,
+                  forceSelection:true,
+                  editable:false,
+                  fieldLabel:'Website',
+                  emptyText:'Select Site...',
+                  typeAhead: false,
+                  displayField:'name',
+                  valueField:'id',
+                  allowBlank:false
+                },
+                {
+                  xtype:'textfield',
+                  fieldLabel:'Name',
+                  allowBlank:false,
+                  name:'name'
+                },
+                {
+                  xtype:'textfield',
+                  fieldLabel:'Theme ID',
+                  allowBlank:false,
+                  name:'theme_id'
+                },
+                {
+                  xtype:'textfield',
+                  fieldLabel:'Version',
+                  allowBlank:true,
+                  name:'version'
+                },
+                {
+                  xtype:'textfield',
+                  fieldLabel:'Author',
+                  allowBlank:true,
+                  name:'author'
+                },
+                {
+                  xtype:'textfield',
+                  fieldLabel:'HomePage',
+                  allowBlank:true,
+                  name:'homepage'
+                },
+                {
+                  xtype:'textarea',
+                  fieldLabel:'Summary',
+                  allowBlank:true,
+                  name:'summary'
+                }
+                ]
+              }),
+              buttons: [{
+                text:'Submit',
+                listeners:{
+                  'click':function(button){
+                    var window = button.findParentByType('window');
+                    var formPanel = window.query('form')[0];
+                    self.initialConfig['centerRegion'].setWindowStatus('Creating theme...');
+                    formPanel.getForm().submit({
+                      reset:true,
+                      success:function(form, action){
+                        self.initialConfig['centerRegion'].clearWindowStatus();
+                        var obj = Ext.decode(action.response.responseText);
+                        if(obj.success){
+                          self.getStore().load({
+                            node:self.getRootNode()
+                          });
+                        }
+                      },
+                      failure:function(form, action){
+                        self.initialConfig['centerRegion'].clearWindowStatus();
+                        Ext.Msg.alert("Error", "Error creating theme");
+                      }
+                    });
+                  }
+                }
+              },{
+                text: 'Close',
+                handler: function(){
+                  addThemeWindow.close();
+                }
+              }]
+            });
+            addThemeWindow.show();
+          }
+        },
+        {
+          text:'Upload Theme',
+          iconCls:'icon-upload',
+          handler:function(btn){
+            self.sitesJsonStore.load();
+            var uploadThemeWindow = Ext.create("Ext.window.Window",{
+              layout:'fit',
+              width:375,
+              title:'New Theme',
+              plain: true,
+              buttonAlign:'center',
+              items: new Ext.FormPanel({
+                labelWidth: 110,
+                frame:false,
+                bodyStyle:'padding:5px 5px 0',
+                fileUpload: true,
+                url:'/knitkit/erp_app/desktop/theme/new',
+                defaults: {
+                  width: 225
+                },
+                items: [
+                {
+                  xtype:'combo',
+                  hiddenName:'site_id',
+                  name:'site_id',
+                  store:self.sitesJsonStore,
+                  forceSelection:true,
+                  editable:false,
+                  fieldLabel:'Website',
+                  emptyText:'Select Site...',
+                  typeAhead: false,
+                  displayField:'name',
+                  valueField:'id',
+                  allowBlank:false
+                },
+                {
+                  xtype:'fileuploadfield',
+                  fieldLabel:'Upload Theme',
+                  buttonText:'Upload',
+                  buttonOnly:false,
+                  allowBlank:true,
+                  name:'theme_data'
+                }
+                ]
+              }),
+              buttons: [{
+                text:'Submit',
+                listeners:{
+                  'click':function(button){
+                    var form = this.up('window').query('form')[0].getForm();
+                    if(form.isValid()){
+                      form.submit({
+                        waitMsg: 'Creating theme...',
+                        success:function(form, action){
+                          var obj = Ext.decode(action.response.responseText);
+                          if(obj.success){
+                            self.getStore().load({
+                              node:self.getRootNode()
+                            });
+                          }
+                          uploadThemeWindow.close();
+                        },
+                        failure:function(form, action){
+                          Ext.Msg.alert("Error", "Error creating theme");
+                        }
+                      });
+                    }
+                  }
+                }
+              },{
+                text: 'Close',
+                handler: function(){
+                  uploadThemeWindow.close();
+                }
+              }]
+            });
+            uploadThemeWindow.show();
+          }
+        },
+        {
+          text:'Theme Widget',
+          iconCls:'icon-picture',
+          handler:function(btn){
+            self.themeWidget();
+          }
+        }
+        ]
+      }
+    }, config);
+
+    this.callParent([config]);
+  }
+});