Notes
Notes - notes.io |
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>UI</title>
<script type="text/javascript" src="static/extjs/ext-all-6.0.2.js"></script>
<link rel="stylesheet" type="text/css" href="static/extjs/theme-triton-all.css">
</head>
<body>
<script>
Ext.onReady(function () {
Ext.create('Ext.panel.Panel', {
title: 'Invoices',
renderTo: Ext.getBody()
});
Ext.create('Ext.data.Store', {
storeId: 'Allinvoices',
pageSize: 20,
autoLoad:true,
enablePaging: true,
proxy: {
type: 'ajax',
url:'connectservlet',
actionMethods :{
read: 'POST'},
extraParams: {
invoicetype: 'all'
},
reader:{
type: 'json',
rootProperty:'rows',
totalProperty: 'results',
successProperty: 'success'
}
},
fields:['id','accountid','documentNumberNorm','companyCode','fiscalYear','branch','customerNumberNorm','fkCustomerMapId','documentDateNorm','baselineDateNorm','dueDateNorm','invoiceNumberNorm','openAmountNorm','paymentTerms','clearingDateNorm','isOpen','orderType','orderDate','businessArea','shipDate','jobId','taxAmt','currentDisputeAmount','shipTo','documentId','documentDate','actualOpenAmount','dueDate','invoiceAge','isvalidDispute','retainageAmount','postingKey','strategyId','currency','debitCreditIndicator','validOpenAmount','customerName']
});
Ext.create('Ext.data.Store', {
storeId: 'Openinvoices',
pageSize: 20,
autoLoad:true,
enablePaging: true,
proxy: {
type: 'ajax',
url:'connectservlet',
actionMethods :{
read: 'POST'},
extraParams: {
invoicetype: 'open'
},
reader:{
type: 'json',
rootProperty:'rows',
totalProperty: 'results',
successProperty: 'success'
}
},
fields:['id','accountid','documentNumberNorm','companyCode','fiscalYear','branch','customerNumberNorm','fkCustomerMapId','documentDateNorm','baselineDateNorm','dueDateNorm','invoiceNumberNorm','openAmountNorm','paymentTerms','clearingDateNorm','isOpen','orderType','orderDate','businessArea','shipDate','jobId','taxAmt','currentDisputeAmount','shipTo','documentId','documentDate','actualOpenAmount','dueDate','invoiceAge','isvalidDispute','retainageAmount','postingKey','strategyId','currency','debitCreditIndicator','validOpenAmount','customerName']
});
Ext.create('Ext.data.Store', {
storeId: 'Closeinvoices',
pageSize: 20,
autoLoad:true,
enablePaging: true,
proxy: {
type: 'ajax',
url:'connectservlet',
actionMethods :{
read: 'POST'},
extraParams: {
invoicetype: 'close'
},
reader:{
type: 'json',
rootProperty:'rows',
totalProperty: 'results',
successProperty: 'success'
}
},
fields:['id','accountid','documentNumberNorm','companyCode','fiscalYear','branch','customerNumberNorm','fkCustomerMapId','documentDateNorm','baselineDateNorm','dueDateNorm','invoiceNumberNorm','openAmountNorm','paymentTerms','clearingDateNorm','isOpen','orderType','orderDate','businessArea','shipDate','jobId','taxAmt','currentDisputeAmount','shipTo','documentId','documentDate','actualOpenAmount','dueDate','invoiceAge','isvalidDispute','retainageAmount','postingKey','strategyId','currency','debitCreditIndicator','validOpenAmount','customerName']
});
var tab_invoices=Ext.create('Ext.TabPanel', {
fullscreen: true,
tabBarPosition: 'bottom',
defaults: {
styleHtmlContent: true
},
items: [
{
xtype: 'gridpanel',
title: 'All invoices',
store: Ext.data.StoreManager.lookup('Allinvoices'),
selModel:{
selType:'checkboxmodel'
},
columns:[
{text:'id' ,dataIndex:'id'},
{text:'Account_id' ,dataIndex: 'accountid'},
{text:'Document_number_norm' ,dataIndex: 'documentNumberNorm'},
{text:'company_code' ,dataIndex: 'companyCode'},
{text:'fiscal_year' ,dataIndex: 'fiscalYear'},
{text:'Branch' ,dataIndex: 'branch'},
{text:'Customer_no_norm' ,dataIndex: 'customerNumberNorm'},
{text:'fkCustomerMapid' ,dataIndex: 'fkCustomerMapId'},
{text:'Document_date_norm' ,dataIndex: 'documentDateNorm'},
{text:'Baseline_date_norm' ,dataIndex: 'baselineDateNorm'},
{text:'Due_date_norm' ,dataIndex: 'dueDateNorm'},
{text:'Invoice_number_norm' ,dataIndex: 'invoiceNumberNorm'},
{text:'Open_account_norm' ,dataIndex: 'openAmountNorm'},
{text:'Payment_terms' ,dataIndex: 'paymentTerms'},
{text:'Clearing_date_norm' ,dataIndex: 'clearingDateNorm'},
{text:'isopen' ,dataIndex: 'isOpen'},
{text:'Order_type' ,dataIndex: 'orderType'},
{text:'Order_date' ,dataIndex: 'orderDate'},
{text:'business_area' ,dataIndex: 'businessArea'},
{text:'ship_date' ,dataIndex: 'shipDate'},
{text:'Job_id' ,dataIndex: 'jobId'},
{text:'tax_amt' ,dataIndex: 'taxAmt'},
{text:'current_dispute_amount' ,dataIndex: 'currentDisputeAmount'},
{text:'Ship_to' ,dataIndex: 'shipTo'},
{text:'Document_id' ,dataIndex: 'documentId'},
{text:'Document_date' ,dataIndex: 'documentDate'},
{text:'Actual_open_amount' ,dataIndex: 'actualOpenAmount'},
{text:'Due_date' ,dataIndex: 'dueDate'},
{text:'Invoice_age' ,dataIndex: 'invoiceAge'},
{text:'IsvalidDispute' ,dataIndex: 'isvalidDispute'},
{text:'Retainage_amount' ,dataIndex: 'retainageAmount'},
{text:'Posting_key' ,dataIndex: 'postingKey'},
{text:'Strategy_id' ,dataIndex: 'strategyId'},
{text:'Currency' ,dataIndex: 'currency'},
{text:'DebitCredit_indicator' ,dataIndex: 'debitCreditIndicator'},
{text:'Valid_open_amount' ,dataIndex: 'validOpenAmount'},
{text:'Customer_name' ,dataIndex: 'customerName'}
],tbar:{
xtype: 'pagingtoolbar',
displayInfo: true,
store: 'Openinvoices'
},
bbar:{
xtype: 'pagingtoolbar',
displayInfo: true,
store: 'Openinvoices'
},
dockedItems: [
{
xtype: 'toolbar',
itemId: 'all_invoices_toolbar',
dock: 'top',
items: [
{
xtype: 'button',
text: 'Edit',
itemId:'all_invoices_edit_button',
disabled: true,
handler: function() {
var editAll=Ext.create('Ext.window.Window', {
title: 'Edit',
itemId: 'all_invoices_edit_panel',
height: 200,
width: 400,
bodyPadding: 10,
items: [
{
xtype: 'textfield',
itemId: 'all_invoices_job_id',
name: 'jobid',
fieldLabel: 'Job ID: ',
allowBlank: false
},
{
xtype: 'textfield',
itemId: 'all_invoices_ship_to',
name: 'shipto',
fieldLabel: 'Ship To: ',
allowBlank: false
},
{
xtype: 'button',
itemId: 'all_invoices_save_edit',
text: 'Save',
handler: function() {
alert("Save button working!");
}
},
{
xtype: 'button',
itemId: 'all_invoices_cancel_edit',
text: 'Cancel',
handler: function() {
editAll.destroy();
}
}
]
}).show()
}
},
{
xtype: 'button',
text: 'Predict',
itemId:'all_invoices_predict_button',
},
{
xtype: 'tbspacer',
width: screen.width*0.78
},
{
xtype: 'button',
text: 'Advanced Search',
itemId:'all_invoices_advancesearch_button',
}
]
},
],
},
{
xtype: 'gridpanel',
title: 'Close invoices',
store: Ext.data.StoreManager.lookup('Closeinvoices'),
selModel:{
selType:'checkboxmodel'
},
columns:[
{text:'id' ,dataIndex:'id'},
{text:'Account_id' ,dataIndex: 'accountid'},
{text:'Document_number_norm' ,dataIndex: 'documentNumberNorm'},
{text:'company_code' ,dataIndex: 'companyCode'},
{text:'fiscal_year' ,dataIndex: 'fiscalYear'},
{text:'Branch' ,dataIndex: 'branch'},
{text:'Customer_no_norm' ,dataIndex: 'customerNumberNorm'},
{text:'fkCustomerMapid' ,dataIndex: 'fkCustomerMapId'},
{text:'Document_date_norm' ,dataIndex: 'documentDateNorm'},
{text:'Baseline_date_norm' ,dataIndex: 'baselineDateNorm'},
{text:'Due_date_norm' ,dataIndex: 'dueDateNorm'},
{text:'Invoice_number_norm' ,dataIndex: 'invoiceNumberNorm'},
{text:'Open_account_norm' ,dataIndex: 'openAmountNorm'},
{text:'Payment_terms' ,dataIndex: 'paymentTerms'},
{text:'Clearing_date_norm' ,dataIndex: 'clearingDateNorm'},
{text:'isopen' ,dataIndex: 'isOpen'},
{text:'Order_type' ,dataIndex: 'orderType'},
{text:'Order_date' ,dataIndex: 'orderDate'},
{text:'business_area' ,dataIndex: 'businessArea'},
{text:'ship_date' ,dataIndex: 'shipDate'},
{text:'Job_id' ,dataIndex: 'jobId'},
{text:'tax_amt' ,dataIndex: 'taxAmt'},
{text:'current_dispute_amount' ,dataIndex: 'currentDisputeAmount'},
{text:'Ship_to' ,dataIndex: 'shipTo'},
{text:'Document_id' ,dataIndex: 'documentId'},
{text:'Document_date' ,dataIndex: 'documentDate'},
{text:'Actual_open_amount' ,dataIndex: 'actualOpenAmount'},
{text:'Due_date' ,dataIndex: 'dueDate'},
{text:'Invoice_age' ,dataIndex: 'invoiceAge'},
{text:'IsvalidDispute' ,dataIndex: 'isvalidDispute'},
{text:'Retainage_amount' ,dataIndex: 'retainageAmount'},
{text:'Posting_key' ,dataIndex: 'postingKey'},
{text:'Strategy_id' ,dataIndex: 'strategyId'},
{text:'Currency' ,dataIndex: 'currency'},
{text:'DebitCredit_indicator' ,dataIndex: 'debitCreditIndicator'},
{text:'Valid_open_amount' ,dataIndex: 'validOpenAmount'},
{text:'Customer_name' ,dataIndex: 'customerName'}
],tbar:{
xtype: 'pagingtoolbar',
displayInfo: true,
store: 'Closeinvoices'
},
bbar:{
xtype: 'pagingtoolbar',
displayInfo: true,
store: 'Closeinvoices'
},
autoheight:true,
autowidth:true
},
{
xtype: 'gridpanel',
title: 'Open invoices',
store: Ext.data.StoreManager.lookup('Openinvoices'),
selModel:{
selType:'checkboxmodel'
},
columns:[
{text:'id' ,dataIndex:'id'},
{text:'Account_id' ,dataIndex: 'accountid'},
{text:'Document_number_norm' ,dataIndex: 'documentNumberNorm'},
{text:'company_code' ,dataIndex: 'companyCode'},
{text:'fiscal_year' ,dataIndex: 'fiscalYear'},
{text:'Branch' ,dataIndex: 'branch'},
{text:'Customer_no_norm' ,dataIndex: 'customerNumberNorm'},
{text:'fkCustomerMapid' ,dataIndex: 'fkCustomerMapId'},
{text:'Document_date_norm' ,dataIndex: 'documentDateNorm'},
{text:'Baseline_date_norm' ,dataIndex: 'baselineDateNorm'},
{text:'Due_date_norm' ,dataIndex: 'dueDateNorm'},
{text:'Invoice_number_norm' ,dataIndex: 'invoiceNumberNorm'},
{text:'Open_account_norm' ,dataIndex: 'openAmountNorm'},
{text:'Payment_terms' ,dataIndex: 'paymentTerms'},
{text:'Clearing_date_norm' ,dataIndex: 'clearingDateNorm'},
{text:'isopen' ,dataIndex: 'isOpen'},
{text:'Order_type' ,dataIndex: 'orderType'},
{text:'Order_date' ,dataIndex: 'orderDate'},
{text:'business_area' ,dataIndex: 'businessArea'},
{text:'ship_date' ,dataIndex: 'shipDate'},
{text:'Job_id' ,dataIndex: 'jobId'},
{text:'tax_amt' ,dataIndex: 'taxAmt'},
{text:'current_dispute_amount' ,dataIndex: 'currentDisputeAmount'},
{text:'Ship_to' ,dataIndex: 'shipTo'},
{text:'Document_id' ,dataIndex: 'documentId'},
{text:'Document_date' ,dataIndex: 'documentDate'},
{text:'Actual_open_amount' ,dataIndex: 'actualOpenAmount'},
{text:'Due_date' ,dataIndex: 'dueDate'},
{text:'Invoice_age' ,dataIndex: 'invoiceAge'},
{text:'IsvalidDispute' ,dataIndex: 'isvalidDispute'},
{text:'Retainage_amount' ,dataIndex: 'retainageAmount'},
{text:'Posting_key' ,dataIndex: 'postingKey'},
{text:'Strategy_id' ,dataIndex: 'strategyId'},
{text:'Currency' ,dataIndex: 'currency'},
{text:'DebitCredit_indicator' ,dataIndex: 'debitCreditIndicator'},
{text:'Valid_open_amount' ,dataIndex: 'validOpenAmount'},
{text:'Customer_name' ,dataIndex: 'customerName'}
],tbar:{
xtype: 'pagingtoolbar',
displayInfo: true,
store: 'Openinvoices'
},
bbar:{
xtype: 'pagingtoolbar',
displayInfo: true,
store: 'Openinvoices'
},
autoheight:true,
autowidth:true
}
],
renderTo: Ext.getBody()
});
Ext.ComponentQuery.query("#all_invoices_panel")[0].getSelectionModel().on('selectionchange',function(){
var checkrows=Ext.ComponentQuery.query("#all_invoices_panel")[0].getSelectionModel().getSelected().length;
if(checkrows!=1){
Ext.ComponentQuery.query("#all_invoices_edit_button")[0].disable();
}
else{
Ext.ComponentQuery.query("#all_invoices_edit_button")[0].enable();
}
});
});
Ext.application({
name : 'Fiddle',
launch : function(){
}
});
</script>
</body>
</html>
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team