Adding accidentally omitted js files for vendor payout manager
This commit is contained in:
Martin Kamerbeek
parent
7ce918852e
commit
e23f33ee8c
1 changed files with 223 additions and 0 deletions
223
www/extras/VendorPayout/vendorPayout.js
Normal file
223
www/extras/VendorPayout/vendorPayout.js
Normal file
|
|
@ -0,0 +1,223 @@
|
||||||
|
if (typeof WebGUI == "undefined" || !WebGUI) {
|
||||||
|
var WebGUI = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
WebGUI.VendorPayout = function ( containerId ) {
|
||||||
|
var obj = this;
|
||||||
|
this.container = document.getElementById( containerId );
|
||||||
|
|
||||||
|
// Vendors data table
|
||||||
|
this.vendorList = document.createElement('div');
|
||||||
|
this.container.appendChild( this.vendorList );
|
||||||
|
|
||||||
|
// (De)schedule buttons
|
||||||
|
this.buttonDiv = document.createElement('div');
|
||||||
|
this.container.appendChild( this.buttonDiv );
|
||||||
|
this.scheduleAllButton = new YAHOO.widget.Button({ label: 'Schedule all', container: this.buttonDiv });
|
||||||
|
this.descheduleAllButton = new YAHOO.widget.Button({ label: 'Deschedule all', container: this.buttonDiv });
|
||||||
|
|
||||||
|
// Submit button
|
||||||
|
this.submitPayoutsButton = new YAHOO.widget.Button({ label: 'Submit Scheduled Payouts', container: this.buttonDiv });
|
||||||
|
this.submitPayoutsButton.on( 'click', function () {
|
||||||
|
YAHOO.util.Connect.asyncRequest( 'GET', '/?shop=vendor;method=submitScheduledPayouts', {
|
||||||
|
success: obj.initialize,
|
||||||
|
scope: obj
|
||||||
|
} );
|
||||||
|
} );
|
||||||
|
|
||||||
|
// Payout details data table
|
||||||
|
this.payoutDetails = document.createElement('div');
|
||||||
|
this.container.appendChild( this.payoutDetails );
|
||||||
|
|
||||||
|
|
||||||
|
this.itemBaseUrl = '/?shop=vendor;method=payoutDataAsJSON;';
|
||||||
|
|
||||||
|
// Initialise tables
|
||||||
|
this.initialize();
|
||||||
|
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
|
||||||
|
//----------------------------------------------------------------------------
|
||||||
|
WebGUI.VendorPayout.prototype.initialize = function () {
|
||||||
|
this.initVendorList();
|
||||||
|
this.initPayoutDetails();
|
||||||
|
this.initButtons();
|
||||||
|
}
|
||||||
|
|
||||||
|
//----------------------------------------------------------------------------
|
||||||
|
WebGUI.VendorPayout.prototype.initVendorList = function () {
|
||||||
|
var obj = this;
|
||||||
|
this.vendorSchema = [
|
||||||
|
{ key: 'vendorId' },
|
||||||
|
{ key: 'name' },
|
||||||
|
{ key: 'Scheduled' },
|
||||||
|
{ key: 'NotPaid' }
|
||||||
|
];
|
||||||
|
|
||||||
|
// setup data source
|
||||||
|
var url = '/?shop=vendor;method=vendorTotalsAsJSON;';
|
||||||
|
this.vendorDataSource = new YAHOO.util.DataSource( url );
|
||||||
|
this.vendorDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
|
||||||
|
this.vendorDataSource.responseSchema = {
|
||||||
|
resultsList : 'vendors',
|
||||||
|
fields : this.vendorSchema
|
||||||
|
};
|
||||||
|
|
||||||
|
// initialize data table
|
||||||
|
this.vendorDataTable = new YAHOO.widget.DataTable( this.vendorList, this.vendorSchema, this.vendorDataSource, {
|
||||||
|
selectionMode : 'single'
|
||||||
|
} );
|
||||||
|
|
||||||
|
// add handlers for rowhighlighting/selection
|
||||||
|
this.vendorDataTable.subscribe( "rowClickEvent", this.vendorDataTable.onEventSelectRow );
|
||||||
|
this.vendorDataTable.subscribe( "rowMouseoverEvent", this.vendorDataTable.onEventHighlightRow );
|
||||||
|
this.vendorDataTable.subscribe( "rowMouseoutEvent", this.vendorDataTable.onEventUnhighlightRow );
|
||||||
|
|
||||||
|
// add an additional row click handler that fetches this vendor's data for the payout details table
|
||||||
|
this.vendorDataTable.subscribe( "rowClickEvent", function (e) {
|
||||||
|
var record = this.getRecord( e.target );
|
||||||
|
obj.currentVendorId = record.getData( 'vendorId' );
|
||||||
|
obj.currentVendorRow = record;
|
||||||
|
|
||||||
|
obj.refreshItemDataTable();
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
|
||||||
|
//----------------------------------------------------------------------------
|
||||||
|
WebGUI.VendorPayout.prototype.refreshItemDataTable = function () {
|
||||||
|
// Set the url here so pagination keeps working...
|
||||||
|
this.itemDataSource.liveData = this.itemBaseUrl + 'vendorId=' + this.currentVendorId +';';
|
||||||
|
|
||||||
|
this.itemDataSource.sendRequest( '', {
|
||||||
|
success : this.itemDataTable.onDataReturnInitializeTable, //ReplaceRows,
|
||||||
|
scope : this.itemDataTable
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
|
||||||
|
//----------------------------------------------------------------------------
|
||||||
|
WebGUI.VendorPayout.prototype.refreshVendorRow = function () {
|
||||||
|
var obj = this;
|
||||||
|
this.vendorDataSource.sendRequest( 'vendorId=' + this.currentVendorId, {
|
||||||
|
// onDataReturnUpdateRows is not available in yui 2.6.0...
|
||||||
|
success : function ( req, response , payload ) {
|
||||||
|
this.updateRow( obj.currentVendorRow, response.results[0] );
|
||||||
|
},
|
||||||
|
scope : this.vendorDataTable
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
|
||||||
|
//----------------------------------------------------------------------------
|
||||||
|
WebGUI.VendorPayout.prototype.initPayoutDetails = function () {
|
||||||
|
var obj = this;
|
||||||
|
this.itemSchema = [
|
||||||
|
{ key: 'itemId' },
|
||||||
|
{ key: 'configuredTitle' },
|
||||||
|
{ key: 'price' },
|
||||||
|
{ key: 'quantity' },
|
||||||
|
{ key: 'vendorPayoutAmount' },
|
||||||
|
{ key: 'vendorPayoutStatus' }
|
||||||
|
]
|
||||||
|
|
||||||
|
// Create a row formatter to highlight Scheduled payouts
|
||||||
|
var rowFormatter = function ( tr, record ) {
|
||||||
|
if (record.getData('vendorPayoutStatus') === 'Scheduled') {
|
||||||
|
YAHOO.util.Dom.addClass( tr, 'scheduled' );
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
YAHOO.util.Dom.removeClass( tr, 'scheduled' );
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Instanciate the datasource.
|
||||||
|
this.itemDataSource = new YAHOO.util.DataSource( this.itemBaseUrl );
|
||||||
|
this.itemDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
|
||||||
|
this.itemDataSource.responseSchema = {
|
||||||
|
resultsList : 'results',
|
||||||
|
fields : this.itemSchema,
|
||||||
|
metaFields : { totalRecords : 'totalRecords' }
|
||||||
|
};
|
||||||
|
|
||||||
|
// Instanciate the DataTable.
|
||||||
|
this.itemDataTable = new YAHOO.widget.DataTable( this.payoutDetails, this.itemSchema, this.itemDataSource, {
|
||||||
|
dynamicData : true,
|
||||||
|
formatRow : rowFormatter,
|
||||||
|
paginator : new YAHOO.widget.Paginator({ rowsPerPage:10 } ) //, updateOnChange: true })
|
||||||
|
});
|
||||||
|
this.itemDataTable.handleDataReturnPayload = function(oRequest, oResponse, oPayload) {
|
||||||
|
// For some reason oPayload is undefined when we're switch vendors. This is a hack to
|
||||||
|
// still set the paginator correctly.
|
||||||
|
if ( !oPayload ) {
|
||||||
|
oPayload = this;
|
||||||
|
var paginator = this.get('paginator');
|
||||||
|
paginator.set( 'totalRecords', parseInt( oResponse.meta.totalRecords,10) );
|
||||||
|
}
|
||||||
|
oPayload.totalRecords = oResponse.meta.totalRecords;
|
||||||
|
return oPayload;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Add event handlers for mouseover highlighting
|
||||||
|
this.itemDataTable.subscribe( "rowMouseoverEvent", this.itemDataTable.onEventHighlightRow );
|
||||||
|
this.itemDataTable.subscribe( "rowMouseoutEvent", this.itemDataTable.onEventUnhighlightRow );
|
||||||
|
|
||||||
|
// Add a row click handler which takes care of switching between Scheduled and NotPaid.
|
||||||
|
this.itemDataTable.subscribe( "rowClickEvent", function (e) {
|
||||||
|
var record = this.getRecord( e.target );
|
||||||
|
var callback = {
|
||||||
|
scope : this,
|
||||||
|
success : function ( o ) {
|
||||||
|
var status = o.responseText;
|
||||||
|
if ( status.match(/^error/) ) {
|
||||||
|
alert( status );
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update status cell contents
|
||||||
|
this.updateCell( record, 'vendorPayoutStatus', status );
|
||||||
|
|
||||||
|
// Update row higlighting
|
||||||
|
rowFormatter( this.getTrEl( record ), record );
|
||||||
|
|
||||||
|
// Update vendor row
|
||||||
|
obj.refreshVendorRow();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var status = record.getData( 'vendorPayoutStatus' ) === 'NotPaid' ? 'Scheduled' : 'NotPaid';
|
||||||
|
var url = '/?shop=vendor;method=setPayoutStatus' + ';itemId=' + record.getData( 'itemId' ) + ';status=' + status;
|
||||||
|
YAHOO.util.Connect.asyncRequest( 'post', url, callback );
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
|
||||||
|
//----------------------------------------------------------------------------
|
||||||
|
WebGUI.VendorPayout.prototype.initButtons = function () {
|
||||||
|
var obj = this;
|
||||||
|
|
||||||
|
var updateAll = function ( status ) {
|
||||||
|
// TODO: Make this range based.
|
||||||
|
var records = obj.itemDataTable.getRecordSet().getRecords();
|
||||||
|
var itemIds = new Array;
|
||||||
|
for (i = 0; i < records.length; i++) {
|
||||||
|
itemIds.push( 'itemId=' + records[i].getData( 'itemId' ) );
|
||||||
|
}
|
||||||
|
|
||||||
|
var postdata = itemIds.join('&');
|
||||||
|
var url = '/?shop=vendor&method=setPayoutStatus&status=' + status;
|
||||||
|
var callback = {
|
||||||
|
success: function (o) {
|
||||||
|
this.refreshItemDataTable();
|
||||||
|
this.refreshVendorRow();
|
||||||
|
},
|
||||||
|
scope: obj
|
||||||
|
};
|
||||||
|
|
||||||
|
YAHOO.util.Connect.asyncRequest( 'POST', url, callback, postdata );
|
||||||
|
}
|
||||||
|
|
||||||
|
this.scheduleAllButton.on( 'click', function () { updateAll( 'Scheduled' ) } );
|
||||||
|
this.descheduleAllButton.on( 'click', function () { updateAll( 'NotPaid' ) } );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue