erp_invoicing 3.0.0

data/public/javascripts/erp_app/organizer/applications/bill_pay/base.js

@@ -0,0 +1,134 @@
+Ext.ns("Compass.ErpApp.Organizer.Applications.BillPay");
+
+Ext.define("Compass.ErpApp.Organizer.Applications.BillPay.Layout",{
+  extend:"Ext.panel.Panel",
+  alias:'widget.organizer_billpaylayout',
+  accountId:null,
+  constructor : function(config) {
+    var southPanel = Ext.create("Ext.panel.Panel",{
+      layout:'fit',
+      region:'south',
+      height:300,
+      collapsible:true,
+      border:false,
+      items:[config['southComponent']]
+    });
+
+    var centerPanel = Ext.create("Ext.panel.Panel",{
+      layout:'fit',
+      region:'center',
+      autoScroll:true,
+      items:[config['centerComponent']]
+    })
+
+    config = Ext.apply({
+      layout:'border',
+      frame: false,
+      autoScroll:true,
+      region:'center',
+      items:[
+      centerPanel,
+      southPanel
+      ]
+
+    }, config);
+    this.callParent([config]);
+  },
+
+  /**
+   * set the private member accountId
+   * @param {Integer} accountId
+  */
+  setaccountId : function(accountId){
+    this.accountId = accountId;
+  },
+
+
+  loadAccountDetails : function(accountId){
+    if(accountId == null){
+      Ext.Msg.alert('Error', 'Account must be selected.');
+    }
+    else{
+      this.accountId = accountId;
+      var tabPanel = this.query('tabpanel')[0];
+
+      var transactionsGrid = tabPanel.query('billpay_transactionsgridpanel')[0];
+      transactionsGrid.getStore().load({
+        params:{
+          account_id:this.account_id
+        }
+      });
+
+      var paymentAccountsGrid = tabPanel.query('billpay_paymentaccountsgridpanel')[0];
+      paymentAccountsGrid.getStore().load({
+        params:{
+          account_id:this.account_id
+        }
+      });
+
+      tabPanel.setActiveTab(0);
+    }
+  },
+
+  loadRemoteData:function(){
+    this.orderId = null;
+    var accountsGridPanel = this.query('billpay_accountsgridpanel')[0]
+    accountsGridPanel.getStore().load();
+  }
+
+});
+
+Compass.ErpApp.Organizer.Applications.BillPay.Base = function(config){
+
+  //setup extensions
+  Compass.ErpApp.Organizer.Applications.BillPay.loadExtensions();
+
+  var treeMenuStore = Ext.create('Compass.ErpApp.Organizer.DefaultMenuTreeStore', {
+    url:'/erp_invoicing/erp_app/organizer/bill_pay/base/menu',
+    rootText:'Menu',
+    rootIconCls:'icon-content'
+  });
+
+  var menuTreePanel = {
+    xtype:'defaultmenutree',
+    title:'BillPay',
+    store:treeMenuStore,
+    menuRootIconCls:'icon-content',
+    rootNodeTitle:'Menu',
+    treeConfig:{
+      store:treeMenuStore
+    }
+  };
+
+  var southTabPanel = {
+    xtype:'tabpanel',
+    items:[{
+      xtype:'billpay_transactionsgridpanel'
+    },{
+      xtype:'billpay_paymentaccountsgridpanel'
+    }]
+  };
+
+  var layout = {
+    id:'billpay_layout',
+    xtype:'organizer_billpaylayout',
+    centerComponent:{
+      id:'billpay_accountsGrid',
+      xtype:'billpay_accountsgridpanel',
+      listeners:{
+        'itemclick':function(view, record, item, index, e, options){
+          var id = record.get("id");
+          var layout = view.findParentByType('organizer_billpaylayout');
+          layout.loadAccountDetails(id);
+        }
+      }
+    },
+    southComponent:southTabPanel
+  };
+
+  this.setup = function(){
+    config['organizerLayout'].addApplication(menuTreePanel, [layout]);
+  };
+
+};
+

data/public/javascripts/erp_app/organizer/applications/bill_pay/extensions.js

@@ -0,0 +1,112 @@
+Compass.ErpApp.Organizer.Applications.BillPay.loadExtensions = function(){
+  //add Bill Pay tab to individuals tab panel
+  var individualsTabPanel = Ext.getCmp('individualsTabPanel');
+  individualsTabPanel.add({
+    title:'Bill Pay',
+    xtype:'billpay_accountsgridpanel',
+    columns: [
+    {
+      header:'Account Number',
+      sortable: true,
+      dataIndex: 'account_number'
+    },
+    {
+      header:'Payment Due',
+      sortable: true,
+      width:150,
+      dataIndex: 'payment_due'
+    },
+    {
+      header:'Next Billing Date',
+      sortable: true,
+      width:150,
+      dataIndex: 'billing_date'
+    },
+    {
+      header:'Next Payment Due',
+      sortable: true,
+      dataIndex: 'due_date'
+    },
+    {
+      menuDisabled:true,
+      resizable:false,
+      xtype:'actioncolumn',
+      header:'Make Payment',
+      align:'center',
+      width:100,
+      items:[{
+        icon:'/images/icons/creditcards/creditcards_16x16.png',
+        tooltip:'Make Payment',
+        handler :function(grid, rowIndex, colIndex){
+          var rec = grid.getStore().getAt(rowIndex);
+          var makePaymentWindow = Ext.create("Compass.ErpApp.Organizer.Applications.BillPay.MakePaymentWindow",{
+            amount:rec.get('payment_due'),
+            accountId:rec.get('id')
+          });
+          makePaymentWindow.show();
+        }
+      }]
+    },
+    {
+      menuDisabled:true,
+      resizable:false,
+      xtype:'actioncolumn',
+      header:'Account Details',
+      align:'center',
+      width:100,
+      items:[{
+        icon:'/images/icons/about/about_16x16.png',
+        tooltip:'View Account Details',
+        handler :function(grid, rowIndex, colIndex){
+          var rec = grid.getStore().getAt(rowIndex);
+          var accountId = rec.get('id');
+
+          var billPayLayout = Ext.getCmp('billpay_layout');
+          billPayLayout.loadAccountDetails(accountId);
+          var accountsGridPanel = billPayLayout.query('billpay_accountsgridpanel')[0];
+          accountsGridPanel.getStore().load({
+            params:{
+              account_id:accountId,
+              start:1,
+              limit:1
+            }
+          })
+
+          Compass.ErpApp.Organizer.Layout.setActiveCenterItem('billpay_layout', false);
+        }
+      }]
+    },
+    {
+      menuDisabled:true,
+      resizable:false,
+      xtype:'actioncolumn',
+      header:'Delete',
+      align:'center',
+      width:60,
+      items:[{
+        icon:'/images/icons/delete/delete_16x16.png',
+        tooltip:'Delete',
+        handler :function(grid, rowIndex, colIndex){
+          var rec = grid.getStore().getAt(rowIndex);
+          grid.deleteOrder(rec);
+        }
+      }]
+    }
+    ],
+    listeners:{
+      activate:function(grid){
+        var contactsLayout = grid.findParentByType('contactslayout');
+        if(!Compass.ErpApp.Utility.isBlank(contactsLayout.partyId)){
+          var store = grid.getStore();
+          store.proxy.extraParams.party_id = contactsLayout.partyId;
+          store.load({
+            params:{
+              start:0,
+              limit:10
+            }
+          })
+        }
+      }
+    }
+  });
+};

data/public/javascripts/erp_app/organizer/applications/bill_pay/make_payment_window.js

@@ -0,0 +1,103 @@
+Ext.define("Compass.ErpApp.Organizer.Applications.BillPay.MakePaymentWindow",{
+  extend:"Ext.window.Window",
+  alias:'widget.billpay_makepaymentwindow',
+  constructor : function(config) {
+    config = Ext.apply({
+      layout:'fit',
+      width:300,
+      title:'Make Payment',
+      iconCls:'icon-credit_cards',
+      buttonAlign:'center',
+      plain: true,
+      items: Ext.create('Ext.form.Panel',{
+        baseParams:{
+          account_id:config.accountId
+        },
+        url:config['url'],
+        items: [
+        {
+          xtype:'displayfield',
+          value:config['amount'],
+          fieldLabel:'Amount'
+        },
+        {
+          xtype:'combo',
+          name:'payment_account_id',
+          loadingText:'Retrieving Payment Accounts...',
+          store:Ext.create('Ext.data.Store',{
+            proxy:{
+              type:'ajax',
+              reader:{
+                type:'json',
+                root:'payment_accounts'
+              },
+              extraParams:{
+                account_id:config.accountId
+              },
+              url:'/erp_invoicing/erp_app/organizer/bill_pay/accounts/payment_accounts'
+            },
+            fields:[
+            'id',
+            'description'
+            ]
+          }),
+          forceSelection:true,
+          editable:false,
+          fieldLabel:'Payment Account',
+          autoSelect:true,
+          typeAhead: true,
+          mode: 'remote',
+          displayField:'description',
+          valueField:'id',
+          triggerAction: 'all',
+          allowBlank:false
+        }
+        ]
+      }),
+      buttons: [{
+        text:'Submit',
+        listeners:{
+          'click':function(button){
+            var win = button.findParentByType('creditcardwindow');
+            var formPanel = win.findByType('form')[0];
+            //formPanel.findById('credit_card_amount_hidden').setValue(formPanel.findById('credit_card_amount').getValue().replace("$","").replace(",",""));
+            if(win.validateCreditCardInfo(formPanel.getForm())){
+              formPanel.getForm().submit({
+                method:config['method'] || 'POST',
+                waitMsg:'Processing Credit Card...',
+                success:function(form, action){
+                  var response =  Ext.util.JSON.decode(action.response.responseText);
+                  win.fireEvent('charge_response', win, response);
+                },
+                failure:function(form, action){
+                  if(action.response != null){
+                    var response =  Ext.util.JSON.decode(action.response.responseText);
+                    win.fireEvent('charge_failure', win, response);
+                  }
+                  else
+                  {
+                    Ext.Msg.alert("Error", 'Error Processing Credit Card');
+                  }
+                }
+              });
+            }
+          }
+        }
+      },
+      {
+        text: 'Cancel',
+        listeners:{
+          'click':function(button){
+            var win = button.findParentByType('billpay_makepaymentwindow');
+            win.close();
+          }
+        }
+      }]
+    }, config);
+
+    this.callParent([config]);
+  }
+
+});
+
+

data/public/javascripts/erp_app/organizer/applications/bill_pay/payment_accounts_grid_panel.js

@@ -0,0 +1,104 @@
+Ext.define("Compass.ErpApp.Organizer.Applications.BillPay.PaymentAccountsGridPanel",{
+  extend:"Ext.grid.Panel",
+  alias:'widget.billpay_paymentaccountsgridpanel',
+
+  initComponent : function(){
+    this.bbar = Ext.create("Ext.PagingToolbar",{
+      pageSize: this.initialConfig['pageSize'] || 50,
+      store:this.store,
+      displayInfo: true,
+      displayMsg: '{0} - {1} of {2}',
+      emptyMsg: "Empty"
+    });
+
+    this.callParent(arguments);
+  },
+
+  constructor : function(config) {
+    var store = Ext.create("Ext.data.Store",{
+      proxy:{
+        type:'ajax',
+        url: '/erp_invoicing/erp_app/organizer/bill_pay/accounts/payment_accounts',
+        reader:{
+          type:'json',
+          root: 'payment_accounts'
+        }
+      },
+      extraParams:{
+        account_id:null
+      },
+      totalProperty: 'totalCount',
+      idProperty: 'id',
+      fields:[
+      'id',
+      'description',
+      'account_type'
+      ]
+    });
+
+    config = Ext.apply({
+      title:'Payment Accounts',
+      columns: [
+      {
+        header:'Description',
+        sortable: true,
+        dataIndex: 'description'
+      },
+      {
+        header:'Account Type',
+        sortable: true,
+        width:150,
+        dataIndex: 'account_type'
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Edit',
+        align:'center',
+        width:100,
+        items:[{
+          icon:'/images/icons/edit/edit_16x16.png',
+          tooltip:'View Payor Info',
+          handler :function(grid, rowIndex, colIndex){
+           
+          }
+        }]
+      },
+      {
+        menuDisabled:true,
+        resizable:false,
+        xtype:'actioncolumn',
+        header:'Delete',
+        align:'center',
+        width:60,
+        items:[{
+          icon:'/images/icons/delete/delete_16x16.png',
+          tooltip:'Delete',
+          handler :function(grid, rowIndex, colIndex){
+            
+          }
+        }]
+      }
+      ],
+      loadMask: true,
+      autoScroll:true,
+      stripeRows: true,
+      store:store,
+      tbar:{
+        items:[
+        {
+          text: 'Add',
+          xtype:'button',
+          iconCls: 'icon-add',
+          handler: function(btn) {
+            
+          }
+        }
+        ]
+      }
+    }, config);
+
+    this.callParent([config]);
+  }
+});