JavaScript

getLoanAccountDetails

The user will be able to get all the Transaction History by entering userID and PIN,

then the output will display Transaction History for the specific userID.

We will be able to import useful data from these 3 sources, and to call a function and store the user ID and PIN.

Put the value of getUserID() into the value of userID.
Put the value of getPIN() into the value of PIN.

getUserID&getPIN

This code required data variable from Jsp, please refer to getUserID&getPIN above.

We will create a function and a header. The header will contain servicename, userID, PIN.

serviceName: getLoanAccountDetails

Then we will get and validate those values we have so far. We will create a variable:

accountID

If the accountID is equal to nothing, the error will be displayed as "AccountID cannot be blank."

setUserID&setPIN

This code required data variable from Jsp, please refer to setUserID&setPIN above.

showErrorModal

This code required data variable showErrorModal from Jsp, please refer to showErrorModal above.

We will disable Send button

Then we will set some request parameters:

headerObj contains:

serviceName: serviceName
userID: userID
PIN: PIN
OTP: OTP

contentObj contains:

accountID: accountID

Then will use JSON to convert headerObj and contentObj into var header and var content.

JSP

This code required data variable from Jsp, please refer to Jsp above.

Set up http request.

If xmlHttp is equals to nothing, the web page will display an alert message:"Browser does not support HTTP request."

If xmlHttp is not equal to nothing, the web page will return data from the url and the header."

The timeout will be 5000s.

xmlHttp

This code required data variable xmlHttp from Jsp, please refer to xmlHttp above.

ApiURL

This code required data variable ApiURL from Jsp, please refer to ApiURL above.

Setup http event handlers。If globalerrorID = "010041", return OTP. Else if globalerrorID not = "010000", return error details.

onreadystatechange

This code required data variable onreadystatechange from Jsp, please refer to onreadystatechange above.

xmlHttp

This code required data variable xmlHttp from Jsp, please refer to xmlHttp above.

showOTPModel

This code required data variable showOTPModel from Jsp, please refer to showOTPModel above.

showErrorModal

This code required data variable showErrorModal from Jsp, please refer to showErrorModal above.

Get all the necessary data.

Display all the necessary data.

We will enable "Send" button.

Once the time is out, it will show error modal: "Timeout invoking API."

Then send the http request.

xmlHttp

This code required data variable xmlHttp from Jsp, please refer to xmlHttp above.

ontimeout

This code required data variable ontimeout from Jsp, please refer to ontimeout above.

showErrorModal

This code required data variable showErrorModal from Jsp, please refer to showErrorModal above.

Button will be disabled when there is an error occurs.

OTP model update button clicked

setOTP

This code required data variable setOTP from Jsp, please refer to setOTP above.

Overview of Get Loan Account Details

<h2 class="page-header" style="color:#937851">Get Deposit Account Details</h2>

<h3 style="color:#937851">Input</h3>

</div>

<button type="reset" class="btn btn-default">Clear</button>

</div>

</div>

</div>

<label for="accountID" class="col-sm-4 control-label">Account ID</label>

</div>

<b>(deposit account number)</b>

</div>

</form>

</div>

<h3 style="color:#937851">Output</h3>

</div>

<button type="reset" class="btn btn-default">Clear</button>

</div>

<label for="interestRate" class="col-sm-4 control-label">Interest Rate</label>

</div>

<label for="productID" class="col-sm-4 control-label">Product ID</label>

</div>

<label for="compoundInterestRateBasis" class="col-sm-4 control-label">Compound Interest Rate Basis</label>

</div>

<label for="rateChartCode" class="col-sm-4 control-label">Rate Chart Code</label>

</div>

<label for="dateBasisForRate" class="col-sm-4 control-label">Date Basis For Rate</label>

</div>

<label for="productName" class="col-sm-4 control-label">Product Name</label>

</div>

<label for="currentStatus" class="col-sm-4 control-label">Current Status</label>

</div>

<label for="narrative" class="col-sm-4 control-label">Narrative</label>

</div>

<label for="isServiceChargeWaived" class="col-sm-4 control-label">Is Service Charge Waived</label>

</div>

<label for="homeBranch" class="col-sm-4 control-label">Home Branch</label>

</div>

<label for="accountOpenDate" class="col-sm-4 control-label">Account Open Date</label>

</div>

<label for="writeOffFlag" class="col-sm-4 control-label">Write Off Flag</label>

</div>

<label for="ltvRatio" class="col-sm-4 control-label">ltvRatio</label>

</div>

<label for="penaltyRateBasis" class="col-sm-4 control-label">Penalty Rate Basis</label>

</div>

<label for="writeOffDate" class="col-sm-4 control-label">Write Off Date</label>

</div>

<label for="installmentAmount" class="col-sm-4 control-label">Installment Amount</label>

</div>

<label for="loanClosureReason" class="col-sm-4 control-label">loan Closure Reason</label>

</div>

<label for="repricingDate" class="col-sm-4 control-label">Re-pricing Date</label>

</div>

<label for="loanClosureDate" class="col-sm-4 control-label">Loan Closure Date</label>

</div>

<label for="assetValue" class="col-sm-4 control-label">Asset Value</label>

</div>

<label for="rescheduleOption" class="col-sm-4 control-label">Reschedule Option</label>

</div>

<label for="agreementNumber" class="col-sm-4 control-label">Agreement Number</label>

</div>

<label for="title" class="col-sm-4 control-label">Title</label>

</div>

<label for="fixedTerm" class="col-sm-4 control-label">Fixed Term</label>

</div>

<label for="repaymentMode" class="col-sm-4 control-label">Repayment Mode</label>

</div>

<label for="repaymentGraceDay" class="col-sm-4 control-label">Repayment Grace Day</label>

</div>

<label for="agreementSignDate" class="col-sm-4 control-label">Agreement Sign Date</label>

</div>

<label for="pledgeOrStopPaymentAmount" class="col-sm-4 control-label">Pledge Or Stop Payment Amount</label>

</div>

</div>

<label for="writeOffAmount" class="col-sm-4 control-label">Write Off Amount</label>

</div>

<label for="loanPurpose" class="col-sm-4 control-label">Loan Purpose</label>

</div>

<label for="letterOfOfferDate" class="col-sm-4 control-label">Letter Of Offer Date</label>

</div>

<label for="disburseAmount" class="col-sm-4 control-label">Disburse Amount</label>

</div>

<label for="applicationID" class="col-sm-4 control-label">Application ID</label>

</div>

<label for="isInterestWaived" class="col-sm-4 control-label">Is Interest Waived</label>

</div>

<label for="assignedAccountForAccountManagementFeeDeduction" class="col-sm-4 control-label">Assigned Account For Account Management Fee Deduction</label>

</div>

<label for="penaltyRate" class="col-sm-4 control-label">Penalty Rate</label>

</div>

<label for="balance" class="col-sm-4 control-label">Balance</label>

</div>

<label for="maturityDate" class="col-sm-4 control-label">Maturity Date</label>

</div>

<label for="customerID" class="col-sm-4 control-label">Customer ID</label>

</div>

<label for="currency" class="col-sm-4 control-label">Currency</label>

</div>

<label for="maintenancehistory" class="col-sm-4 control-label">Maintenance history</label>

</div>

<label for="officerID" class="col-sm-4 control-label">Officer ID</label>

</div>

<label for="lastTransactionBranch" class="col-sm-4 control-label">Last Transaction Branch</label>

</div>

<label for="lastMaintenanceOfficer" class="col-sm-4 control-label">Last Maintenance Officer</label>

</div>

</form>

</div>

<!-- javascript libraries

======================================== -->

$(document).ready(function () {

// init user credentials

document.getElementById("userID").value = getUserID();

document.getElementById("PIN").value = getPIN();

/*----------------------------------------

* [Send] button clicked

$("#Send").click(function (event) {

(function() {

// set service header values

var serviceName = "getLoanAccountDetails";

var userID = document.getElementById("userID").value;

setUserID(userID);

var PIN = document.getElementById("PIN").value;

setPIN(PIN);

// get and validate form values

var accountID = document.getElementById("accountID").value;

if (accountID === ""){

showErrorModal("Account ID cannot be blank.");

return;

}

// disable Send button

document.getElementById("Send").disabled = true;

// set request parameters

var headerObj = {

Header: {

serviceName: serviceName,

userID: userID,

PIN: PIN,

OTP: OTP

}

};

var contentObj = {

Content: {

accountID: accountID

}

};

var header = JSON.stringify(headerObj);

var content = JSON.stringify(contentObj);

// setup http request

var xmlHttp = new XMLHttpRequest();

if (xmlHttp === null){

alert("Browser does not support HTTP request.");

return;

}

xmlHttp.open("POST", getApiURL()+"?Header="+header+"&Content="+content, true);

xmlHttp.timeout = 5000;

// setup http event handlers

xmlHttp.onreadystatechange = function() {

if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {

responseObj = JSON.parse(xmlHttp.responseText);

serviceRespHeader = responseObj.Content.ServiceResponse.ServiceRespHeader;

globalErrorID = serviceRespHeader.GlobalErrorID;

if (globalErrorID === "010041"){

showOTPModal();

return;

}

else if (globalErrorID !== "010000"){

showErrorModal(serviceRespHeader.ErrorDetails);

return;

}

// get data

LendingAccount = responseObj.Content.ServiceResponse.LendingAccount;

interestRate = LendingAccount.interestRate;

product = responseObj.Content.ServiceResponse.LendingAccount.product;

productID = product.productID;

compoundInterestRateBasis = product.compoundInterestRateBasis;

rateChartCode = product.rateChartCode;

dateBasisForRate = product.dateBasisForRate;

productName = product.productName;

currentStatus = LendingAccount.currentStatus;

narrative = LendingAccount.narrative;

isServiceChargeWaived = LendingAccount.isServiceChargeWaived;

homeBranch = LendingAccount.homeBranch;

accountOpenDate = LendingAccount.accountOpenDate;

loanaccount = LendingAccount.loanaccount;

writeOffFlag = loanaccount.writeOffFlag;

ltvRatio = loanaccount.ltvRatio;

penaltyRateBasis = loanaccount.penaltyRateBasis;

writeOffDate = loanaccount.writeOffDate;

installmentAmount = loanaccount.installmentAmount;

loanClosureReason = loanaccount.loanClosureReason;

repricingDate = loanaccount.repricingDate;

loanClosureDate = loanaccount.loanClosureDate;

assetValue = loanaccount.assetValue;

rescheduleOption = loanaccount.rescheduleOption;

agreementNumber = loanaccount.agreementNumber;

title = loanaccount.title;

fixedTerm = loanaccount.fixedTerm;

repaymentMode = loanaccount.repaymentMode;

repaymentGraceDay = loanaccount.repaymentGraceDay;

agreementSignDate = loanaccount.agreementSignDate;

pledgeOrStopPaymentAmount = loanaccount.pledgeOrStopPaymentAmount;

loanTerm = loanaccount.loanTerm;

writeOffAmount = loanaccount.writeOffAmount;

loanPurpose = loanaccount.loanPurpose;

letterOfOfferDate = loanaccount.letterOfOfferDate;

disburseAmount = loanaccount.disburseAmount;

applicationID = loanaccount.applicationID;

isInterestWaived = loanaccount.isInterestWaived;

assignedAccountForAccountManagementFeeDeduction = responseObj.Content.ServiceResponse.LendingAccount.assignedAccountForAccountManagementFeeDeduction;

penaltyRate = LendingAccount.penaltyRate;

balance = LendingAccount.balance;

maturityDate = LendingAccount.maturityDate;

customerID = LendingAccount.customerID;

currency = LendingAccount.currency;

maintenancehistory = responseObj.Content.ServiceResponse.LendingAccount.maintenancehistory;

lastTransactionBranch = maintenancehistory.lastTransactionBranch;

lastMaintenanceOfficer = maintenancehistory.lastMaintenanceOfficer;

officerID = LendingAccount.officerID;

// display data

document.getElementById("interestRate").value = interestRate;

document.getElementById("productID").value = productID;

document.getElementById("compoundInterestRateBasis").value = compoundInterestRateBasis;

document.getElementById("rateChartCode").value = rateChartCode;

document.getElementById("dateBasisForRate").value = dateBasisForRate;

document.getElementById("productName").value = productName;

document.getElementById("currentStatus").value = currentStatus;

document.getElementById("narrative").value = narrative;

document.getElementById("isServiceChargeWaived").value = isServiceChargeWaived;

document.getElementById("homeBranch").value = homeBranch;

document.getElementById("accountOpenDate").value = accountOpenDate;

document.getElementById("writeOffFlag").value = writeOffFlag;

document.getElementById("ltvRatio").value = ltvRatio;

document.getElementById("penaltyRateBasis").value = penaltyRateBasis;

document.getElementById("writeOffDate").value = writeOffDate;

document.getElementById("installmentAmount").value = installmentAmount;

document.getElementById("loanClosureReason").value = loanClosureReason;

document.getElementById("repricingDate").value = repricingDate;

document.getElementById("loanClosureDate").value = loanClosureDate;

document.getElementById("assetValue").value = assetValue;

document.getElementById("rescheduleOption").value = rescheduleOption;

document.getElementById("agreementNumber").value = agreementNumber;

document.getElementById("title").value = title;

document.getElementById("fixedTerm").value = fixedTerm;

document.getElementById("repaymentMode").value = repaymentMode;

document.getElementById("repaymentGraceDay").value = repaymentGraceDay;

document.getElementById("agreementSignDate").value = agreementSignDate;

document.getElementById("pledgeOrStopPaymentAmount").value = pledgeOrStopPaymentAmount;

document.getElementById("loanTerm").value = loanTerm;

document.getElementById("writeOffAmount").value = writeOffAmount;

document.getElementById("loanPurpose").value = loanPurpose;

document.getElementById("letterOfOfferDate").value = letterOfOfferDate;

document.getElementById("disburseAmount").value = disburseAmount;

document.getElementById("applicationID").value = applicationID;

document.getElementById("isInterestWaived").value = isInterestWaived;

document.getElementById("assignedAccountForAccountManagementFeeDeduction").value = assignedAccountForAccountManagementFeeDeduction;

document.getElementById("penaltyRate").value = penaltyRate;

document.getElementById("balance").value = balance;

document.getElementById("maturityDate").value = maturityDate;

document.getElementById("customerID").value = customerID;

document.getElementById("currency").value = currency;

document.getElementById("maintenancehistory").value = maintenancehistory;

document.getElementById("officerID").value = officerID;

document.getElementById("lastTransactionBranch").value = lastTransactionBranch;

document.getElementById("lastMaintenanceOfficer").value = lastMaintenanceOfficer;

// enable Send button

document.getElementById("Send").disabled = false;

}

};

xmlHttp.ontimeout = function (e) {

showErrorModal("Timeout invoking API.");

return;

};

// send the http request

xmlHttp.send();

})();

});

/* ----------------------------------------

* error model close button clicked

$("#CloseError").click(function (event) {

(function() {

document.getElementById("Send").disabled = false;

})();

});

/* ----------------------------------------

* OTP model update button clicked

$("#UpdateOTP").click(function (event) {

(function() {

var OTP = document.getElementById("OTP").value;

setOTP(OTP, function() { // ensure OTP set before clicking Send

document.getElementById("Send").disabled = false;

document.getElementById("Send").click();

});

})();

});

</script>

You can download the "getLoanAccountDetails" function below.

Get Loan Accounts Details

Created with the Personal Edition of HelpNDoc: Create iPhone web-based documentation