3594 lines
101 KiB
JavaScript
3594 lines
101 KiB
JavaScript
var dashBoard;
|
||
var userPermission;
|
||
var plot1;
|
||
|
||
|
||
|
||
$(document).ready(function () {
|
||
|
||
var dialog, form,
|
||
name = $("#name"),
|
||
|
||
allFields = $([]).add(name),
|
||
tips = $(".validateTips");
|
||
|
||
|
||
|
||
function updateTips(t) {
|
||
tips.text(t).addClass("ui-state-highlight");
|
||
}
|
||
|
||
function checkLength(o, min, max) {
|
||
if (o.val().length < min) {
|
||
o.focus();
|
||
updateTips(lblEnterName);
|
||
return false;
|
||
} else if (o.val().length > max) {
|
||
o.focus();
|
||
updateTips(lblNameMustHaveLessThan + max + lblCharacters);
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
function checkParticipantAvailability(o, value) {
|
||
|
||
var result = true;
|
||
var participantName = value.trim();
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (dashBoard.participants[index].name.toLowerCase() == participantName.toLowerCase()) {
|
||
o.focus();
|
||
updateTips(lblParticipantExist);
|
||
result = false;
|
||
}
|
||
|
||
}
|
||
|
||
if (participantName != "" && participantName.indexOf(',') === -1 && participantName.indexOf('|') === -1) {
|
||
|
||
|
||
} else {
|
||
updateTips(lblParticipantShouldNotContain);
|
||
result = false;
|
||
}
|
||
|
||
return result;
|
||
|
||
}
|
||
|
||
|
||
function addNewParticipant() {
|
||
var valid = true;
|
||
allFields.removeClass("ui-state-error");
|
||
valid = checkLength(name, 1, 12);
|
||
if (valid) {
|
||
valid = checkParticipantAvailability(name, name.val());
|
||
}
|
||
|
||
if (valid) {
|
||
dashBoard.addParticipant(name.val(), "1");
|
||
dialog.dialog("close");
|
||
}
|
||
return valid;
|
||
}
|
||
|
||
|
||
dialog = $("#dialog-form").dialog({
|
||
autoOpen: false,
|
||
height: 170,
|
||
width: 70,
|
||
modal: true,
|
||
buttons: {
|
||
"Add": addNewParticipant,
|
||
Cancel: function () {
|
||
dialog.dialog("close");
|
||
}
|
||
},
|
||
close: function () {
|
||
form[0].reset();
|
||
allFields.removeClass("ui-state-error");
|
||
}
|
||
});
|
||
|
||
|
||
|
||
form = dialog.find("form").on("submit", function (event) {
|
||
event.preventDefault();
|
||
addNewParticipant();
|
||
});
|
||
|
||
|
||
$("#create-participant").click(function () {
|
||
dialog.dialog("open");
|
||
});
|
||
|
||
|
||
|
||
if ($("#expenseData").val() == "") {
|
||
$("#expense_table_title_id").html("");
|
||
$("#div_participant").html("<br/><br/><br/><br/><br/><center><h3>" + lblExpenseNotFound + "</h3></center>");
|
||
$("#create-participant").hide();
|
||
return;
|
||
}
|
||
|
||
|
||
var loadTabs = new LoadTabs();
|
||
loadTabs.startLoading($.parseJSON($("#expenseData").val()));
|
||
// alert("hello");
|
||
|
||
//''alert($("#expenseData").val());
|
||
|
||
// $("#dvLoading").show();
|
||
|
||
//var expenseObj = new Expense();
|
||
//expenseObj.unique_url = $("#unique_url").val();
|
||
|
||
// loadData(expenseObj,"#loadForm");
|
||
|
||
|
||
|
||
// var loadTabs = new LoadTabs();
|
||
|
||
|
||
// loadTabs.startLoading();
|
||
});
|
||
|
||
|
||
|
||
function LoadTabs() {
|
||
|
||
this.startLoading = function startLoading(data) {
|
||
|
||
this.generateExpenseList(data);
|
||
}
|
||
|
||
this.calculateBalance = function calculateBalance() {
|
||
|
||
}
|
||
|
||
this.loadParticipants = function loadParticipants() {
|
||
|
||
}
|
||
|
||
this.loadSettings = function loadSettings() {
|
||
|
||
}
|
||
|
||
this.generateExpenseList = function generateExpenseList(expenseInfoObj) {
|
||
|
||
|
||
dashBoard = new DashBoard();
|
||
userPermission = new UserPermission();
|
||
//var participantIndex = 0;
|
||
//var groupExpenseIndex = 0
|
||
|
||
|
||
$.each(expenseInfoObj, function (key, val) {
|
||
// alert(key);
|
||
if (key == "Expense") {
|
||
|
||
var expenseObj = new Expense();
|
||
expenseObj.id = val.id;
|
||
expenseObj.unique_url = val.unique_url;
|
||
expenseObj.title = val.title;
|
||
expenseObj.currency = val.currency;
|
||
expenseObj.description = val.description;
|
||
expenseObj.create_date = val.create_date;
|
||
expenseObj.version = val.version;
|
||
|
||
|
||
dashBoard.expense = expenseObj;
|
||
|
||
|
||
$("#expenseTitleDiv").html(expenseObj.title);
|
||
$("#expenseDescDiv").html(expenseObj.description);
|
||
$("#ExpenseVersion").val(expenseObj.version);
|
||
|
||
// $(document.body).append(object.id);
|
||
|
||
|
||
/* $.each(val, function (i, object) {
|
||
|
||
expObj.id =
|
||
|
||
|
||
|
||
$(document.body).append(i+"="+object);
|
||
});
|
||
*/
|
||
} else if (key === "Participant") {
|
||
|
||
|
||
$.each(val, function (i, object) {
|
||
var participantObj = new Participant();
|
||
participantObj.id = object.participant_id;
|
||
participantObj.name = object.name;
|
||
participantObj.isCreator = object.is_creator;
|
||
participantObj.create_date = object.create_date;
|
||
participantObj.totalPaid = 0;
|
||
participantObj.totalSpent = 0;
|
||
participantObj.balance = 0;
|
||
|
||
//set login participant Id and name
|
||
/* if(participantObj.isCreator == "1"){
|
||
dashBoard.loginParticipantId = participantObj.id;
|
||
dashBoard.loginParticipantName = participantObj.name;
|
||
}*/
|
||
|
||
dashBoard.participants[participantObj.id] = participantObj;
|
||
// $(document.body).append(i+"="+object);
|
||
});
|
||
|
||
/* $.each(val, function (i, object) {
|
||
$(document.body).append(i+"="+object);
|
||
});*/
|
||
//participantObj.push(val);
|
||
} else if (key === "GroupExpense") {
|
||
$.each(val, function (i, object) {
|
||
// alert("hello");
|
||
// alert(object.expense_date_new);
|
||
var groupExpense = new GroupExpense();
|
||
// groupExpense.index = dashBoard.globalExpenseIndex;
|
||
groupExpense.id = object.id;
|
||
groupExpense.paidBy = object.paid_by_participant_id;
|
||
groupExpense.expenseName = object.what;
|
||
groupExpense.create_date = object.create_date;
|
||
groupExpense.amount = object.amount;
|
||
groupExpense.participantAmountStr = object.participant_amount;
|
||
groupExpense.expenseDate = object.expense_date_new;
|
||
groupExpense.number_of_notes = object.number_of_notes;
|
||
groupExpense.number_of_modificaiton = object.number_of_modificaiton;
|
||
groupExpense.isDetails = object.isDetails;
|
||
groupExpense.type = object.type;
|
||
groupExpense.extras = object.extras;
|
||
groupExpense.advance = object.advance;
|
||
groupExpense.images = object.images;
|
||
groupExpense.expense_type = object.expense_type;
|
||
//alert(groupExpense.extras);
|
||
|
||
dashBoard.groupExpenses[groupExpense.id] = groupExpense;
|
||
dashBoard.globalExpenseIndex++;
|
||
// alert(dashBoard.groupExpenses[object.id]);
|
||
|
||
// $(document.body).append(i+"="+object);
|
||
});
|
||
}
|
||
else if (key === "Permissions") {
|
||
// alert("hello Permission");
|
||
$.each(val, function (i, object) {
|
||
var permission = new Permission({
|
||
id : object.user_id,
|
||
name : object.name,
|
||
email : object.email,
|
||
permission : object.role,
|
||
expense_id : dashBoard.expense.id,
|
||
permission_name: object.role!= owner ? permission_list[object.role] : 'Owner'
|
||
}
|
||
);
|
||
userPermission.permissions[permission.id] = permission;
|
||
});
|
||
}
|
||
else if (key === "restricted_mode") {
|
||
userPermission.restrict_mode = val;
|
||
}
|
||
|
||
|
||
});
|
||
|
||
|
||
dashBoard.displayCovePage();
|
||
|
||
/* for (var index in dashBoard.groupExpenses) {
|
||
alet( dashBoard.groupExpenses[index].id);
|
||
break;
|
||
}*/
|
||
|
||
|
||
|
||
//dashBoard.showExpenseList();
|
||
|
||
dashBoard.setCurrentDate();
|
||
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
function DashBoard() {
|
||
|
||
this.restrict_mode;
|
||
this.expense;
|
||
this.participants = [];
|
||
this.groupExpenses = [];
|
||
this.permissions = [];
|
||
this.filteredGroupExpenses = [];
|
||
|
||
this.gridData = [];
|
||
|
||
this.participantAmtHtmlFormat = "";
|
||
|
||
this.loginParticipantId = "";
|
||
this.loginParticipantName = "";
|
||
|
||
this.paidByHtml = "";
|
||
|
||
this.currentInputAmount = "0";
|
||
this.currentEditGroupExpense;
|
||
|
||
this.currentDate;
|
||
|
||
this.isAddMode = true;
|
||
//this.isParticipantAddMode = true;
|
||
|
||
this.globalExpenseIndex = 0;
|
||
|
||
|
||
|
||
this.displayCovePage = function displayCovePage() {
|
||
var justCreated = $("#justCreated").val();
|
||
var createdBy = "";
|
||
|
||
if (justCreated == "yes") {
|
||
|
||
var createdById = "";
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (dashBoard.participants[index].isCreator == "1") {
|
||
createdBy = dashBoard.participants[index].name;
|
||
createdById = dashBoard.participants[index].id;
|
||
break;
|
||
}
|
||
}
|
||
dashBoard.loginParticipant(createdById);
|
||
$("#expenseCreatedByDiv").html(lblCreatedBy + createdBy + lblOn + dashBoard.getFormatedDbDate(dashBoard.expense.create_date));
|
||
|
||
$("#tabs").tabs({ active: 2 });
|
||
dashBoard.resetParticipantBalance();
|
||
dashBoard.displayParticipantList();
|
||
dashBoard.setParticipantGridExtension();
|
||
} else {
|
||
|
||
//hide loading
|
||
$("#dvLoading").hide();
|
||
//show list of participant
|
||
|
||
dashBoard.addParticipantToList();
|
||
}
|
||
}
|
||
|
||
this.addParticipantToList = function addParticipantToList() {
|
||
|
||
var participantListHtml = '<table class="gridTable">';
|
||
var noOfParticipant = 0;
|
||
|
||
for (var index in dashBoard.participants) {
|
||
noOfParticipant++;
|
||
}
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (dashBoard.participants[index].isCreator == "1") {
|
||
createdBy = dashBoard.participants[index].name;
|
||
}
|
||
|
||
if (noOfParticipant < 6) {
|
||
participantListHtml = participantListHtml + '<tr ><td><a title=" ' + lblClickToLogin + '" style="cursor:pointer;" onClick=dashBoard.loginParticipant(' + "'" + dashBoard.participants[index].id + "'" + ')><img src="/cdn/images/participant_icon.png" title="Click to login as ' + dashBoard.participants[index].name + '"/> ' + dashBoard.participants[index].name + '</a></td><td></td></tr>';
|
||
} else {
|
||
participantListHtml = participantListHtml + '<tr ><td><a title="' + lblClickToLogin + '" style="cursor:pointer;" onClick=dashBoard.loginParticipant(' + "'" + dashBoard.participants[index].id + "'" + ')> ' + dashBoard.participants[index].name + '</a></td><td></td></tr>';
|
||
}
|
||
|
||
//participantListHtml = participantListHtml + '<tr><td><a href="#" style="cursor:pointer;" onClick=dashBoard.loginParticipant('+"'"+dashBoard.participants[index].id+"'"+')>'+dashBoard.participants[index].name+'</a></td></tr>';
|
||
}
|
||
|
||
participantListHtml = participantListHtml + "</table>";
|
||
|
||
|
||
$("#expenseCreatedByDiv").html("Created By " + createdBy + " on " + dashBoard.getFormatedDbDate(dashBoard.expense.create_date));
|
||
$("#div_participant").html(participantListHtml);
|
||
|
||
}
|
||
|
||
this.loginParticipant = function loginParticipant(participantId) {
|
||
dashBoard.loginParticipantId = participantId;
|
||
dashBoard.loginParticipantName = session_profile_id ? session_profile_id : dashBoard.participants[participantId].name;
|
||
|
||
$("#expenseLoginAsDiv").html(lblLoggedInAs + "<b>" + dashBoard.loginParticipantName + "</b> <a style= \"cursor:pointer; color: #0757A4\" onClick=\"dashBoard.logout()\">[Quit]</a>");
|
||
|
||
dashBoard.showExpenseList();
|
||
//show print options
|
||
$("#printOptionId").show();
|
||
|
||
$("#participantBox").hide();
|
||
$("#tabs").show();
|
||
// $("#basic_Info").html("login as "+ dashBoard.loginParticipantName+ " <a onClick='dashBoard.printExpense()' style=cursor:pointer>Print</a>");
|
||
dashBoard.setPaidBy(dashBoard.loginParticipantId);
|
||
// setCookie(participantId);
|
||
}
|
||
|
||
this.logout = function logout() {
|
||
$("#expenseLoginAsDiv").html("");
|
||
$("#participantBox").show();
|
||
$("#tabs").hide();
|
||
}
|
||
|
||
/*
|
||
this.getParticipantNameById = function getParticipantNameById(id){
|
||
return dashBoard.participants[id].name;
|
||
}
|
||
*/
|
||
this.getNumberOfParticipants = function getNumberOfParticipants() {
|
||
var totalParticipant = 0;
|
||
for (var index in dashBoard.participants) {
|
||
|
||
totalParticipant++;
|
||
}
|
||
return totalParticipant;
|
||
}
|
||
|
||
this.generateLogList = function generateLogList(logData, source) {
|
||
|
||
var logList = [];
|
||
|
||
if (logData != "") {
|
||
logList = $.parseJSON(logData);
|
||
}
|
||
|
||
|
||
var data = [];
|
||
|
||
|
||
$.each(logList, function (key, val) {
|
||
|
||
$.each(val, function (model, object) {
|
||
|
||
if (model == "Log") {
|
||
var action = 'Deleted';
|
||
var new_desc = 'N/A';
|
||
var changed_by = object.changed_by;
|
||
if(object.new_desc.toLowerCase() !== 'deleted'){
|
||
var action = 'Edited';
|
||
var new_desc = object.new_desc;
|
||
}
|
||
if(changed_by == null || changed_by === ''){
|
||
changed_by = 'Unknown';
|
||
}
|
||
data.push([object.id, object.create_date, changed_by, object.previous_desc, new_desc,action]);
|
||
}
|
||
});
|
||
|
||
});
|
||
|
||
var maxRowNum = data.length;
|
||
if (maxRowNum < 101) {
|
||
maxRowNum = 100;
|
||
}
|
||
|
||
if (source == 2 && data.length == 0) {
|
||
|
||
data.push(["Record Not Found"]);
|
||
|
||
$("#log_grid").jqGrid({
|
||
datatype: "local",
|
||
height: 190,
|
||
|
||
colNames: [' '],
|
||
colModel: [
|
||
{
|
||
name: ' ',
|
||
index: ' ',
|
||
sortable: false,
|
||
width: 650,
|
||
align: 'center',
|
||
|
||
}
|
||
|
||
],
|
||
|
||
|
||
|
||
gridview: true,
|
||
|
||
viewrecords: true,
|
||
|
||
caption: 'Expense Log'
|
||
}
|
||
|
||
);
|
||
|
||
|
||
|
||
|
||
|
||
var names = [' '];
|
||
var mydata = [];
|
||
|
||
|
||
for (var i = 0; i < data.length; i++) {
|
||
mydata[i] = {};
|
||
|
||
for (var j = 0; j < data[i].length; j++) {
|
||
|
||
mydata[i][names[j]] = data[i][j];
|
||
}
|
||
}
|
||
|
||
|
||
for (var i = 0; i < mydata.length; i++) {
|
||
$("#log_grid").jqGrid('addRowData', data[i][0] + 1, mydata[i]);
|
||
}
|
||
|
||
|
||
|
||
} else {
|
||
|
||
$("#log_grid").jqGrid({
|
||
datatype: "local",
|
||
height: 230,
|
||
|
||
colNames: ['SI', lblChangedOn, lblChangedBy, lblPreviousExpense, lblNewExpense, lblOperation],
|
||
colModel: [
|
||
{
|
||
name: 'SI',
|
||
index: 'SI',
|
||
width: 0,
|
||
sorttype: "int",
|
||
hidden: true
|
||
},
|
||
{
|
||
name: 'Changed On',
|
||
index: 'Changed On',
|
||
width: 110,
|
||
align: 'center',
|
||
editable: true
|
||
|
||
},
|
||
{
|
||
name: 'Changed By',
|
||
index: 'Changed By',
|
||
width: 80,
|
||
align: 'center',
|
||
editable: true
|
||
|
||
},
|
||
{
|
||
name: 'Previous Expense',
|
||
index: 'Previous Expense',
|
||
width: 242,
|
||
align: 'center',
|
||
cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal !important;"' }
|
||
|
||
|
||
},
|
||
{
|
||
name: 'New Expense',
|
||
index: 'New Expense',
|
||
width: 242,
|
||
align: 'center',
|
||
cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal !important;"' }
|
||
|
||
|
||
},
|
||
{
|
||
name: 'Operation',
|
||
index: 'Operation',
|
||
width: 80,
|
||
align: 'center',
|
||
editable: true
|
||
|
||
}
|
||
|
||
],
|
||
|
||
rowNum: maxRowNum,
|
||
rowList: [10, 20, 50, maxRowNum],
|
||
pager: '#log_pager',
|
||
gridview: true,
|
||
rownumbers: true,
|
||
autoencode: true,
|
||
ignoreCase: true,
|
||
// sortname: 'invdate',
|
||
viewrecords: true,
|
||
sortorder: 'desc',
|
||
caption: 'Expense Log'
|
||
}
|
||
|
||
);
|
||
|
||
|
||
$("#log_grid").jqGrid('navGrid', '#log_pager', {
|
||
add: false,
|
||
edit: false,
|
||
del: false,
|
||
search: true, searchtitle: 'Find Log'
|
||
}
|
||
|
||
);
|
||
|
||
|
||
var names = ['SI', lblChangedOn, lblChangedBy, lblPreviousExpense, lblNewExpense, lblOperation];
|
||
var mydata = [];
|
||
|
||
|
||
for (var i = 0; i < data.length; i++) {
|
||
mydata[i] = {};
|
||
|
||
for (var j = 0; j < data[i].length; j++) {
|
||
|
||
mydata[i][names[j]] = data[i][j];
|
||
}
|
||
}
|
||
|
||
|
||
for (var i = 0; i < mydata.length; i++) {
|
||
$("#log_grid").jqGrid('addRowData', data[i][0] + 1, mydata[i]);
|
||
}
|
||
|
||
}
|
||
|
||
//jQuery("#log_grid").setGridParam({rowNum:maxRowNum}).trigger("reloadGrid");
|
||
|
||
}
|
||
|
||
|
||
this.showExpenseList = function showExpenseList() {
|
||
|
||
|
||
// alert(this.groupExpenses.length)
|
||
dashBoard.gridData = [];
|
||
dashBoard.isAddMode = true;
|
||
//var data = [];
|
||
//$.each(this.groupExpenses, function( key, value ) {
|
||
|
||
//var filteredGroupExpenseObj = dashBoard.getFilteredExpenseObj(key,value);
|
||
|
||
//dashBoard.filteredGroupExpenses[key] = filteredGroupExpenseObj;
|
||
for (var index in dashBoard.groupExpenses) {
|
||
dashBoard.gridData.push(dashBoard.getDataByExpense(dashBoard.groupExpenses[index]));
|
||
}
|
||
|
||
// alert(value);
|
||
// data.push([value.id, dashBoard.getParticipantNameById(value.paidBy), dashBoard.getFormatedAmount(value.amount), value.expenseName, dashBoard.getFormatedDate(value.expenseDate),dashBoard.getInvolveString(value.involves),dashBoard.getForYouString(value.involves)]);
|
||
//data[]
|
||
//});
|
||
|
||
//alert(dashBoard.gridData[0]);
|
||
|
||
dashBoard.setParticipantAmtHtmlFormat();
|
||
|
||
dashBoard.reloadGrid();
|
||
|
||
|
||
/*data.sort(function(a, b) {
|
||
if(a.value < b.value) return 1;
|
||
if(a.value > b.value) return -1;
|
||
return 0;
|
||
});*/
|
||
|
||
// alert(data);
|
||
//var data = [["48803", "DSK1", "", "02200220", "OPEN","OPEN","OPEN","OPEN","OPEN","OPEN"], ["48804", "DSK1", "", "02200220", "OPEN","OPEN","OPEN",]];
|
||
//(data1);
|
||
}
|
||
|
||
|
||
this.getDataByExpense = function getDataByExpense(groupExpenseObj) {
|
||
|
||
var key = groupExpenseObj.id;
|
||
dashBoard.filteredGroupExpenses[key] = dashBoard.getFilteredExpenseObj(groupExpenseObj);
|
||
|
||
return [dashBoard.filteredGroupExpenses[key].id, dashBoard.filteredGroupExpenses[key].paidBy, dashBoard.showFormatedAmount(dashBoard.filteredGroupExpenses[key].amount), dashBoard.filteredGroupExpenses[key].expenseName, dashBoard.filteredGroupExpenses[key].expenseDate, dashBoard.filteredGroupExpenses[key].involves, dashBoard.showFormatedAmount(dashBoard.filteredGroupExpenses[key].forYou)];
|
||
}
|
||
|
||
this.getFilteredExpenseObj = function getFilteredExpenseObj(groupExpenseObj) {
|
||
|
||
var filteredGroupExpenseObj = new FilteredGroupExpense();
|
||
|
||
filteredGroupExpenseObj.id = groupExpenseObj.id;
|
||
filteredGroupExpenseObj.paidBy = dashBoard.participants[groupExpenseObj.paidBy].name;
|
||
filteredGroupExpenseObj.amount = dashBoard.getFormatedAmount(groupExpenseObj.amount);
|
||
filteredGroupExpenseObj.expenseName = groupExpenseObj.expenseName;
|
||
filteredGroupExpenseObj.expenseDate = groupExpenseObj.expenseDate;//dashBoard.getFormatedDate(groupExpenseObj.expenseDate);
|
||
filteredGroupExpenseObj.involves = dashBoard.getInvolveString(groupExpenseObj.participantAmountStr);
|
||
filteredGroupExpenseObj.forYou = dashBoard.getForYouString(groupExpenseObj.participantAmountStr);
|
||
filteredGroupExpenseObj.noOfNotes = groupExpenseObj.noOfNotes;
|
||
filteredGroupExpenseObj.noOfModification = groupExpenseObj.noOfModification;
|
||
|
||
return filteredGroupExpenseObj;
|
||
}
|
||
|
||
this.getFilteredExpenseObjPrint = function getFilteredExpenseObjPrint(groupExpenseObj) {
|
||
|
||
var filteredGroupExpenseObj = new FilteredGroupExpense();
|
||
|
||
filteredGroupExpenseObj.id = groupExpenseObj.id;
|
||
filteredGroupExpenseObj.paidBy = dashBoard.participants[groupExpenseObj.paidBy].name;
|
||
filteredGroupExpenseObj.amount = dashBoard.showFormatedAmount(groupExpenseObj.amount);
|
||
filteredGroupExpenseObj.expenseName = groupExpenseObj.expenseName;
|
||
filteredGroupExpenseObj.expenseDate = groupExpenseObj.expenseDate;//dashBoard.getFormatedDate(groupExpenseObj.expenseDate);
|
||
filteredGroupExpenseObj.involves = dashBoard.getInvolveString(groupExpenseObj.participantAmountStr);
|
||
filteredGroupExpenseObj.forYou = dashBoard.getForYouStringPrint(groupExpenseObj.participantAmountStr);
|
||
filteredGroupExpenseObj.noOfNotes = groupExpenseObj.noOfNotes;
|
||
filteredGroupExpenseObj.noOfModification = groupExpenseObj.noOfModification;
|
||
|
||
return filteredGroupExpenseObj;
|
||
}
|
||
|
||
this.reloadGrid = function reloadGrid() {
|
||
|
||
var initDateEdit = function (elem) {
|
||
setTimeout(function () {
|
||
$(elem).datepicker({
|
||
dateFormat: 'dd-M-yy',
|
||
autoSize: true,
|
||
showOn: 'button', // it dosn't work in searching dialog
|
||
changeYear: true,
|
||
changeMonth: true,
|
||
showButtonPanel: true,
|
||
showWeek: true
|
||
});
|
||
//$(elem).focus();
|
||
}, 100);
|
||
};
|
||
// alert(dashBoard.groupExpenses.length);
|
||
var maxRowNum = dashBoard.globalExpenseIndex;
|
||
|
||
// alert(maxRowNum);
|
||
if (maxRowNum < 101) {
|
||
maxRowNum = 100;
|
||
}
|
||
|
||
|
||
$("#grid").jqGrid({
|
||
data: dashBoard.addRowsToGrid(dashBoard.gridData),
|
||
datatype: "local",
|
||
height: 232,
|
||
title: false,
|
||
colNames: ['SI', lblWhoPaid, lblHowMuch + '(' + dashBoard.expense.currency + ')?', lblWhatReason, lblWhen, lblInvoles, lblForYou + '(' + dashBoard.expense.currency + ')?'],
|
||
colModel: [
|
||
{
|
||
name: 'SI',
|
||
index: 'SI',
|
||
width: 0,
|
||
sorttype: "int",
|
||
hidden: true,
|
||
key: true
|
||
},
|
||
{
|
||
name: 'PaidBy',
|
||
index: 'PaidBy',
|
||
width: 90,
|
||
align: 'center',
|
||
formoptions: { rowpos: 2 },
|
||
editable: true,
|
||
edittype: 'select',
|
||
editoptions: { value: '1:X', defaultValue: 'X' }
|
||
},
|
||
{
|
||
name: 'Amount',
|
||
index: 'Amount',
|
||
align: 'center',
|
||
sorttype: "int",
|
||
width: 120,
|
||
formoptions: { elmsuffix: '(' + dashBoard.expense.currency + ')', rowpos: 4 },
|
||
editable: true,
|
||
editrules: { required: true },
|
||
editoptions: {
|
||
maxlength: 18, dataInit: function (el) {
|
||
$(el).keyup(function () {
|
||
|
||
//alert(el.value);
|
||
el.value = el.value.replace(/[^0-9\.]/g, '');
|
||
if (el.value.replace(/[^.]/g, "").length == 2) {
|
||
el.value = el.value.substring(0, el.value.length - 1);
|
||
}
|
||
|
||
if (el.value == "") {
|
||
dashBoard.currentInputAmount = 0;
|
||
} else {
|
||
dashBoard.currentInputAmount = el.value;
|
||
}
|
||
|
||
dashBoard.changeExpenseAmount();
|
||
});
|
||
}
|
||
}
|
||
},
|
||
{
|
||
name: 'Reason',
|
||
index: 'Reason',
|
||
align: 'center',
|
||
width: 190,
|
||
formoptions: { rowpos: 1 },
|
||
editable: true,
|
||
editrules: { required: true },
|
||
editoptions: { maxlength: 25 }
|
||
//sorttype: "float"
|
||
|
||
},
|
||
{
|
||
name: 'Date',
|
||
index: 'Date',
|
||
width: 80,
|
||
align: 'center',
|
||
sortable: true,
|
||
sorttype: 'date',
|
||
datefmt: 'd-M-Y',
|
||
formoptions: { rowpos: 3 },
|
||
editable: true,
|
||
editrules: { required: true },
|
||
editoptions: { dataInit: initDateEdit }
|
||
},
|
||
{
|
||
name: 'Involve',
|
||
index: 'Involve',
|
||
align: 'center',
|
||
width: 150,
|
||
//sorttype: "float",
|
||
cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal !important;"' }
|
||
},
|
||
{
|
||
name: 'For you?',
|
||
index: 'For you?',
|
||
align: 'center',
|
||
width: 100,
|
||
sorttype: "float"
|
||
}
|
||
],
|
||
rowNum: maxRowNum,
|
||
rowList: [10, 20, 50, maxRowNum],
|
||
pager: '#expense_pager',
|
||
gridview: true,
|
||
rownumbers: true,
|
||
autoencode: true,
|
||
ignoreCase: true,
|
||
// sortname: 'invdate',
|
||
viewrecords: true,
|
||
sortorder: 'desc',
|
||
caption: lblExpenseList
|
||
|
||
// ondblClickRow: function(rowid,iRow,iCol,e){alert('double clicked');}
|
||
}
|
||
|
||
);
|
||
//jQuery("#grid").setGridParam({rowNum:10}).trigger("reloadGrid");
|
||
|
||
//dashBoard.addRowsToGrid(dashBoard.gridData);
|
||
|
||
// $(".ui-jqgrid-titlebar").hide();
|
||
|
||
$("#grid").jqGrid('setGridParam', {
|
||
onSelectRow: function (rowid, iRow, iCol, e) {
|
||
|
||
if (!iCol) {
|
||
//alert(rowid);
|
||
dashBoard.removeParticipantAmtRows();
|
||
dashBoard.isAddMode = false;
|
||
dashBoard.loadForEdit();
|
||
//jQuery(this).jqGrid('editGridRow', rowid);
|
||
}
|
||
|
||
}
|
||
}
|
||
);
|
||
|
||
$("#grid").jqGrid('setGridParam', {
|
||
ondblClickRow: function (rowid, iRow, iCol, e) {
|
||
if (!isPermitted) {
|
||
return false;
|
||
}
|
||
dashBoard.isAddMode = false;
|
||
jQuery(this).jqGrid('editGridRow', rowid);
|
||
|
||
}
|
||
});
|
||
|
||
//$("#grid").jqGrid('setGridParam', { onRightClickRow: function(rowid,iRow,iCol,e){alert('Right Click!');}});
|
||
|
||
$("#grid").jqGrid('navGrid', '#expense_pager', {
|
||
add: isPermitted, addtitle: lblAddExpense,
|
||
edit: isPermitted, edittitle: lblEditExpense,
|
||
del: isPermitted, deltitle: lblDeleteExpense,
|
||
search: true, searchtitle: lblFindExpenses
|
||
},
|
||
{ // Edit
|
||
recreateForm: true,
|
||
beforeInitData: function () {
|
||
|
||
dashBoard.isAddMode = false;
|
||
// alert("in edit");
|
||
// inEdit = true;
|
||
}
|
||
},
|
||
{ // Add
|
||
recreateForm: true,
|
||
beforeInitData: function () {
|
||
dashBoard.isAddMode = true;
|
||
// inEdit = false;
|
||
}
|
||
}
|
||
|
||
);
|
||
|
||
|
||
dashBoard.setExpenseGridExtension();
|
||
|
||
//$('html, body').animate({scrollBottom: $("#gbox_grid").offset().bottom}, 2000);
|
||
|
||
jQuery("#grid").setGridParam({ rowNum: maxRowNum }).trigger("reloadGrid");
|
||
// alert($('#grid')[0].scrollHeight);
|
||
|
||
$('.ui-jqgrid-bdiv').scrollTop($('#grid')[0].scrollHeight);
|
||
|
||
}
|
||
|
||
this.setExpenseGridExtension = function setExpenseGridExtension() {
|
||
$.extend($.jgrid.edit, {
|
||
addCaption: lblAddExpense,
|
||
editCaption: lblEditExpense,
|
||
bSubmit: lblSave,
|
||
bCancel: lblCancel,
|
||
width: 300,
|
||
|
||
recreateForm: true,
|
||
beforeShowForm: function () {
|
||
|
||
|
||
/*
|
||
var parentDiv = dlgDiv.parent(); // div#gbox_list
|
||
var dlgWidth = dlgDiv.width();
|
||
var parentWidth = parentDiv.width();
|
||
var dlgHeight = dlgDiv.height();
|
||
var parentHeight = parentDiv.height();
|
||
// TODO: change parentWidth and parentHeight in case of the grid
|
||
// is larger as the browser window
|
||
dlgDiv[0].style.top = Math.round((parentHeight-dlgHeight)/2) + "px";
|
||
dlgDiv[0].style.left = Math.round((parentWidth-dlgWidth)/2) + "px";
|
||
|
||
|
||
alert("hello");*/
|
||
|
||
var dlgDiv = $("#editmodgrid");
|
||
dlgDiv[0].style.top = "30px";
|
||
//
|
||
|
||
if (dashBoard.isAddMode == true) {
|
||
|
||
$('#tr_Amount>td.DataTD>input').insertAfter(' ');
|
||
|
||
$(dashBoard.participantAmtHtmlFormat).insertAfter("#tr_Amount");
|
||
|
||
$('<a >' + lblSaveContinue + '<span class="ui-icon ui-icon-disk"></span></a>')
|
||
.click(function () {
|
||
dashBoard.validateExpenseAddForm(0);
|
||
})
|
||
.addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
|
||
.prependTo("#Act_Buttons>td.EditButton");
|
||
|
||
$('#PaidBy').find('option').remove().end().append(dashBoard.paidByHtml);
|
||
dashBoard.refreshParticipantsExpenseProperties(1);
|
||
dashBoard.setAllCheckImpact();
|
||
dashBoard.hideShowParticipantDetails(false);
|
||
$("#Date").val(dashBoard.currentDate);
|
||
} else {
|
||
dashBoard.loadForEdit();
|
||
}
|
||
},
|
||
|
||
beforeSubmit: function (response, postData) {
|
||
dashBoard.validateExpenseAddForm(1);
|
||
|
||
}
|
||
|
||
});
|
||
|
||
$.extend($.jgrid.del, {
|
||
|
||
caption: lblDeleteExpense,
|
||
msg: lblWantDeleteExpense,
|
||
beforeShowForm: function (){
|
||
$.jgrid.viewModal("#delmodgrid");
|
||
},
|
||
beforeSubmit: function (response, postData) {
|
||
dashBoard.deleteExpense();
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
|
||
this.removeParticipantAmtRows = function removeParticipantAmtRows() {
|
||
$('#tr_IsDetails').remove();
|
||
$('#tr_selectAll').remove();
|
||
for (var index in dashBoard.participants) {
|
||
$('#tr_Participant' + dashBoard.participants[index].id).remove();
|
||
$('#tr_ParticipantDetails' + dashBoard.participants[index].id).remove();
|
||
}
|
||
|
||
|
||
}
|
||
|
||
this.loadForEdit = function loadForEdit() {
|
||
|
||
$('#tr_Amount>td.DataTD>input').insertAfter(' ');
|
||
|
||
$(dashBoard.participantAmtHtmlFormat).insertAfter("#tr_Amount");
|
||
// alert("in LoadForEdit");
|
||
|
||
var rowId = $("#grid").jqGrid('getGridParam', 'selrow');
|
||
|
||
//alert(dashBoard.groupExpenses.length);
|
||
var rowData = jQuery("#grid").getRowData(rowId);
|
||
//alert(dashBoard.groupExpenses[rowData['SI']].id);
|
||
dashBoard.showEditUI(dashBoard.groupExpenses[rowData['SI']]);
|
||
$('#PaidBy').find('option').remove().end().append(dashBoard.paidByHtml);
|
||
}
|
||
|
||
this.changeSingleInvolve = function changeSingleInvolve(participantId) {
|
||
|
||
if ($("#chkParticipant" + participantId).is(':checked')) {
|
||
|
||
dashBoard.participants[participantId].currentInputExpensePart = 1;
|
||
} else {
|
||
$("#chkParticipant" + participantId).prop('checked', false);
|
||
$("#selectAll").prop('checked', false);
|
||
dashBoard.participants[participantId].currentInputExpensePart = 0;
|
||
dashBoard.participants[participantId].isFreeze = 0;
|
||
}
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
|
||
dashBoard.showFreezeAmount();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
dashBoard.scanCheckAllCheckbox();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
}
|
||
|
||
this.changeDetailsPart = function changeDetailsPart(participantId) {
|
||
|
||
var originalValue = $("#participantTextPart" + participantId).val();
|
||
|
||
var filteredValue = $("#participantTextPart" + participantId).val().replace(/[^0-9]/g, '');
|
||
//alert("hello");
|
||
|
||
|
||
if (filteredValue != "" && parseInt(filteredValue) != dashBoard.participants[participantId].currentInputExpensePart) {
|
||
// alert("1");
|
||
dashBoard.participants[participantId].currentInputExpensePart = parseInt(filteredValue);
|
||
dashBoard.participants[participantId].isFreeze = 0;
|
||
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
|
||
} else if (originalValue != "") {
|
||
// alert("2");
|
||
|
||
if (filteredValue == "0") {
|
||
dashBoard.participants[participantId].isFreeze = 0;
|
||
dashBoard.participants[participantId].currentInputExpensePart = 0;
|
||
}
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
} else if (originalValue == "") {
|
||
|
||
if (dashBoard.participants[participantId].isFreeze == 0) {
|
||
//dashBoard.participants[participantId].isFreeze = 0
|
||
dashBoard.participants[participantId].currentInputExpensePart = 0;
|
||
}
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
this.changeDetailsFreeze = function changeDetailsFreeze(participantId) {
|
||
//alert("hello")
|
||
var originalValue = $("#participantTextFreeze" + participantId).val();
|
||
|
||
var filteredValue = $("#participantTextFreeze" + participantId).val().replace(/[^0-9\.]/g, '');
|
||
|
||
if (filteredValue.replace(/[^.]/g, "").length == 2) {
|
||
filteredValue = filteredValue.substring(0, filteredValue.length - 1);
|
||
}
|
||
|
||
if (filteredValue != "" && dashBoard.showFormatedAmount(parseFloat(filteredValue)) != dashBoard.showFormatedAmount(parseFloat(dashBoard.participants[participantId].currentInputExpenseFreezeAmt))) {
|
||
//alert("1");
|
||
//validate if all the freeze amount exceed the input amount, set the current freeze amount = input-(all other freeze amount)
|
||
//filteredValue =
|
||
//dashBoard.setFreezeOnUI(participantId,filteredValue);
|
||
|
||
dashBoard.participants[participantId].currentInputExpensePart = 0;
|
||
dashBoard.participants[participantId].currentInputExpenseFreezeAmt = dashBoard.getFormatedAmount(parseFloat(filteredValue));
|
||
|
||
|
||
if (parseFloat(filteredValue) == parseFloat(0)) {
|
||
dashBoard.participants[participantId].isFreeze = 0;
|
||
} else {
|
||
dashBoard.participants[participantId].isFreeze = 1;
|
||
}
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
} else if (originalValue != "") {
|
||
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
} else if (originalValue == "") {
|
||
//alert("3");
|
||
dashBoard.participants[participantId].currentInputExpensePart = 0;
|
||
dashBoard.participants[participantId].currentInputExpenseFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
dashBoard.participants[participantId].isFreeze = 0;
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
this.changeExpenseAmount = function changeExpenseAmount() {
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showFreezeAmount();
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
dashBoard.scanParticipantCheckBoxs();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
|
||
}
|
||
|
||
this.setShadowOnPartTextBox = function setShadowOnPartTextBox() {
|
||
|
||
//alert(participantId);
|
||
//alert(dashBoard.participants[participantId].isFreeze);
|
||
for (var index in dashBoard.participants) {
|
||
if (dashBoard.participants[index].isFreeze == 1) {
|
||
$("#participantTextPart" + dashBoard.participants[index].id).prop("value", '');
|
||
$("#participantTextPart" + dashBoard.participants[index].id).css('background-color', '#DEDEDE');
|
||
} else {
|
||
|
||
$("#participantTextPart" + dashBoard.participants[index].id).css('background-color', '#FFFFF');
|
||
/*if($("#participantTextPart"+participantId).hasProp("background-color")){
|
||
$("#participantTextPart"+participantId).removeProp("background-color");
|
||
}*/
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
/*this.setFreezeOnUI = function setFreezeOnUI(participantId,newValue){
|
||
if(parseFloat(dashBoard.participants[participantId].currentInputExpenseFreezeAmt) != parseFloat(newValue)){
|
||
$("#participantTextPart"+participantId).prop("value", '');
|
||
$("#participantTextPart"+participantId).css('background-color' , '#DEDEDE');
|
||
}
|
||
}*/
|
||
|
||
|
||
|
||
this.scanParticipantCheckBoxs = function scanParticipantCheckBoxs() {
|
||
|
||
var isAllCheck = true;
|
||
var numberOfInvolves = 0;
|
||
var totalParticipant = 0;
|
||
|
||
for (var index in dashBoard.participants) {
|
||
totalParticipant++;
|
||
if (parseFloat(dashBoard.participants[index].currentInputExpenseFreezeAmt) > 0
|
||
|| $("#chkParticipant" + dashBoard.participants[index].id).is(':checked')) {
|
||
numberOfInvolves++;
|
||
$("#chkParticipant" + dashBoard.participants[index].id).prop('checked', true);
|
||
} else {
|
||
isAllCheck = false;
|
||
$("#chkParticipant" + dashBoard.participants[index].id).prop('checked', false);
|
||
}
|
||
}
|
||
|
||
//dashBoard.participants.length
|
||
|
||
if (numberOfInvolves == totalParticipant) {
|
||
isAllCheck = true;
|
||
}
|
||
|
||
|
||
if (isAllCheck == false) {
|
||
$("#selectAll").prop('checked', false);
|
||
} else {
|
||
$("#selectAll").prop('checked', true);
|
||
}
|
||
|
||
|
||
}
|
||
|
||
this.scanCheckAllCheckbox = function scanCheckAllCheckbox() {
|
||
|
||
|
||
var numberOfInvolves = 0;
|
||
var noOfParticipant = 0;
|
||
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (parseFloat(dashBoard.participants[index].currentInputExpenseFreezeAmt) > 0) {
|
||
numberOfInvolves++;
|
||
}
|
||
|
||
noOfParticipant++;
|
||
|
||
}
|
||
|
||
if (numberOfInvolves == noOfParticipant) {
|
||
$("#selectAll").prop('checked', true);
|
||
} else {
|
||
$("#selectAll").prop('checked', false);
|
||
}
|
||
|
||
}
|
||
|
||
|
||
this.setAllCheckImpact = function setAllCheckImpact() {
|
||
|
||
var commonValue = dashBoard.getFormatedAmount(0);
|
||
var isCheckAll = false;
|
||
|
||
if ($("#selectAll").is(':checked')) {
|
||
isCheckAll = true;
|
||
//commonValue = dashBoard.getFormatedAmount(dashBoard.currentInputAmount/dashBoard.getNumberOfParticipants());
|
||
}
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (isCheckAll == true) {
|
||
$("#chkParticipant" + dashBoard.participants[index].id).prop('checked', true);
|
||
|
||
if (dashBoard.participants[index].currentInputExpensePart >= 0) {
|
||
dashBoard.participants[index].currentInputExpensePart = 1;
|
||
}
|
||
|
||
|
||
} else {
|
||
$("#chkParticipant" + dashBoard.participants[index].id).prop('checked', false);
|
||
|
||
dashBoard.participants[index].currentInputExpensePart = 0;
|
||
dashBoard.participants[index].currentInputExpenseFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
}
|
||
|
||
|
||
|
||
//$("#pamount_"+dashBoard.participants[index].id).html(commonValue+" "+dashBoard.expense.currency);
|
||
|
||
|
||
}
|
||
|
||
dashBoard.calculateFinalFreezeExpenseAmount();
|
||
dashBoard.showFreezeAmount();
|
||
dashBoard.setShadowOnPartTextBox();
|
||
|
||
}
|
||
|
||
|
||
|
||
this.refreshParticipantsExpenseProperties = function refreshParticipantsExpenseProperties(defaultPart) {
|
||
dashBoard.currentInputAmount = 0;
|
||
for (var index in dashBoard.participants) {
|
||
dashBoard.participants[index].currentInputExpensePart = defaultPart;
|
||
dashBoard.participants[index].isFreeze = 0;
|
||
dashBoard.participants[index].currentInputExpenseFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
}
|
||
|
||
}
|
||
|
||
this.showFreezeAmount = function showFreezeAmount() {
|
||
for (var index in dashBoard.participants) {
|
||
$("#pamount_" + dashBoard.participants[index].id).html(dashBoard.showFormatedAmount(dashBoard.participants[index].currentInputExpenseFreezeAmt) + " " + dashBoard.expense.currency);
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
this.calculateFinalFreezeExpenseAmount = function calculateFinalFreezeExpenseAmount() {
|
||
|
||
//get total parts of current participants
|
||
var totalParts = 0;
|
||
var totalFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
for (var index in dashBoard.participants) {
|
||
//alert(dashBoard.participants[index].currentInputExpensePart);
|
||
|
||
if (parseFloat(dashBoard.participants[index].currentInputExpenseFreezeAmt) == parseFloat(0)) {
|
||
dashBoard.participants[index].isFreeze = 0;
|
||
}
|
||
|
||
if (dashBoard.participants[index].isFreeze == 0) {
|
||
totalParts += parseInt(dashBoard.participants[index].currentInputExpensePart);
|
||
} else {
|
||
totalFreezeAmt = dashBoard.getFormatedAmount(parseFloat(totalFreezeAmt) + parseFloat(dashBoard.participants[index].currentInputExpenseFreezeAmt));
|
||
}
|
||
}
|
||
|
||
|
||
if ((dashBoard.getFormatedAmount(dashBoard.currentInputAmount) > dashBoard.getFormatedAmount(0))
|
||
&& (parseFloat(totalFreezeAmt) > parseFloat(dashBoard.currentInputAmount))) {
|
||
//if totalFreeze amount exceed expense input reset all the parts and freeze amount equal
|
||
|
||
//totalFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
//dashBoard.resetAllPartAndFreezeAmt();
|
||
//totalParts = dashBoard.getNumberOfParticipants();
|
||
} else if (dashBoard.getFormatedAmount(dashBoard.currentInputAmount) > 0 && parseFloat(totalFreezeAmt) == parseFloat(dashBoard.currentInputAmount)) {
|
||
//if totalFreeze amount is equal to expense input amount,no need to keep part for where isFreeze=0
|
||
dashBoard.resetUnfreezeAmt();
|
||
totalParts = 0;
|
||
}
|
||
|
||
//set final freeze amount
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (dashBoard.participants[index].isFreeze == 0 && totalParts > 0) {
|
||
|
||
dashBoard.participants[index].currentInputExpenseFreezeAmt = dashBoard.getFormatedAmount(((parseFloat(dashBoard.currentInputAmount) - parseFloat(totalFreezeAmt)) / totalParts) * dashBoard.participants[index].currentInputExpensePart);
|
||
//Freeze amount can not be negative
|
||
if (parseFloat(dashBoard.participants[index].currentInputExpenseFreezeAmt) < 0) {
|
||
dashBoard.participants[index].currentInputExpenseFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
}
|
||
} else if (dashBoard.participants[index].isFreeze == 0) {
|
||
dashBoard.participants[index].currentInputExpenseFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
this.resetAllPartAndFreezeAmt = function resetAllPartAndFreezeAmt() {
|
||
for (var index in dashBoard.participants) {
|
||
if (dashBoard.participants[index].isFreeze == 0) {
|
||
dashBoard.participants[index].currentInputExpensePart = 1;
|
||
dashBoard.participants[index].isFreeze = 0;
|
||
}
|
||
}
|
||
}
|
||
|
||
this.resetUnfreezeAmt = function resetUnfreezeAmt() {
|
||
/*for (var index in dashBoard.participants) {
|
||
if(dashBoard.participants[index].isFreeze == 0){
|
||
//dashBoard.participants[index].currentInputExpensePart = 0;
|
||
}
|
||
}*/
|
||
}
|
||
|
||
this.updateBalance = function updateBalance() {
|
||
//balance
|
||
}
|
||
|
||
|
||
this.setParticipantAmtHtmlFormat = function setParticipantAmtHtmlFormat() {
|
||
dashBoard.paidByHtml = "";
|
||
var result = '<tr id="tr_IsDetails" class="FormData" rowpos="5"><td class="CaptionTD"></td><td class="DataTD"> <input class="FormElement ui-widget-content ui-corner-all" role="checkbox" name="Details" id="Details" onClick="dashBoard.setDetailsCheckImpact()" type="checkbox"> Split <input class="FormElement ui-widget-content ui-corner-all" role="checkbox" name="advance" id="advance" value="1" type="checkbox"> Advance</td></tr>';
|
||
result += '<tr class="FormData" ><td colspan="2"><table class="gridTablePopup gridTableCheckbox">';
|
||
//
|
||
result += '<tr id="tr_selectAll" rowpos="6"><th width="60">All <input role="checkbox" name="selectAll" id="selectAll" onClick="dashBoard.setAllCheckImpact()" checked type="checkbox"></th> <th colspan="2"> </th> </tr>';
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
result += '<tr id="tr_Participant' + dashBoard.participants[index].id + '" rowpos="7"><td><input onClick="dashBoard.changeSingleInvolve(' + "'" + dashBoard.participants[index].id + "'" + ')" role="checkbox" name="Participant' + dashBoard.participants[index].id + '" id="chkParticipant' + dashBoard.participants[index].id + '" type="checkbox"></td><td>' + dashBoard.participants[index].name + ' </td><td><div id="pamount_' + dashBoard.participants[index].id + '"></div></td></tr>';
|
||
}
|
||
|
||
result = result + ' </table></td></tr>';
|
||
/*var result = '<tr id="tr_IsDetails" class="FormData" rowpos="5"><td class="CaptionTD"></td><td class="DataTD"> <input class="FormElement ui-widget-content ui-corner-all" role="checkbox" name="Details" id="Details" onClick="dashBoard.setDetailsCheckImpact()" type="checkbox">Breakdown</td></tr>';
|
||
result += '<tr id="tr_selectAll" class="FormData" rowpos="6"><td class="CaptionTD"></td><td class="DataTD"> <input class="FormElement ui-widget-content ui-corner-all" role="checkbox" name="selectAll" id="selectAll" onClick="dashBoard.setAllCheckImpact()" checked type="checkbox">Check All</td></tr>';
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
result += '<tr id="tr_Participant'+dashBoard.participants[index].id+'" class="FormData" rowpos="7"><td class="CaptionTD"><input onClick="dashBoard.changeSingleInvolve('+"'"+dashBoard.participants[index].id+"'"+')" class="FormElement ui-widget-content ui-corner-all" role="checkbox" name="Participant'+dashBoard.participants[index].id+'" id="chkParticipant'+dashBoard.participants[index].id+'" type="checkbox">'+ dashBoard.participants[index].name+' </td><td class="DataTD"><div id="pamount_'+dashBoard.participants[index].id+'"></div></td></tr>';
|
||
}
|
||
*/
|
||
dashBoard.setPaidBy(dashBoard.loginParticipantId);
|
||
|
||
result += '<tr class="FormData" ><td colspan="2"><table class="gridTablePopup gridTableCheckbox">';
|
||
for (var index in dashBoard.participants) {
|
||
result += '<tr id="tr_ParticipantDetails' + dashBoard.participants[index].id + '" rowpos="7"><td >' + dashBoard.participants[index].name + ' </td><td><input type=text onblur="dashBoard.changeDetailsPart(' + "'" + dashBoard.participants[index].id + "'" + ')" id="participantTextPart' + dashBoard.participants[index].id + '" maxlength="5" style="width: 40px"> </td><td><input type=text onblur="dashBoard.changeDetailsFreeze(' + "'" + dashBoard.participants[index].id + "'" + ')" id="participantTextFreeze' + dashBoard.participants[index].id + '" style="width: 90px"> ' + dashBoard.expense.currency + '</td></tr>';
|
||
}
|
||
result = result + ' </table></td></tr>';
|
||
|
||
dashBoard.participantAmtHtmlFormat = result;
|
||
}
|
||
|
||
this.setPaidBy = function setPaidBy(selectedParticipantId) {
|
||
|
||
dashBoard.paidByHtml = "";
|
||
|
||
for (var index in dashBoard.participants) {
|
||
//alert(dashBoard.participants[index].id);
|
||
//alert(selectedParticipantId);
|
||
if (dashBoard.participants[index].id == selectedParticipantId) {
|
||
|
||
dashBoard.paidByHtml += '<option value="' + dashBoard.participants[index].id + '" selected role="option">' + dashBoard.participants[index].name + '</option>';
|
||
} else {
|
||
dashBoard.paidByHtml += '<option value="' + dashBoard.participants[index].id + '" role="option">' + dashBoard.participants[index].name + '</option>';
|
||
}
|
||
}
|
||
}
|
||
|
||
this.setParticipantAmountInfoByAmtStr = function setParticipantAmountInfoByAmtStr(amtStr) {
|
||
|
||
var amtStrArray = amtStr.split(",");
|
||
var totalInvolves = 0;
|
||
var noOfParticipant = 0;
|
||
|
||
for (var index in dashBoard.participants) {
|
||
noOfParticipant++;
|
||
}
|
||
|
||
for (var i = 0; i < amtStrArray.length; i++) {
|
||
var values = amtStrArray[i].split("|");
|
||
|
||
if (values[1] == "") {
|
||
|
||
dashBoard.participants[values[0]].isFreeze = 1;
|
||
dashBoard.participants[values[0]].currentInputExpensePart = 0;
|
||
} else {
|
||
dashBoard.participants[values[0]].isFreeze = 0;
|
||
dashBoard.participants[values[0]].currentInputExpensePart = values[1];
|
||
}
|
||
|
||
dashBoard.participants[values[0]].currentInputExpenseFreezeAmt = values[2];
|
||
if (parseFloat(dashBoard.participants[values[0]].currentInputExpenseFreezeAmt) > parseFloat(0)) {
|
||
totalInvolves++;
|
||
$("#chkParticipant" + values[0]).prop('checked', true);
|
||
|
||
}
|
||
|
||
}
|
||
|
||
//check or uncheck checkBox
|
||
if (totalInvolves != noOfParticipant) {
|
||
$("#selectAll").prop('checked', false);
|
||
}
|
||
|
||
}
|
||
this.showEditUI = function showEditUI(expenseObj) {
|
||
|
||
dashBoard.currentEditGroupExpense = expenseObj;
|
||
|
||
//set paid by
|
||
dashBoard.setPaidBy(expenseObj.paidBy);
|
||
|
||
//assign parts and freeze amounts to all participants
|
||
if (expenseObj.isDetails == 1) {
|
||
dashBoard.refreshParticipantsExpenseProperties(0);
|
||
} else {
|
||
dashBoard.refreshParticipantsExpenseProperties(0);
|
||
}
|
||
dashBoard.setParticipantAmountInfoByAmtStr(expenseObj.participantAmountStr);
|
||
|
||
dashBoard.currentInputAmount = expenseObj.amount;
|
||
|
||
//hide show details section
|
||
// alert(expenseObj.isDetails);
|
||
if (expenseObj.isDetails == 1) {
|
||
dashBoard.hideShowParticipantDetails(true);
|
||
$("#Details").prop('checked', true);
|
||
dashBoard.setDetailsCheckImpact();
|
||
} else {
|
||
dashBoard.hideShowParticipantDetails(false)
|
||
dashBoard.setDetailsCheckImpact();
|
||
}
|
||
// console.log(expenseObj);
|
||
if (expenseObj.extras != "" && expenseObj.extras != null) {
|
||
expenseExtras = expenseObj.extras;
|
||
var splitextras = expenseExtras.split("|");
|
||
// console.log(splitextras[0]);
|
||
if (splitextras[0] == 1) {
|
||
$("#Reason").attr("data-extras", "1");
|
||
} else if (splitextras[0] == 2) {
|
||
$("#advance").attr("checked", "checked");
|
||
}
|
||
}
|
||
if (expenseObj.advance == 1) {
|
||
$("#advance").attr("checked", "checked");
|
||
}
|
||
|
||
/* this.isFreeze;
|
||
this.currentInputExpensePart;
|
||
this.currentInputExpenseFreezeAmt; */
|
||
//alert(expenseObj.paidBy);
|
||
//alert(expenseObj.paidBy);
|
||
|
||
|
||
//dashBoard.calculateFinalFreezeExpenseAmount();
|
||
|
||
//dashBoard.showFreezeAmount();
|
||
//dashBoard.setShadowOnPartTextBox();
|
||
//alert(dashBoard.paidByHtml);
|
||
/*for (var index in dashBoard.participants) {
|
||
|
||
$("#chkParticipant"+dashBoard.participants[index].id).check(true);
|
||
}*/
|
||
}
|
||
|
||
this.setDetailsCheckImpact = function setDetailsCheckImpact() {
|
||
|
||
if ($("#Details").is(':checked')) {
|
||
dashBoard.hideShowParticipantDetails(true);
|
||
} else {
|
||
dashBoard.hideShowParticipantDetails(false);
|
||
}
|
||
dashBoard.setShadowOnPartTextBox();
|
||
}
|
||
|
||
|
||
this.showPartAndFreezeAmtInDetails = function showPartAndFreezeAmtInDetails() {
|
||
for (var index in dashBoard.participants) {
|
||
//set part and freezeAmt from participants
|
||
|
||
$("#participantTextPart" + dashBoard.participants[index].id).val(dashBoard.participants[index].currentInputExpensePart);
|
||
$("#participantTextFreeze" + dashBoard.participants[index].id).val(dashBoard.showFormatedAmount(dashBoard.participants[index].currentInputExpenseFreezeAmt));
|
||
}
|
||
}
|
||
|
||
this.hideShowParticipantDetails = function hideShowParticipantDetails(isDetails) {
|
||
if (isDetails == true) {
|
||
//hide simple
|
||
$("#tr_selectAll").hide();
|
||
for (var index in dashBoard.participants) {
|
||
$("#tr_Participant" + dashBoard.participants[index].id).hide();
|
||
$("#tr_ParticipantDetails" + dashBoard.participants[index].id).show();
|
||
}
|
||
|
||
dashBoard.showPartAndFreezeAmtInDetails();
|
||
|
||
} else {
|
||
$("#tr_selectAll").show();
|
||
for (var index in dashBoard.participants) {
|
||
$("#tr_Participant" + dashBoard.participants[index].id).show();
|
||
$("#tr_ParticipantDetails" + dashBoard.participants[index].id).hide();
|
||
}
|
||
dashBoard.showFreezeAmount();
|
||
|
||
|
||
}
|
||
}
|
||
|
||
// Utilities functions
|
||
this.getCurrency = function getCurrency() {
|
||
return dashBoard.expense.currency;
|
||
}
|
||
|
||
this.getFormatedAmount = function getFormatedAmount(amount) {
|
||
return parseFloat(amount).toFixed(15);
|
||
}
|
||
|
||
this.getFormatedAmountDB = function getFormatedAmountDB(amount) {
|
||
return parseFloat(amount).toFixed(4);
|
||
}
|
||
|
||
this.showFormatedAmount = function showFormatedAmount(amount) {
|
||
return parseFloat(amount).toFixed(2);
|
||
}
|
||
|
||
this.getFormatedDate = function getFormatedDate(date) {
|
||
|
||
var dateObj = new Date((new Date(date * 1000)).toUTCString());
|
||
//return date.getdays()+"/"+date.getMonths()+"/"+date.getYears(); var a = new Date(UNIX_timestamp*1000);
|
||
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
||
var year = dateObj.getFullYear();
|
||
var month = months[dateObj.getMonth()];
|
||
var date = String(dateObj.getDate());
|
||
var time;
|
||
|
||
if (date.length == 1) {
|
||
|
||
time = '0' + date + '-' + month + '-' + year;
|
||
|
||
} else {
|
||
time = date + '-' + month + '-' + year;
|
||
}
|
||
|
||
|
||
return time;
|
||
}
|
||
|
||
this.getFormatedDbDate = function getFormatedDbDate(date) {
|
||
|
||
var time;
|
||
|
||
if (date != "" && date != null) {
|
||
var dateObj = date.split(" ");
|
||
var dateInfo = dateObj[0].split("-");
|
||
//return date.getdays()+"/"+date.getMonths()+"/"+date.getYears(); var a = new Date(UNIX_timestamp*1000);
|
||
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
||
var year = dateInfo[0];
|
||
var month = months[parseInt(dateInfo[1]) - 1];
|
||
var date = String(dateInfo[2]);
|
||
|
||
|
||
if (date.length == 1) {
|
||
|
||
time = '0' + date + '-' + month + '-' + year;
|
||
|
||
} else {
|
||
time = date + '-' + month + '-' + year;
|
||
}
|
||
|
||
}
|
||
|
||
return time;
|
||
}
|
||
|
||
this.setCurrentDate = function setCurrentDate() {
|
||
|
||
var dateObj = new Date();
|
||
//return date.getdays()+"/"+date.getMonths()+"/"+date.getYears(); var a = new Date(UNIX_timestamp*1000);
|
||
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
||
var year = dateObj.getFullYear();
|
||
var month = months[dateObj.getMonth()];
|
||
var date = String(dateObj.getDate());
|
||
|
||
if (date.length == 1) {
|
||
date = "0" + date;
|
||
}
|
||
|
||
dashBoard.currentDate = date + '-' + month + '-' + year;
|
||
|
||
}
|
||
|
||
|
||
|
||
this.getInvolveString = function getInvolveString(participantAmountStr) {
|
||
|
||
var involveStrAll = "";
|
||
var involveStrExcept = "";
|
||
var involveParticipantList = [];
|
||
|
||
|
||
//calculate involveStr
|
||
var participantInvolveList = participantAmountStr.split(",");
|
||
for (var i = 0; i < participantInvolveList.length; i++) {
|
||
|
||
var participantAndAmountArray = participantInvolveList[i].split("|");
|
||
involveParticipantList[i] = participantAndAmountArray[0];
|
||
if (i == 0) {
|
||
involveStrAll = dashBoard.participants[participantAndAmountArray[0]].name;
|
||
} else {
|
||
involveStrAll += "," + dashBoard.participants[participantAndAmountArray[0]].name;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
//calculate involveStrExcept
|
||
if (dashBoard.getNumberOfParticipants() == involveParticipantList.length) {
|
||
involveStrExcept = "all";
|
||
} else {
|
||
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (dashBoard.inArrayElement(involveParticipantList, dashBoard.participants[index].id) == false) {
|
||
if (involveStrExcept == "") {
|
||
involveStrExcept += "all except " + dashBoard.participants[index].name;
|
||
} else {
|
||
involveStrExcept += "," + dashBoard.participants[index].name;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
if (involveStrAll.length > involveStrExcept.length) {
|
||
return involveStrExcept;
|
||
} else {
|
||
return involveStrAll;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
this.inArrayElement = function inArrayElement(array, value) {
|
||
|
||
var result = false;
|
||
for (var i = 0; i < array.length; i++) {
|
||
if (array[i] === value) {
|
||
result = true;
|
||
break;
|
||
}
|
||
}
|
||
return result;
|
||
|
||
}
|
||
|
||
this.getForYouString = function getForYouString(participantAmountStr) {
|
||
|
||
var forYou = "";
|
||
|
||
var participantInvolveList = participantAmountStr.split(",");
|
||
for (var i = 0; i < participantInvolveList.length; i++) {
|
||
|
||
var participantAndAmountArray = participantInvolveList[i].split("|");
|
||
if (participantAndAmountArray[0] == dashBoard.loginParticipantId) {
|
||
forYou = dashBoard.getFormatedAmount(participantAndAmountArray[2]);
|
||
}
|
||
}
|
||
|
||
if (forYou == "") {
|
||
forYou = dashBoard.getFormatedAmount(0);
|
||
}
|
||
|
||
return forYou;
|
||
}
|
||
|
||
this.getForYouStringPrint = function getForYouStringPrint(participantAmountStr) {
|
||
|
||
var forYou = "";
|
||
|
||
var participantInvolveList = participantAmountStr.split(",");
|
||
for (var i = 0; i < participantInvolveList.length; i++) {
|
||
|
||
var participantAndAmountArray = participantInvolveList[i].split("|");
|
||
if (participantAndAmountArray[0] == dashBoard.loginParticipantId) {
|
||
forYou = dashBoard.showFormatedAmount(participantAndAmountArray[2]);
|
||
}
|
||
}
|
||
|
||
if (forYou == "") {
|
||
forYou = dashBoard.showFormatedAmount(0);
|
||
}
|
||
|
||
return forYou;
|
||
}
|
||
|
||
|
||
this.validateExpenseAddForm = function validateExpenseAddForm(source) {
|
||
|
||
var errorMessage = "";
|
||
|
||
//validate Balance Expense
|
||
var extrasVal = $('#Reason').data('extras');
|
||
|
||
if ($('#Reason').val() == 'Balance Expense' || parseInt(extrasVal) == 1) {
|
||
errorMessage = lblSettledExpenseNotEditable
|
||
}
|
||
|
||
|
||
//validate expense name
|
||
if (!$('#Reason').val().trim()) {
|
||
errorMessage = lblPleaseEnterNameOfExpense
|
||
} else if ($('#Reason').val().trim().length > 25) {
|
||
errorMessage = lblExpenseNameLessThanChar
|
||
}
|
||
|
||
//validate amount field
|
||
if (errorMessage == "") {
|
||
if (!$('#Amount').val().trim()) {
|
||
errorMessage = lblValidAmount
|
||
} else if (parseFloat($('#Amount').val()) <= parseFloat(0)) {
|
||
errorMessage = lblValidAmount
|
||
}
|
||
}
|
||
|
||
|
||
//validate freeze amount
|
||
if (errorMessage == "") {
|
||
var totalFreezeAmt = dashBoard.getFormatedAmount(0);
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
totalFreezeAmt = parseFloat(totalFreezeAmt) + parseFloat(dashBoard.getFormatedAmount(dashBoard.participants[index].currentInputExpenseFreezeAmt));
|
||
}
|
||
|
||
if (dashBoard.showFormatedAmount(totalFreezeAmt) != dashBoard.showFormatedAmount($('#Amount').val().trim())) {
|
||
errorMessage = lblDistributedAmountSame
|
||
}
|
||
}
|
||
|
||
|
||
|
||
//validate date
|
||
if (errorMessage == "") {
|
||
|
||
if ($('#Date').val().trim() != "") {
|
||
var dateArray = $('#Date').val().trim().split("-");
|
||
if (dateArray.length != 3) {
|
||
errorMessage = lblDateNotValid;
|
||
} else {
|
||
errorMessage = isValidDate(dateArray);
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
//set or clear error message
|
||
if (errorMessage != "") {
|
||
dashBoard.showErrorMessage(errorMessage);
|
||
} else {
|
||
|
||
dashBoard.clearErrorMessage();
|
||
addExpense();
|
||
if (source == 1) {
|
||
$(".ui-icon-closethick").trigger('click');
|
||
} else {
|
||
dashBoard.clearAddForm();
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
this.showErrorMessage = function showErrorMessage(msg) {
|
||
$("#FormError").show();
|
||
$(".ui-state-error").html(msg);
|
||
}
|
||
|
||
this.clearErrorMessage = function clearErrorMessage() {
|
||
$("#FormError").hide();
|
||
$(".ui-state-error").html("");
|
||
}
|
||
|
||
this.clearAddForm = function clearAddForm() {
|
||
$('#Reason').val("");
|
||
$('#Amount').val("");
|
||
$("#Details").prop('checked', false);
|
||
$("#selectAll").prop('checked', true);
|
||
dashBoard.refreshParticipantsExpenseProperties(1);
|
||
dashBoard.setAllCheckImpact();
|
||
dashBoard.hideShowParticipantDetails(false);
|
||
$('#Reason').focus();
|
||
}
|
||
|
||
|
||
this.addRowsToGrid = function addRowsToGrid(data, addRow = 0) {
|
||
var names = ['SI', 'PaidBy', 'Amount', 'Reason', 'Date', 'Involve', 'For you?'];
|
||
var mydata = [];
|
||
|
||
|
||
for (var i = 0; i < data.length; i++) {
|
||
mydata[i] = {};
|
||
|
||
for (var j = 0; j < data[i].length; j++) {
|
||
|
||
mydata[i][names[j]] = data[i][j];
|
||
}
|
||
}
|
||
|
||
if (dashBoard.isAddMode == true) {
|
||
if (addRow) {
|
||
for (var i = 0; i < mydata.length; i++) {
|
||
|
||
//alert(i + 1);
|
||
//alert(mydata[i]);
|
||
|
||
$("#grid").jqGrid('addRowData', data[i][0], mydata[i]);
|
||
}
|
||
} else {
|
||
return mydata;
|
||
}
|
||
} else {
|
||
|
||
$("#grid").jqGrid('setRowData', data[0][0], mydata[0]);
|
||
dashBoard.isAddMode = true;
|
||
}
|
||
}
|
||
|
||
this.getExpenseUniqueId = function getExpenseUniqueId() {
|
||
|
||
var maxExpId = 0;
|
||
var extractedIndex = 0;
|
||
var expenseIdArray;
|
||
//for(var i=0;i<dashBoard.groupExpenses.length;i++){
|
||
for (var id in dashBoard.groupExpenses) {
|
||
//alert("2");
|
||
expenseIdArray = dashBoard.groupExpenses[id].id.split("-");
|
||
//alert("3");
|
||
if (expenseIdArray[0] == dashBoard.loginParticipantId && maxExpId < parseInt(expenseIdArray[1])) {
|
||
//alert("4");
|
||
maxExpId = parseInt(expenseIdArray[1]);
|
||
}
|
||
}
|
||
|
||
return String(dashBoard.loginParticipantId) + "-" + String(pad(maxExpId + 1, 5)) + "-" + dashBoard.expense.id;
|
||
}
|
||
|
||
this.isValueModified = function isValueModified(oldExpObj, newExpObj) {
|
||
|
||
var isChanged = false;
|
||
|
||
if (oldExpObj.expenseName != newExpObj.expenseName) {
|
||
//alert(oldExpObj.expenseName);
|
||
//alert(newExpObj.expenseName);
|
||
isChanged = true;
|
||
} else if (oldExpObj.paidBy != newExpObj.paidBy) {
|
||
//alert("in paid by");
|
||
isChanged = true;
|
||
} else if (oldExpObj.expenseDate != newExpObj.expenseDate) {
|
||
///alert(oldExpObj.expenseDate);
|
||
// alert(newExpObj.expenseDate);
|
||
//alert("in date");
|
||
isChanged = true;
|
||
} else if (parseFloat(oldExpObj.amount) != parseFloat(newExpObj.amount)) {
|
||
isChanged = true;
|
||
} else if (oldExpObj.participantAmountStr != newExpObj.participantAmountStr) {
|
||
// alert(oldExpObj.participantAmountStr);
|
||
//alert(newExpObj.participantAmountStr);
|
||
isChanged = true;
|
||
} else if (oldExpObj.advance != newExpObj.advance) {
|
||
isChanged = true;
|
||
}
|
||
|
||
//alert(isChanged);
|
||
return isChanged;
|
||
|
||
}
|
||
|
||
|
||
this.addExpenseToGrid = function addExpenseToGrid() {
|
||
var groupExpenseObj;
|
||
|
||
var previousDesc;
|
||
var newDesc;
|
||
var previousPaidBy;
|
||
var advance = 0;
|
||
|
||
//collect data from edit form
|
||
if (dashBoard.isAddMode == true) {
|
||
|
||
|
||
|
||
groupExpenseObj = new GroupExpense();
|
||
//groupExpenseObj.index = dashBoard.globalExpenseIndex++;
|
||
groupExpenseObj.id = dashBoard.getExpenseUniqueId();
|
||
groupExpenseObj.expenseId = dashBoard.expense.id;
|
||
groupExpenseObj.isAdd = "1";
|
||
groupExpenseObj = dashBoard.getInputFormData(groupExpenseObj);
|
||
groupExpenseObj.type = 1;
|
||
|
||
dashBoard.globalExpenseIndex++;
|
||
|
||
} else {
|
||
|
||
groupExpenseObj = new GroupExpense();
|
||
groupExpenseObj = dashBoard.getInputFormData(groupExpenseObj);
|
||
//check whether data is modified or not. If not change then return
|
||
if (!dashBoard.isValueModified(dashBoard.currentEditGroupExpense, groupExpenseObj)) {
|
||
return;
|
||
} else {
|
||
previousPaidBy = dashBoard.participants[dashBoard.currentEditGroupExpense.paidBy].name;
|
||
previousDesc = dashBoard.getGeneratedLog(dashBoard.currentEditGroupExpense);
|
||
newDesc = dashBoard.getGeneratedLog(groupExpenseObj);
|
||
}
|
||
|
||
groupExpenseObj = dashBoard.currentEditGroupExpense;
|
||
groupExpenseObj = dashBoard.getInputFormData(groupExpenseObj);
|
||
|
||
groupExpenseObj.expenseId = dashBoard.expense.id;
|
||
groupExpenseObj.isAdd = "2";
|
||
//groupExpenseObj.index = dashBoard.currentEditGroupExpense.index;
|
||
groupExpenseObj.id = dashBoard.currentEditGroupExpense.id;
|
||
|
||
groupExpenseObj.previousDesc = previousDesc;
|
||
groupExpenseObj.newDesc = newDesc;
|
||
groupExpenseObj.previousPaidBy = previousPaidBy;
|
||
|
||
if (document.getElementById("advance").checked == true) {
|
||
advance = 1;
|
||
groupExpenseObj.extras = "2";
|
||
}
|
||
groupExpenseObj.advance = advance;
|
||
|
||
}
|
||
|
||
|
||
groupExpenseObj.isreimburse = 0;
|
||
|
||
|
||
dashBoard.processExpenseData(groupExpenseObj);
|
||
|
||
//alert("changing....");
|
||
}
|
||
|
||
this.processExpenseData = function processExpenseData(groupExpenseObj) {
|
||
|
||
dashBoard.groupExpenses[groupExpenseObj.id] = groupExpenseObj;
|
||
|
||
sendDataToServer(groupExpenseObj, "#expenseForm");
|
||
|
||
|
||
var data = [];
|
||
//alert(dashBoard.getDataByExpense(groupExpenseObj.index,groupExpenseObj));
|
||
|
||
data.push(dashBoard.getDataByExpense(groupExpenseObj));
|
||
|
||
dashBoard.addRowsToGrid(data, 1);
|
||
|
||
//go to the last page after adding record
|
||
dashBoard.setPageAfterAdd('#grid');
|
||
|
||
|
||
}
|
||
|
||
this.setPageAfterAdd = function setPageAfterAdd(grid_id) {
|
||
if (dashBoard.isAddMode == true) {
|
||
var lastPage = $(grid_id).getGridParam('lastpage');
|
||
var totalRecords = $(grid_id).getGridParam('records');
|
||
var rowNum = $(grid_id).getGridParam('rowNum');
|
||
|
||
if (totalRecords > (rowNum * lastPage)) {
|
||
lastPage++;
|
||
}
|
||
|
||
$(grid_id).setGridParam({ page: lastPage });
|
||
$(grid_id).trigger("reloadGrid");
|
||
}
|
||
}
|
||
|
||
this.setPageAfterDelete = function setPageAfterDelete(grid_id) {
|
||
|
||
var currentPage = $(grid_id).getGridParam('page');
|
||
var rowCount = $(grid_id).getGridParam('reccount');
|
||
var rowNum = $(grid_id).getGridParam('rowNum');
|
||
|
||
if (rowCount == 0 && currentPage > 1) {
|
||
currentPage = currentPage - 1;
|
||
$(grid_id).setGridParam({ page: currentPage });
|
||
|
||
}
|
||
$(grid_id).trigger("reloadGrid");
|
||
|
||
}
|
||
|
||
this.getGeneratedLog = function getGeneratedLog(expenseObj) {
|
||
|
||
var logStr = "";
|
||
|
||
logStr += "[Title:" + expenseObj.expenseName + "],";
|
||
logStr += "[PaidBy:" + dashBoard.participants[expenseObj.paidBy].name + "],";
|
||
logStr += "[Date:" + expenseObj.expenseDate + "],";
|
||
logStr += "[Amount:" + dashBoard.showFormatedAmount(expenseObj.amount) + ' ' + dashBoard.expense.currency + "],";
|
||
logStr += "[Involves:";
|
||
|
||
var participantAmtStrArray = expenseObj.participantAmountStr.split(",");
|
||
for (var index in participantAmtStrArray) {
|
||
var dataArray = participantAmtStrArray[index].split("|");
|
||
if (index == 0) {
|
||
logStr += dashBoard.participants[dataArray[0]].name + "=" + dashBoard.showFormatedAmount(dataArray[2]);
|
||
} else {
|
||
logStr += "," + dashBoard.participants[dataArray[0]].name + "=" + dashBoard.showFormatedAmount(dataArray[2]);
|
||
}
|
||
}
|
||
logStr += "]";
|
||
|
||
|
||
return logStr;
|
||
}
|
||
|
||
this.getInputFormData = function getInputFormData(groupExpenseObj) {
|
||
|
||
|
||
|
||
var amountStr = "";
|
||
var isDetails = false;
|
||
var advance = 0;
|
||
if (document.getElementById("advance").checked == true) {
|
||
advance = 1;
|
||
}
|
||
groupExpenseObj.advance = advance;
|
||
groupExpenseObj.paidBy = $('#PaidBy').val();
|
||
groupExpenseObj.expenseName = $('#Reason').val();
|
||
groupExpenseObj.amount = $('#Amount').val();
|
||
groupExpenseObj.expenseDate = $('#Date').val();// getTimeStampByInputDate($('#Date').val());
|
||
//return groupExpenseObj;
|
||
|
||
for (var index in dashBoard.participants) {
|
||
if ($("#chkParticipant" + dashBoard.participants[index].id).is(':checked')) {
|
||
|
||
if (amountStr == "") {
|
||
if (dashBoard.participants[index].isFreeze == 1) {
|
||
dashBoard.participants[index].currentInputExpensePart = "";
|
||
}
|
||
amountStr += dashBoard.participants[index].id + "|" + dashBoard.participants[index].currentInputExpensePart + "|" + dashBoard.getFormatedAmountDB(dashBoard.participants[index].currentInputExpenseFreezeAmt);
|
||
|
||
} else {
|
||
if (dashBoard.participants[index].isFreeze == 1) {
|
||
dashBoard.participants[index].currentInputExpensePart = "";
|
||
}
|
||
amountStr += "," + dashBoard.participants[index].id + "|" + dashBoard.participants[index].currentInputExpensePart + "|" + dashBoard.getFormatedAmountDB(dashBoard.participants[index].currentInputExpenseFreezeAmt);
|
||
|
||
}
|
||
}
|
||
|
||
if ((dashBoard.participants[index].isFreeze == 1) || dashBoard.participants[index].currentInputExpensePart > 1) {
|
||
isDetails = true;
|
||
}
|
||
}
|
||
|
||
if (isDetails) {
|
||
groupExpenseObj.isDetails = 1;
|
||
} else {
|
||
groupExpenseObj.isDetails = 0;
|
||
}
|
||
|
||
|
||
groupExpenseObj.participantAmountStr = amountStr;
|
||
|
||
return groupExpenseObj;
|
||
}
|
||
|
||
this.deleteExpense = function deleteExpense() {
|
||
|
||
var rowId = $("#grid").jqGrid('getGridParam', 'selrow');
|
||
var i;
|
||
/*alert(rowId);
|
||
for(var index in dashBoard.groupExpenses){
|
||
alert(dashBoard.groupExpenses[index].id);
|
||
break;
|
||
}
|
||
*/
|
||
$('#grid').jqGrid('delRowData', rowId);
|
||
var deletedExpObj = dashBoard.groupExpenses[rowId];
|
||
//alert(deletedExpObj.expenseName);
|
||
delete dashBoard.groupExpenses[rowId];
|
||
//alert(deletedExpObj.id);
|
||
deletedExpObj.isAdd = "3";
|
||
|
||
//set log info
|
||
deletedExpObj.previousDesc = dashBoard.getGeneratedLog(deletedExpObj);
|
||
deletedExpObj.newDesc = "Deleted";
|
||
deletedExpObj.previousPaidBy = dashBoard.participants[deletedExpObj.paidBy].name;
|
||
|
||
/*for(i=rowId-1;i<dashBoard.groupExpenses.length-1;i++){
|
||
dashBoard.groupExpenses[i] = dashBoard.groupExpenses[i+1];
|
||
}
|
||
*/
|
||
//reduce global expense index
|
||
//dashBoard.globalExpenseIndex--;
|
||
|
||
//call ajax for DB update
|
||
|
||
//dashBoard.groupExpenses.splice( i,1);
|
||
deletedExpObj.expenseId = dashBoard.expense.id;
|
||
dashBoard.setPageAfterDelete('#grid');
|
||
sendDataToServer(deletedExpObj, "#expenseForm");
|
||
$(".ui-icon-closethick").trigger('click');
|
||
|
||
|
||
}
|
||
|
||
this.resetParticipantBalance = function resetParticipantBalance() {
|
||
|
||
var amtStr = "";
|
||
var paidBy;
|
||
var amount;
|
||
|
||
|
||
for (var index in dashBoard.participants) {
|
||
dashBoard.participants[index].totalPaid = dashBoard.getFormatedAmountDB(parseFloat(0));
|
||
dashBoard.participants[index].totalSpent = dashBoard.getFormatedAmountDB(parseFloat(0));
|
||
dashBoard.participants[index].balance = dashBoard.getFormatedAmountDB(parseFloat(0));
|
||
dashBoard.participants[index].isDeletable = 1;
|
||
|
||
}
|
||
|
||
//for(var i=0;i<dashBoard.groupExpenses.length;i++){
|
||
for (var id in dashBoard.groupExpenses) {
|
||
amtStr = dashBoard.groupExpenses[id].participantAmountStr;
|
||
paidBy = dashBoard.groupExpenses[id].paidBy;
|
||
amount = dashBoard.groupExpenses[id].amount;
|
||
|
||
var amtStrArray = amtStr.split(",");
|
||
for (var j = 0; j < amtStrArray.length; j++) {
|
||
|
||
var participantAndAmountArray = amtStrArray[j].split("|");
|
||
dashBoard.participants[participantAndAmountArray[0]].isDeletable = 0;
|
||
dashBoard.participants[participantAndAmountArray[0]].totalSpent = dashBoard.getFormatedAmountDB(parseFloat(dashBoard.participants[participantAndAmountArray[0]].totalSpent) + parseFloat(participantAndAmountArray[2]));
|
||
dashBoard.participants[participantAndAmountArray[0]].balance = dashBoard.getFormatedAmountDB(parseFloat(dashBoard.participants[participantAndAmountArray[0]].balance) - parseFloat(participantAndAmountArray[2]));
|
||
//participantBalance[participantAndAmountArray[0]] = dashBoard.getFormatedAmountDB(parseFloat(participantBalance[participantAndAmountArray[0]]) - parseFloat(participantAndAmountArray[2]));
|
||
}
|
||
|
||
dashBoard.participants[paidBy].isDeletable = 0;
|
||
dashBoard.participants[paidBy].totalPaid = dashBoard.getFormatedAmountDB(parseFloat(dashBoard.participants[paidBy].totalPaid) + parseFloat(amount));
|
||
dashBoard.participants[paidBy].balance = dashBoard.getFormatedAmountDB(parseFloat(dashBoard.participants[paidBy].balance) + parseFloat(amount));
|
||
|
||
//participantBalance[paidBy] = dashBoard.getFormatedAmountDB(parseFloat(participantBalance[paidBy]) + parseFloat(amount));
|
||
}
|
||
|
||
}
|
||
|
||
this.updateParticipantBalance = function updateParticipantBalance() {
|
||
|
||
//var isReady = false;
|
||
// var participantBalance = [];
|
||
var balanceEntryParticipantBalance = [];
|
||
var balanceString = "";
|
||
|
||
var positiveParticipantBalance = [];
|
||
var negativeParticipantBalance = [];
|
||
// console.log(dashBoard.participants);
|
||
//reset all participant balance
|
||
for (var index in dashBoard.participants) {
|
||
//dashBoard.participants[index].balance = dashBoard.getFormatedAmountDB(parseFloat(0));
|
||
//participantBalance[index] = dashBoard.getFormatedAmountDB(parseFloat(0));
|
||
positiveParticipantBalance[index] = dashBoard.getFormatedAmountDB(parseFloat(0));
|
||
negativeParticipantBalance[index] = dashBoard.getFormatedAmountDB(parseFloat(0));
|
||
}
|
||
|
||
dashBoard.resetParticipantBalance();
|
||
|
||
|
||
//assign negative and posi
|
||
for (var index in dashBoard.participants) {
|
||
if (parseFloat(dashBoard.participants[index].balance) > 0) {
|
||
positiveParticipantBalance[index] = dashBoard.participants[index].balance;
|
||
} else if (parseFloat(dashBoard.participants[index].balance) < 0) {
|
||
negativeParticipantBalance[index] = dashBoard.participants[index].balance;
|
||
}
|
||
}
|
||
|
||
//sort postivie and negative
|
||
|
||
|
||
//scan and shift positive and negative
|
||
|
||
//sort positive and negative again
|
||
|
||
//calculate who needs to pay whom
|
||
|
||
|
||
|
||
//if pos and neg values are same, then direct exchange payment
|
||
|
||
for (var posIndex in positiveParticipantBalance) {
|
||
|
||
if (dashBoard.showFormatedAmount(parseFloat(positiveParticipantBalance[posIndex])) > dashBoard.showFormatedAmount(parseFloat(0))) {
|
||
|
||
for (var negIndex in negativeParticipantBalance) {
|
||
|
||
if (dashBoard.showFormatedAmount(parseFloat(positiveParticipantBalance[posIndex])) == dashBoard.showFormatedAmount(parseFloat(negativeParticipantBalance[negIndex]) * (-1))
|
||
&& dashBoard.showFormatedAmount(parseFloat(positiveParticipantBalance[posIndex])) > dashBoard.showFormatedAmount(parseFloat(0))) {
|
||
|
||
if (balanceString == "") {
|
||
balanceString = balanceString + negIndex + "|" + posIndex + "|" + dashBoard.showFormatedAmount(parseFloat(negativeParticipantBalance[negIndex]) * (-1));
|
||
} else {
|
||
balanceString = balanceString + "," + negIndex + "|" + posIndex + "|" + dashBoard.showFormatedAmount(parseFloat(negativeParticipantBalance[negIndex]) * (-1));
|
||
}
|
||
//update array amount
|
||
positiveParticipantBalance[posIndex] = 0;
|
||
negativeParticipantBalance[negIndex] = 0;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
|
||
|
||
//distribute amount among pos values
|
||
var maxPartIndex = dashBoard.getMaxMinParticipantId(positiveParticipantBalance, 1);
|
||
var minPartIndex = dashBoard.getMaxMinParticipantId(negativeParticipantBalance, 2);
|
||
|
||
|
||
while (maxPartIndex != "" && minPartIndex != "") {
|
||
|
||
var maxVal = parseFloat(positiveParticipantBalance[maxPartIndex]);
|
||
|
||
|
||
if (minPartIndex != "") {
|
||
|
||
var decrementalVal = parseFloat(negativeParticipantBalance[minPartIndex]) * (-1);
|
||
if (parseFloat(decrementalVal) > parseFloat(maxVal)) {
|
||
decrementalVal = dashBoard.getFormatedAmountDB(maxVal);
|
||
}
|
||
|
||
//update array
|
||
positiveParticipantBalance[maxPartIndex] = dashBoard.getFormatedAmountDB(parseFloat(positiveParticipantBalance[maxPartIndex]) - parseFloat(decrementalVal));
|
||
negativeParticipantBalance[minPartIndex] = dashBoard.getFormatedAmountDB(parseFloat(negativeParticipantBalance[minPartIndex]) + parseFloat(decrementalVal));
|
||
|
||
if (balanceString == "") {
|
||
balanceString = balanceString + minPartIndex + "|" + maxPartIndex + "|" + decrementalVal;
|
||
} else {
|
||
balanceString = balanceString + "," + minPartIndex + "|" + maxPartIndex + "|" + decrementalVal;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
//check equal
|
||
for (var posIndex in positiveParticipantBalance) {
|
||
|
||
if (dashBoard.showFormatedAmount(parseFloat(positiveParticipantBalance[posIndex])) > dashBoard.showFormatedAmount(parseFloat(0))) {
|
||
|
||
for (var negIndex in negativeParticipantBalance) {
|
||
|
||
if (dashBoard.showFormatedAmount(parseFloat(positiveParticipantBalance[posIndex])) == dashBoard.showFormatedAmount(parseFloat(negativeParticipantBalance[negIndex]) * (-1))
|
||
&& dashBoard.showFormatedAmount(parseFloat(positiveParticipantBalance[posIndex])) > dashBoard.showFormatedAmount(parseFloat(0))) {
|
||
|
||
if (balanceString == "") {
|
||
balanceString = balanceString + negIndex + "|" + posIndex + "|" + dashBoard.showFormatedAmount(parseFloat(negativeParticipantBalance[negIndex]) * (-1));
|
||
} else {
|
||
balanceString = balanceString + "," + negIndex + "|" + posIndex + "|" + dashBoard.showFormatedAmount(parseFloat(negativeParticipantBalance[negIndex]) * (-1));
|
||
}
|
||
//update array amount
|
||
positiveParticipantBalance[posIndex] = 0;
|
||
negativeParticipantBalance[negIndex] = 0;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
maxPartIndex = dashBoard.getMaxMinParticipantId(positiveParticipantBalance, 1);
|
||
minPartIndex = dashBoard.getMaxMinParticipantId(negativeParticipantBalance, 2);
|
||
|
||
}
|
||
//alert(balanceString);
|
||
return balanceString;
|
||
|
||
|
||
}
|
||
|
||
this.getMaxMinParticipantId = function getMaxMinParticipantId(balanceList, ind) {
|
||
|
||
var result = 0;
|
||
var participantIndex = '';
|
||
for (var index in balanceList) {
|
||
//alert(dashBoard.showFormatedAmount(parseFloat(balanceList[index])));
|
||
if (ind == 1) {
|
||
if (dashBoard.showFormatedAmount(parseFloat(balanceList[index])) > parseFloat(result)) {
|
||
participantIndex = index;
|
||
result = parseFloat(balanceList[index]);
|
||
}
|
||
} else {
|
||
|
||
if (dashBoard.showFormatedAmount(parseFloat(balanceList[index])) < parseFloat(result)) {
|
||
participantIndex = index;
|
||
result = parseFloat(balanceList[index]);
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
return participantIndex;
|
||
|
||
}
|
||
|
||
this.createGraphImage = function createGraphImage() {
|
||
$("#balance_chart_image").html("");
|
||
var imgData = $('#balance_chart').jqplotToImageStr({});
|
||
var imgElem = $('<img\/>').attr('src', imgData).attr('id', "graph_image_id").attr('alt', "balance.png");
|
||
// $("#balance_chart_image").html(imgElem);
|
||
dashBoard.downloadImage("graph_image_id");
|
||
// $('#balance_chart_image').append(imgElem);
|
||
}
|
||
|
||
|
||
this.downloadImage = function downloadImage(imageURL) {
|
||
/* var oImage = document.getElementById(imageURL);
|
||
var canvas = document.createElement("canvas");
|
||
document.body.appendChild(canvas);
|
||
if (typeof canvas.getContext == "undefined" || !canvas.getContext) {
|
||
alert("browser does not support this action, sorry");
|
||
return false;
|
||
}*/
|
||
|
||
try {
|
||
var img = document.getElementById(imageURL);
|
||
|
||
// window.location.href = img.src.replace('image/png', 'image/octet-stream');
|
||
window.open(img.src.replace('image/png', 'image/png'), "_blank");
|
||
|
||
/* var context = canvas.getContext("2d");
|
||
var width = oImage.width;
|
||
var height = oImage.height;
|
||
canvas.width = width;
|
||
canvas.height = height;
|
||
canvas.style.width = width + "px";
|
||
canvas.style.height = height + "px";
|
||
context.drawImage(oImage, 0, 0, width, height);
|
||
var rawImageData = canvas.toDataURL("image/png;base64");
|
||
rawImageData = rawImageData.replace("image/png", "image/octet-stream");
|
||
document.location.href = rawImageData;
|
||
// document.location.setAttribute("download", "YourFileName.jpeg");
|
||
document.body.removeChild(canvas);*/
|
||
}
|
||
catch (err) {
|
||
// document.body.removeChild(canvas);
|
||
alert(lblCantDownload);
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
|
||
|
||
this.drawGraph = function drawGraph() {
|
||
|
||
if (plot1) {
|
||
|
||
plot1.destroy();
|
||
}
|
||
|
||
var balanceString = dashBoard.updateParticipantBalance();
|
||
var data = [];
|
||
var barLabel = [];
|
||
var ticks = [];
|
||
|
||
var noOfParticipant = 0;
|
||
|
||
for (var index in dashBoard.participants) {
|
||
data.push(parseFloat(dashBoard.showFormatedAmount(dashBoard.participants[index].balance)));
|
||
barLabel.push(dashBoard.showFormatedAmount(parseFloat(dashBoard.participants[index].balance)));
|
||
ticks.push(dashBoard.participants[index].name);
|
||
noOfParticipant++;
|
||
}
|
||
|
||
$("#balance_chart").css("width", (noOfParticipant * 100) + "px");
|
||
|
||
var options = {
|
||
seriesDefaults: {
|
||
renderer: $.jqplot.BarRenderer,
|
||
rendererOptions: { fillToZero: true }
|
||
},
|
||
|
||
series: [
|
||
{
|
||
|
||
color: '#008000',
|
||
showMarker: true,
|
||
pointLabels: {
|
||
show: true,
|
||
labels: barLabel
|
||
}
|
||
|
||
}
|
||
|
||
|
||
],
|
||
|
||
negativeSeriesColors: ["#FF0000"],
|
||
axes: {
|
||
|
||
xaxis: {
|
||
renderer: $.jqplot.CategoryAxisRenderer,
|
||
ticks: ticks
|
||
},
|
||
|
||
yaxis: {
|
||
pad: 1.18,
|
||
tickOptions: { formatString: '%d ' + dashBoard.expense.currency }
|
||
}
|
||
},
|
||
title: {
|
||
text: lblBalanceOf + '"' + dashBoard.expense.title + '"'
|
||
|
||
},
|
||
|
||
};
|
||
|
||
|
||
plot1 = $.jqplot('balance_chart', [data], options);
|
||
|
||
dashBoard.showBalanceDetails(balanceString);
|
||
|
||
// dashBoard.createGraphImage();
|
||
|
||
|
||
}
|
||
|
||
|
||
this.showBalanceDetails = function showBalanceDetails(balanceString) {
|
||
|
||
var balancePaymentHtml = "";
|
||
|
||
if (balanceString != "") {
|
||
|
||
var balanceStringArr = balanceString.split(",");
|
||
|
||
|
||
for (var index in balanceStringArr) {
|
||
var balanceStringval = balanceStringArr[index].split("|");
|
||
var name1 = dashBoard.participants[balanceStringval[0]].name;
|
||
var name2 = dashBoard.participants[balanceStringval[1]].name;
|
||
var balance = dashBoard.showFormatedAmount(parseFloat(balanceStringval[2]));
|
||
if (isPermitted) {
|
||
balancePaymentHtml = eval(lblBalanceLink) + '<a onClick="dashBoard.insertBalanceEntry(' + "'" + balanceStringval[0] + "'" + ',' + "'" + balanceStringval[1] + "'" + ',' + balanceStringval[2] + ')" style=" text-decoration: underline;font-weight: bold;cursor: pointer;font-style: italic;color: blue;"> Mark Settle</a></span></p>';
|
||
} else {
|
||
balancePaymentHtml = eval(lblBalanceLink) + '<a onClick="alert(lblExpenseNotPermitted)" style=" text-decoration: underline;font-weight: bold;cursor: pointer;font-style: italic;color: blue;"> Mark Settle</a></span></p>';
|
||
}
|
||
|
||
|
||
//balancePaymentHtml = `${balancePaymentHtml}<p><b>${dashBoard.participants[balanceStringval[0]].name} </b> <I>should pay to</I> <b>${dashBoard.participants[balanceStringval[1]].name}</b><span><b>${dashBoard.showFormatedAmount(parseFloat(balanceStringval[2]))}</b> ${dashBoard.expense.currency}`+'<a onClick="dashBoard.insertBalanceEntry(' + "'" + balanceStringval[0] + "'" + ',' + "'" + balanceStringval[1] + "'" + ',' + balanceStringval[2] + ')" style="cursor: pointer;"> Mark Settle</a></span></p>';
|
||
}
|
||
}
|
||
|
||
$("#balance_payment_div").html(balancePaymentHtml);
|
||
}
|
||
|
||
|
||
this.insertBalanceEntry = function insertBalanceEntry(payerId, paytoId, amount) {
|
||
|
||
if (!confirm("Do you like to mark it as settled?")) {
|
||
return false;
|
||
}
|
||
|
||
dashBoard.isAddMode = true;
|
||
|
||
groupExpenseObj = new GroupExpense();
|
||
//groupExpenseObj.index = dashBoard.globalExpenseIndex++;
|
||
groupExpenseObj.id = dashBoard.getExpenseUniqueId();
|
||
groupExpenseObj.expenseId = dashBoard.expense.id;
|
||
groupExpenseObj.isAdd = "1";
|
||
|
||
groupExpenseObj.type = 2; //1=normal expense,2=balance expense
|
||
groupExpenseObj.paidBy = payerId;
|
||
groupExpenseObj.expenseName = "Balance Expense";
|
||
groupExpenseObj.amount = amount;
|
||
groupExpenseObj.expenseDate = dashBoard.currentDate;
|
||
groupExpenseObj.isDetails = 0;
|
||
groupExpenseObj.participantAmountStr = paytoId + '|' + '1' + '|' + amount;
|
||
groupExpenseObj.extras = "1";
|
||
groupExpenseObj.advance = 0;
|
||
if ($("#Advance").checked) {
|
||
groupExpenseObj.advance = 1;
|
||
groupExpenseObj.extras = "2";
|
||
}
|
||
|
||
groupExpenseObj.isreimburse = 0;
|
||
|
||
|
||
dashBoard.processExpenseData(groupExpenseObj);
|
||
dashBoard.drawGraph();
|
||
}
|
||
|
||
|
||
///////////////////////////////////////////////////////////////// Participant section ////////////////////////////////////////////
|
||
|
||
this.validParticipantInputForm = function validParticipantInputForm(name, skipPartId) {
|
||
var errorMessage = "";
|
||
|
||
//validate participant name
|
||
if (!name.trim()) {
|
||
errorMessage = lblEnterParticipantName;
|
||
} else if (name.trim().length > nameLength) {
|
||
errorMessage = nameErrorMessage;
|
||
}
|
||
|
||
if (errorMessage == "") {
|
||
//check the participant name already exist or not
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (skipPartId != dashBoard.participants[index].id) {
|
||
if (dashBoard.participants[index].name.toLowerCase() == name.trim().toLowerCase()) {
|
||
errorMessage = lblParticipantAlreadyExist;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if (errorMessage == "") {
|
||
//check the participant name already exist or not
|
||
if (name.trim().indexOf(',') === -1 && name.trim().indexOf('|') === -1) {
|
||
|
||
|
||
} else {
|
||
errorMessage = lblParticipantShouldNotContain;
|
||
|
||
}
|
||
}
|
||
|
||
return errorMessage;
|
||
|
||
}
|
||
|
||
this.processAfterValidation = function processAfterValidation(errorMessage) {
|
||
if (errorMessage != "") {
|
||
dashBoard.showErrorMessage(errorMessage);
|
||
} else {
|
||
dashBoard.clearErrorMessage();
|
||
dashBoard.addParticipant($('#Name').val().trim(), "2");
|
||
$(".ui-icon-closethick").trigger('click');
|
||
}
|
||
}
|
||
|
||
this.addParticipant = function addParticipant(participantName, source) {
|
||
|
||
//generate auto ID for new participant
|
||
|
||
var participantObj = new Participant();
|
||
participantObj.id = dashBoard.getParticipantId();
|
||
|
||
participantObj.name = participantName;
|
||
participantObj.isCreator = 0;
|
||
participantObj.create_date = Math.round(+new Date() / 1000);
|
||
participantObj.balance = 0;
|
||
participantObj.isFreeze = 0;
|
||
participantObj.expense_id = dashBoard.expense.id;
|
||
participantObj.isAdd = 1;
|
||
participantObj.isDeletable = 1;
|
||
|
||
//participants.push(participantObj);
|
||
//insert into grid
|
||
if (source == "1") {
|
||
dashBoard.processParticipantDataByPopup(participantObj);
|
||
} else {
|
||
dashBoard.processParticipantData(participantObj);
|
||
}
|
||
}
|
||
|
||
this.getParticipantId = function getParticipantId() {
|
||
|
||
|
||
//dashBoard.loginParticipantId
|
||
var SI = 1;
|
||
var maxId = 0;
|
||
var participantIdStrArry;
|
||
|
||
for (var index in dashBoard.participants) {
|
||
if (dashBoard.participants[index].id == dashBoard.loginParticipantId) {
|
||
|
||
break;
|
||
|
||
}
|
||
SI++;
|
||
}
|
||
|
||
//var participantLoginStrArr = dashBoard.loginParticipantId.split("_");
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
participantIdStrArry = dashBoard.participants[index].id.split("_");
|
||
|
||
if (SI == participantIdStrArry[0]) {
|
||
if (parseInt(participantIdStrArry[1]) > parseInt(maxId)) {
|
||
|
||
maxId = parseInt(participantIdStrArry[1]);
|
||
}
|
||
}
|
||
}
|
||
maxId++;
|
||
|
||
return SI + "_" + maxId;
|
||
}
|
||
|
||
this.processParticipantData = function processParticipantData(participantObj) {
|
||
|
||
dashBoard.participants[participantObj.id] = participantObj;
|
||
|
||
if (typeof participantObj.totalSpent == "undefined") {
|
||
|
||
participantObj.totalSpent = 0;
|
||
}
|
||
|
||
if (typeof participantObj.totalPaid == "undefined") {
|
||
|
||
participantObj.totalPaid = 0;
|
||
}
|
||
|
||
|
||
var data = [];
|
||
//alert(dashBoard.getDataByExpense(groupExpenseObj.index,groupExpenseObj));
|
||
//alert([participantObj.id, participantObj.name,dashBoard.showFormatedAmount(participantObj.balance)+" "+dashBoard.expense.currency,""]);
|
||
data.push([participantObj.id, participantObj.name, dashBoard.showFormatedAmount(participantObj.totalSpent) + " " + dashBoard.expense.currency, dashBoard.showFormatedAmount(participantObj.totalPaid) + " " + dashBoard.expense.currency, dashBoard.showFormatedAmount(participantObj.balance) + " " + dashBoard.expense.currency, ""]);
|
||
|
||
//alert(participantObj.name);
|
||
|
||
//dashBoard.setParticipantAmtHtmlFormat();
|
||
|
||
//go to the last page after adding record
|
||
|
||
$('#grid').jqGrid('GridUnload');
|
||
dashBoard.showExpenseList();
|
||
|
||
dashBoard.addRowsToParticipantGrid(data, true);
|
||
dashBoard.setParticipantGridExtension();
|
||
|
||
// $('#participant_grid').jqGrid('GridUnload');
|
||
//dashBoard.displayParticipantList();
|
||
|
||
dashBoard.setPageAfterAdd('#participant_grid');
|
||
|
||
sendDataToServer(participantObj, "#participantForm");
|
||
|
||
|
||
}
|
||
|
||
this.processParticipantDataByPopup = function processParticipantDataByPopup(participantObj) {
|
||
dashBoard.participants[participantObj.id] = participantObj;
|
||
dashBoard.addParticipantToList();
|
||
sendDataToServer(participantObj, "#participantForm");
|
||
}
|
||
|
||
this.updateParticipant = function updateParticipant(participantId, oldName, newName) {
|
||
|
||
//alert(oldName);
|
||
//alert(newName);
|
||
|
||
|
||
var participantObj = new Participant();
|
||
participantObj.id = participantId;
|
||
//participantObj.oldName = oldName;
|
||
participantObj.name = newName;
|
||
participantObj.expense_id = dashBoard.expense.id;
|
||
participantObj.isAdd = 2;
|
||
|
||
|
||
|
||
//update participant array;
|
||
var existingPartcipantObj = dashBoard.participants[participantId];
|
||
existingPartcipantObj.name = newName;
|
||
dashBoard.participants[participantId] = existingPartcipantObj;
|
||
|
||
|
||
|
||
//update grid
|
||
var data = [];
|
||
// alert([existingPartcipantObj.id, existingPartcipantObj.name,dashBoard.showFormatedAmount(existingPartcipantObj.balance)+" "+dashBoard.expense.currency,""]);
|
||
data.push([existingPartcipantObj.id, existingPartcipantObj.name, dashBoard.showFormatedAmount(existingPartcipantObj.totalSpent) + " " + dashBoard.expense.currency, dashBoard.showFormatedAmount(existingPartcipantObj.totalPaid) + " " + dashBoard.expense.currency, dashBoard.showFormatedAmount(existingPartcipantObj.balance) + " " + dashBoard.expense.currency, ""]);
|
||
// alert("helo2");
|
||
dashBoard.addRowsToParticipantGrid(data, false);
|
||
//dashBoard.setParticipantAmtHtmlFormat();
|
||
//alert("helo3");
|
||
//jQuery("#participant_grid").trigger("reloadGrid");
|
||
$('#grid').jqGrid('GridUnload');
|
||
dashBoard.showExpenseList();
|
||
//alert("helo4");
|
||
$("#participant_grid").trigger("reloadGrid");
|
||
dashBoard.setParticipantGridExtension();
|
||
|
||
// alert("helo5");
|
||
//dashBoard.setPageAfterAdd('#participant_grid');
|
||
//alert("helo5");
|
||
//$('#participant_grid').jqGrid('GridUnload');
|
||
//dashBoard.displayParticipantList();
|
||
//alert(participantObj.id);
|
||
|
||
|
||
sendDataToServer(participantObj, "#participantForm");
|
||
|
||
}
|
||
|
||
this.deleteParticipant = function deleteParticipant(index) {
|
||
//alert("hello");
|
||
var rowId = $("#participant_grid").jqGrid('getGridParam', 'selrow');
|
||
|
||
// alert(rowId);
|
||
var i;
|
||
var rowData = jQuery("#participant_grid").getRowData(rowId);
|
||
|
||
//prepare delete object
|
||
var participantObj = new Participant();
|
||
participantObj.id = rowData['SI'];
|
||
participantObj.name = rowData['Name'];
|
||
participantObj.expense_id = dashBoard.expense.id;
|
||
participantObj.isAdd = 3;
|
||
//alert(rowData['SI']);
|
||
//delete record from list
|
||
//dashBoard.participants[participantObj.id]
|
||
//alert(rowId);
|
||
$('#participant_grid').jqGrid('delRowData', rowId);
|
||
|
||
delete dashBoard.participants[participantObj.id];
|
||
//alert(dashBoard.participants[ participantObj.id]);
|
||
//dashBoard.setParticipantAmtHtmlFormat();
|
||
|
||
|
||
$('#grid').jqGrid('GridUnload');
|
||
dashBoard.showExpenseList();
|
||
|
||
// $('#participant_grid').jqGrid('GridUnload');
|
||
//dashBoard.displayParticipantList();
|
||
|
||
dashBoard.setParticipantGridExtension();
|
||
|
||
dashBoard.setPageAfterDelete('#participant_grid');
|
||
//alert(participantObj.id);
|
||
//alert(participantObj.name);
|
||
|
||
sendDataToServer(participantObj, "#participantForm");
|
||
$(".ui-icon-closethick").trigger('click');
|
||
}
|
||
|
||
this.displayParticipantList = function displayParticipantList() {
|
||
|
||
var partNameBeforeEdit = "";
|
||
|
||
var maxRowNum = 0;
|
||
|
||
for (var index in dashBoard.participants) {
|
||
maxRowNum++;
|
||
}
|
||
|
||
if (maxRowNum < 51) {
|
||
maxRowNum = 50;
|
||
}
|
||
|
||
$("#participant_grid").jqGrid({
|
||
datatype: "local",
|
||
height: 232,
|
||
|
||
colNames: ['SI', lblName, lblTotalCharge, lblTotalPaid, lblBalance, ''],
|
||
colModel: [
|
||
{
|
||
name: 'SI',
|
||
index: 'SI',
|
||
width: 0,
|
||
sorttype: "int",
|
||
hidden: true
|
||
},
|
||
|
||
{
|
||
name: 'Name',
|
||
index: 'Name',
|
||
width: 180,
|
||
align: 'center',
|
||
editable: true
|
||
},
|
||
|
||
{
|
||
name: 'Total Charge',
|
||
index: 'Total Charge',
|
||
width: 160,
|
||
align: 'center',
|
||
sorttype: "int"
|
||
},
|
||
|
||
{
|
||
name: 'Total Paid',
|
||
index: 'Total Paid',
|
||
width: 160,
|
||
align: 'center',
|
||
sorttype: "int"
|
||
},
|
||
|
||
{
|
||
name: 'Balance',
|
||
index: 'Balance',
|
||
width: 170,
|
||
align: 'center',
|
||
},
|
||
|
||
{
|
||
name: 'Action',
|
||
index: 'Action',
|
||
width: 90,
|
||
align: 'center',
|
||
//formatter: 'actions',
|
||
formatter: function (cellvalue, options, rowObject) {
|
||
return dashBoard.inlineNavAction(cellvalue, options, rowObject, (options.rowId != 'new_row'));
|
||
},
|
||
formatoptions: {
|
||
keys: true,
|
||
onSuccess: function () {
|
||
|
||
var rowId = $("#participant_grid").jqGrid('getGridParam', 'selrow');
|
||
// alert(rowId);
|
||
var rowData = jQuery("#participant_grid").getRowData(rowId);
|
||
//alert(rowData['SI']);
|
||
var inputVal = $("#" + rowData['SI'] + "_Name").val().trim();
|
||
//alert(dashBoard.participants[rowData['SI']].name);
|
||
//alert(inputVal);
|
||
|
||
if (dashBoard.participants[rowData['SI']].name != inputVal) {
|
||
|
||
var errorMsg = dashBoard.validParticipantInputForm(inputVal, rowData['SI']);
|
||
if (errorMsg == "") {
|
||
|
||
dashBoard.updateParticipant(rowData['SI'], dashBoard.participants[rowData['SI']].name, inputVal);
|
||
//alert("saved!");
|
||
//jQuery.fn.fmatter.rowactions.call(this,'save');
|
||
} else {
|
||
// $("#error_dialog" ).html(errorMsg);
|
||
// $("#error_dialog").message("show");
|
||
alert(errorMsg);
|
||
|
||
/*$("#error_dialog" ).html(errorMsg);
|
||
$("#error_dialog" ).dialog();*/
|
||
$("#" + rowData['SI'] + "_Name").focus();
|
||
jQuery.fn.fmatter.rowactions.call(this, 'edit');
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
],
|
||
|
||
rowNum: maxRowNum,
|
||
rowList: [6, 10, 20, maxRowNum],
|
||
pager: '#participant_pager',
|
||
gridview: true,
|
||
rownumbers: true,
|
||
autoencode: true,
|
||
ignoreCase: true,
|
||
// sortname: 'invdate',
|
||
viewrecords: true,
|
||
sortorder: 'desc',
|
||
caption: lblParticipantList,
|
||
loadComplete: function () {
|
||
dashBoard.setParticipantGridExtension();
|
||
}
|
||
}
|
||
|
||
);
|
||
|
||
|
||
|
||
//$(".ui-jqgrid-titlebar").hide();
|
||
|
||
$("#participant_grid").jqGrid('navGrid', '#participant_pager', {
|
||
add: isPermitted, addtitle: lblAddParticipant,
|
||
edit: isPermitted, edittitle: lblEditParticipant,
|
||
del: isPermitted, deltitle: lblDeleteParticipant,
|
||
search: true, searchtitle: lblFindParticipant
|
||
},
|
||
{ // Edit
|
||
recreateForm: true,
|
||
beforeInitData: function () {
|
||
// isParticipantAddMode = false;
|
||
///alert("edit");
|
||
}
|
||
},
|
||
{ // Add
|
||
recreateForm: true,
|
||
beforeInitData: function () {
|
||
// isParticipantAddMode = true;
|
||
//alert("add");
|
||
}
|
||
}
|
||
|
||
);
|
||
|
||
$("#participant_grid").jqGrid('setGridParam', {
|
||
ondblClickRow: function (rowid, iRow, iCol, e) {
|
||
if (!isPermitted) {
|
||
return false;
|
||
}
|
||
//dashBoard.isAddMode = false;
|
||
//jQuery(this).jqGrid('editGridRow', rowid);
|
||
//var object = $("jEditButton_"+rowid);
|
||
//alert(object);
|
||
// jQuery(this).jqGrid('editGridRow', rowid);
|
||
jQuery.fn.fmatter.rowactions.call(document.getElementById("jEditButton_" + rowid), 'edit');
|
||
//alert("hello");
|
||
//alert(rowid);
|
||
|
||
}
|
||
});
|
||
|
||
|
||
|
||
var data = [];
|
||
|
||
$("#participant_grid").jqGrid("clearGridData", true).trigger("reloadGrid");
|
||
|
||
for (var index in dashBoard.participants) {
|
||
data.push([dashBoard.participants[index].id, dashBoard.participants[index].name, dashBoard.showFormatedAmount(dashBoard.participants[index].totalSpent) + " " + dashBoard.expense.currency, dashBoard.showFormatedAmount(dashBoard.participants[index].totalPaid) + " " + dashBoard.expense.currency, dashBoard.showFormatedAmount(dashBoard.participants[index].balance) + " " + dashBoard.expense.currency, ""]);
|
||
|
||
}
|
||
|
||
dashBoard.addRowsToParticipantGrid(data, true);
|
||
|
||
}
|
||
|
||
this.inlineNavAction = function inlineNavAction(cellvalue, options, rowObject, isSavedRow) {
|
||
|
||
var rowid = options.rowId;
|
||
//alert("row Id"+rowid);
|
||
|
||
var ocl = "id='jEditButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'edit'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
|
||
var str = "<div title='Edit Participant' style='float:left;cursor:pointer;' class='ui-pg-div ui-inline-edit' " + ocl + "><span class='ui-icon ui-icon-pencil'></span></div>";
|
||
|
||
if (dashBoard.participants[rowObject['SI']].isDeletable == 1
|
||
&& dashBoard.participants[rowObject['SI']].isCreator != "1"
|
||
&& rowObject['SI'] != dashBoard.loginParticipantId) {
|
||
ocl = "id='jDeleteButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'del'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
|
||
str += "<div title='Delete Participant' style='float:left;cursor:pointer;margin-left:5px;' class='ui-pg-div ui-inline-del' " + ocl + "><span class='ui-icon ui-icon-trash'></span></div>";
|
||
}
|
||
|
||
|
||
ocl = "id='jSaveButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'save'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
|
||
str += "<div title='" + $.jgrid.edit.bSubmit + "' style='float:left;display:none' class='ui-pg-div ui-inline-save' " + ocl + "><span class='ui-icon ui-icon-disk'></span></div>";
|
||
ocl = "id='jCancelButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'cancel'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
|
||
str += "<div title='" + $.jgrid.edit.bCancel + "' style='float:left;margin-left:5px;;display:none' class='ui-pg-div ui-inline-cancel' " + ocl + "><span class='ui-icon ui-icon-cancel'></span></div>";
|
||
|
||
if (!isPermitted) {
|
||
return "<div style='margin-left:8px;'>Edit</div>";
|
||
}
|
||
return "<div style='margin-left:8px;'>" + str + "</div>";
|
||
}
|
||
|
||
this.setParticipantGridExtension = function setParticipantGridExtension() {
|
||
$.extend($.jgrid.edit, {
|
||
addCaption: lblAddParticipant,
|
||
editCaption: lblEditParticipant,
|
||
bSubmit: lblSave,
|
||
bCancel: lblCancel,
|
||
width: 300,
|
||
|
||
recreateForm: true,
|
||
beforeShowForm: function () {
|
||
|
||
},
|
||
|
||
beforeSubmit: function (response, postData) {
|
||
var rowId = response.participant_grid_id;
|
||
if (rowId == '_empty'){
|
||
dashBoard.processAfterValidation(dashBoard.validParticipantInputForm($('#Name').val(), -1));
|
||
}else{
|
||
var rowData = jQuery("#participant_grid").getRowData(rowId);
|
||
dashBoard.updateParticipant(rowData['SI'],dashBoard.participants[rowData['SI']].name,$('#Name').val());
|
||
$.jgrid.hideModal("#editmodparticipant_grid");
|
||
}
|
||
|
||
|
||
}
|
||
|
||
});
|
||
|
||
$.extend($.jgrid.del, {
|
||
|
||
caption: lblDeleteParticipant,
|
||
msg: lblWantDeleteParticipant,
|
||
beforeShowForm: function (){
|
||
var rowId = $("#participant_grid").jqGrid('getGridParam', 'selrow');
|
||
var rowData = dashBoard.participants[rowId];
|
||
if(rowData.isDeletable == 1 && rowData.isCreator != "1" && rowId != dashBoard.loginParticipantId){
|
||
$.jgrid.viewModal("#delmodparticipant_grid");
|
||
}else {
|
||
alert(lblPerticipentNotDelete);
|
||
setTimeout(function () {
|
||
$.jgrid.hideModal("#delmodparticipant_grid");
|
||
}, 1);
|
||
return false;
|
||
}
|
||
},
|
||
beforeSubmit: function (response, postData) {
|
||
dashBoard.deleteParticipant();
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
this.addRowsToParticipantGrid = function addRowsToParticipantGrid(data, isAdd) {
|
||
|
||
var names = ['SI', 'Name', 'Total Charge', 'Total Paid', 'Balance', ''];
|
||
var mydata = [];
|
||
// alert("in loop"+data.length);
|
||
|
||
for (var i = 0; i < data.length; i++) {
|
||
mydata[i] = {};
|
||
|
||
for (var j = 0; j < data[i].length; j++) {
|
||
|
||
mydata[i][names[j]] = data[i][j];
|
||
}
|
||
}
|
||
|
||
if (isAdd == true) {
|
||
for (var i = 0; i < mydata.length; i++) {
|
||
|
||
//alert(i + 1);
|
||
//alert(mydata[i]);
|
||
|
||
$("#participant_grid").jqGrid('addRowData', data[i][0], mydata[i]);
|
||
}
|
||
//Set the page to the last page
|
||
} else {
|
||
|
||
|
||
$("#participant_grid").jqGrid('setRowData', data[0][0], mydata[0]);
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
this.printExpense = function printExpense() {
|
||
var data = [];
|
||
var createdBy;
|
||
|
||
for (var id in dashBoard.groupExpenses) {
|
||
data.push(dashBoard.getFilteredExpenseObjPrint(dashBoard.groupExpenses[id]));
|
||
|
||
}
|
||
|
||
//echo $this->Form->input('printExpense', array('type' => 'hidden','id'=>'printExpense'));
|
||
//echo $this->Form->input('printBalance', array('type' => 'hidden','id'=>'printBalance'));
|
||
|
||
|
||
var balanceString = dashBoard.updateParticipantBalance();
|
||
var balancePaymentHtml = "";
|
||
if (balanceString != "") {
|
||
|
||
var balanceStringArr = balanceString.split(",");
|
||
//alert(balanceStringArr.length);
|
||
|
||
for (var index in balanceStringArr) {
|
||
//alert(balanceStringArr[index]);
|
||
var balanceStringval = balanceStringArr[index].split("|");
|
||
balancePaymentHtml = balancePaymentHtml + dashBoard.participants[balanceStringval[0]].name + "|" + dashBoard.participants[balanceStringval[1]].name + "|" + dashBoard.showFormatedAmount(parseFloat(balanceStringval[2])) + ",";
|
||
}
|
||
}
|
||
|
||
for (var index in dashBoard.participants) {
|
||
|
||
if (dashBoard.participants[index].isCreator == "1") {
|
||
createdBy = dashBoard.participants[index].name;
|
||
break;
|
||
}
|
||
}
|
||
|
||
$("#printExpense").val(JSON.stringify(dashBoard.expense));
|
||
$("#printExpenseList").val(JSON.stringify(data));
|
||
$("#printBalance").val(JSON.stringify(balancePaymentHtml));
|
||
$("#printNames").val(JSON.stringify(dashBoard.loginParticipantName + "," + createdBy + "," + dashBoard.getFormatedDbDate(dashBoard.expense.create_date)));
|
||
|
||
$("#printForm").submit();
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
function isValidDate(dateArray) {
|
||
|
||
var errorMessage = "";
|
||
var error = lblDateNotValid;
|
||
|
||
var day = dateArray[0];
|
||
var month = dateArray[1];
|
||
var year = dateArray[2];
|
||
|
||
month = getNoMonthFromStrMon(month);
|
||
|
||
if (month == "") {
|
||
errorMessage = error;
|
||
}
|
||
|
||
if (errorMessage == "") {
|
||
|
||
|
||
if ((parseInt(day) <= 31 && parseInt(day) >= 1)
|
||
&& (parseInt(month) <= 12 && parseInt(month) >= 1)
|
||
&& (parseInt(year) <= 2999 && parseInt(year) >= 1900)) {
|
||
|
||
if (parseInt(month) == 2 && parseInt(day) > 28) {
|
||
if (!isLeapYear(year)) {
|
||
|
||
errorMessage = error;
|
||
}
|
||
}
|
||
|
||
} else {
|
||
|
||
errorMessage = error;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
return errorMessage;
|
||
|
||
}
|
||
|
||
function getNoMonthFromStrMon(month) {
|
||
|
||
|
||
|
||
var months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
|
||
|
||
switch (month.toLowerCase()) {
|
||
case months[0]:
|
||
month = "01";
|
||
break;
|
||
case months[1]:
|
||
month = "02";
|
||
break;
|
||
case months[2]:
|
||
month = "03";
|
||
break;
|
||
case months[3]:
|
||
month = "04";
|
||
break;
|
||
case months[4]:
|
||
month = "05";
|
||
break;
|
||
case months[5]:
|
||
month = "06";
|
||
break;
|
||
case months[6]:
|
||
month = "07";
|
||
break;
|
||
case months[7]:
|
||
month = "08";
|
||
break;
|
||
case months[8]:
|
||
month = "09";
|
||
break;
|
||
case months[9]:
|
||
month = "10";
|
||
break;
|
||
case months[10]:
|
||
month = "11";
|
||
break;
|
||
case months[11]:
|
||
month = "12";
|
||
break;
|
||
default:
|
||
month = "";
|
||
}
|
||
|
||
return month;
|
||
}
|
||
|
||
function getTimeStampByInputDate(dateStr) {
|
||
var dateArray = dateStr.trim().split("-");
|
||
if (dateArray[0].length == 1) {
|
||
dateArray[0] = "0" + dateArray[0];
|
||
}
|
||
//Jan/2017/25 12:44:33 UTC
|
||
var formatedDateStr = dateArray[1] + "/" + dateArray[2] + "/" + dateArray[0] + " " + "00:00:00" + " UTC";
|
||
return (new Date(formatedDateStr).getTime()) / 1000;
|
||
}
|
||
|
||
|
||
function isLeapYear(year) {
|
||
return ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0);
|
||
}
|
||
|
||
function pad(n, width, z) {
|
||
z = z || '0';
|
||
n = n + '';
|
||
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
|
||
}
|
||
|
||
|
||
function addExpense() {
|
||
|
||
if (dashBoard.isAddMode == true) {
|
||
dashBoard.addExpenseToGrid();
|
||
// sendDataToServer();
|
||
|
||
} else {
|
||
dashBoard.addExpenseToGrid();
|
||
//sendDataToServer();
|
||
|
||
}
|
||
|
||
//ReloadBalance();
|
||
//updateParticipantBalance();
|
||
}
|
||
|
||
function sendDataToServer(formData, formName) {
|
||
|
||
//alert("hello");
|
||
//$("#error_dialog" ).html("");
|
||
// alert(formName);
|
||
//get form action
|
||
var formUrl = $(formName).attr('action');
|
||
formData.unique_url = getUniqueUrl();
|
||
// console.log(formData);
|
||
// console.log(formUrl);
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: formUrl,
|
||
data: formData,
|
||
success: function (data, textStatus, xhr) {
|
||
if (data.trim() == "+000") {
|
||
dashBoard.expense.version = parseInt(dashBoard.expense.version) + 1;
|
||
$("#ExpenseVersion").val(dashBoard.expense.version);
|
||
//alert("Success")
|
||
} else {
|
||
//document.write(data);
|
||
alert(lblDataSavingFailed);
|
||
}
|
||
},
|
||
error: function (xhr, textStatus, error) {
|
||
// alert(error);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function loadData(formData, formName) {
|
||
|
||
//$("#error_dialog" ).html("");
|
||
// alert(formName);
|
||
//get form action
|
||
|
||
var formUrl = $(formName).attr('action');
|
||
|
||
|
||
|
||
//alert(formUrl);
|
||
// alert(formData);
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: formUrl,
|
||
data: formData,
|
||
success: function (data, textStatus, xhr) {
|
||
// alert(data);
|
||
// $("#tabs").show();
|
||
var loadTabs = new LoadTabs();
|
||
loadTabs.startLoading($.parseJSON(data));
|
||
|
||
|
||
if (data.trim() == "+000") {
|
||
|
||
alert("Success")
|
||
} else {
|
||
//document.write(data);
|
||
// alert("Data saving failed!");
|
||
}
|
||
},
|
||
error: function (xhr, textStatus, error) {
|
||
// alert(error);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
$('#sendEmailForm').submit(function () {
|
||
|
||
document.getElementById('loadImg1').style.display = 'inline-block';
|
||
$(".submit").css("float", "left");
|
||
|
||
$("#ExpenseEmailExpenseTitle").val(dashBoard.expense.title);
|
||
$("#ExpenseEmailUniqueURL").val(dashBoard.expense.unique_url);
|
||
|
||
//document.getElementById("dvLoading").style.display = "block";
|
||
//serialize form data
|
||
var formData = $(this).serialize();
|
||
//get form action
|
||
var formUrl = $(this).attr('action');
|
||
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: formUrl,
|
||
data: formData,
|
||
success: function (data, textStatus, xhr) {
|
||
//alert(data);
|
||
alert(lblEmailSent);
|
||
document.getElementById('loadImg1').style.display = 'none';
|
||
},
|
||
error: function (xhr, textStatus, error) {
|
||
//alert(textStatus);
|
||
alert(lblEmailSentFail);
|
||
document.getElementById('loadImg1').style.display = 'none';
|
||
}
|
||
});
|
||
|
||
return false;
|
||
});
|
||
|
||
$('#viewLogForm').submit(function () {
|
||
|
||
$("#ExpenseLogExpenseId").val(dashBoard.expense.id);
|
||
// alert("a");
|
||
document.getElementById('loadImg').style.display = 'inline-block';
|
||
$(".submit").css("float", "left");
|
||
//alert("b");
|
||
//serialize form data
|
||
var formData = $(this).serialize();
|
||
// alert("c");
|
||
//get form action
|
||
var formUrl = $(this).attr('action');
|
||
// alert("hello");
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: formUrl,
|
||
data: formData,
|
||
success: function (data, textStatus, xhr) {
|
||
$('#log_grid').jqGrid('GridUnload');
|
||
dashBoard.generateLogList(data, 2);
|
||
document.getElementById("loadImg").style.display = "none";
|
||
},
|
||
error: function (xhr, textStatus, error) {
|
||
// alert(error);
|
||
}
|
||
});
|
||
|
||
return false;
|
||
});
|
||
|
||
$('#updateGroupExpenseForm').submit(function () {
|
||
//serialize form data
|
||
document.getElementById('loadImg2').style.display = 'inline-block';
|
||
$(".submit").css("float", "left");
|
||
//get form action
|
||
var formUrl = $(this).attr('action');
|
||
|
||
$('#updateGroupExpenseForm').find('span').text("");
|
||
|
||
if (dashBoard.expense.title == $("#ExpenseTitle").val().trim()
|
||
&& dashBoard.expense.currency == $("#ExpenseCurrency").val().trim()
|
||
& dashBoard.expense.description == $("#ExpenseDescription").val().trim()
|
||
) {
|
||
document.getElementById('loadImg2').style.display = 'none';
|
||
return false;
|
||
}
|
||
|
||
dashBoard.expense.title = $("#ExpenseTitle").val();
|
||
dashBoard.expense.currency = $("#ExpenseCurrency").val();
|
||
dashBoard.expense.description = $("#ExpenseDescription").val();
|
||
dashBoard.expense.version = parseInt(dashBoard.expense.version) + 1;
|
||
|
||
//show updated value
|
||
$("#expenseTitleDiv").html(dashBoard.expense.title);
|
||
$("#expenseDescDiv").html(dashBoard.expense.description);
|
||
$("#ExpenseVersion").val(dashBoard.expense.version);
|
||
var formData = $(this).serialize();
|
||
formData = formData + '&unique_url=' + getUniqueUrl();
|
||
|
||
$('#grid').jqGrid('GridUnload');
|
||
dashBoard.showExpenseList();
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: formUrl,
|
||
data: formData,
|
||
success: function (data, textStatus, xhr) {
|
||
document.getElementById('loadImg2').style.display = 'none';
|
||
if (data.trim() == "+000") {
|
||
alert(lblDataSaved);
|
||
} else {
|
||
dashBoard.expense.version = parseInt(dashBoard.expense.version) - 1;
|
||
$("#ExpenseVersion").val(dashBoard.expense.version);
|
||
var lineArray = data.split("#");
|
||
var totalLine = lineArray.length - 1;
|
||
for (var i = 0; i < totalLine; i++) {
|
||
var msgArray = lineArray[i].split("|");
|
||
$('#error_' + msgArray[0]).text(msgArray[1]);
|
||
}
|
||
}
|
||
|
||
},
|
||
error: function (xhr, textStatus, error) {
|
||
dashBoard.expense.version = parseInt(dashBoard.expense.version) - 1;
|
||
$("#ExpenseVersion").val(dashBoard.expense.version);
|
||
// alert(error);
|
||
document.getElementById('loadImg2').style.display = 'none';
|
||
}
|
||
});
|
||
|
||
return false;
|
||
});
|
||
|
||
function showMessage(message) {
|
||
$("#error_dialog").html(message);
|
||
$("#error_dialog").dialog();
|
||
}
|
||
|
||
function sendEmail(formData, formName) {
|
||
// alert(formName);
|
||
//get form action
|
||
var formUrl = $(formName).attr('action');
|
||
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: formUrl,
|
||
data: formData,
|
||
success: function (data, textStatus, xhr) {
|
||
// alert(data);
|
||
if (data.trim() == "+000") {
|
||
|
||
|
||
} else {
|
||
|
||
}
|
||
},
|
||
error: function (xhr, textStatus, error) {
|
||
// alert(error);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function Expense() {
|
||
this.id;
|
||
this.unique_url;
|
||
this.title;
|
||
this.currency;
|
||
this.description;
|
||
this.create_date;
|
||
this.version
|
||
}
|
||
|
||
function GroupExpense() {
|
||
//this.index;
|
||
this.id;
|
||
this.expenseId;
|
||
this.isAdd;
|
||
this.paidBy;
|
||
this.expenseName;
|
||
this.amount;
|
||
this.participantAmountStr;
|
||
this.expenseDate;
|
||
this.participantAmtHtml;
|
||
this.noOfNotes;
|
||
this.noOfModification;
|
||
this.isDetails;
|
||
this.isreimburse;
|
||
this.previousDesc;
|
||
this.newDesc;
|
||
this.previousPaidBy;
|
||
this.type;//1=normal expense,2=balance entry
|
||
this.extras;
|
||
this.advance;
|
||
}
|
||
|
||
function FilteredGroupExpense() {
|
||
this.id;
|
||
this.paidBy;
|
||
this.amount;
|
||
this.expenseName;
|
||
this.expenseDate;
|
||
this.involves;
|
||
this.forYou;
|
||
this.noOfNotes;
|
||
this.noOfModification;
|
||
}
|
||
|
||
function Log() {
|
||
this.expenseId;
|
||
this.fromDate;
|
||
this.toDate;
|
||
}
|
||
function Email() {
|
||
this.email;
|
||
this.uniqueURL;
|
||
this.title;
|
||
}
|
||
|
||
function Participant() {
|
||
this.id;
|
||
this.name;
|
||
this.isCreator;
|
||
this.create_date;
|
||
this.totalPaid;
|
||
this.totalSpent;
|
||
this.balance;
|
||
this.isFreeze;
|
||
this.currentInputExpensePart;
|
||
this.currentInputExpenseFreezeAmt;
|
||
this.expense_id;
|
||
this.isAdd;
|
||
this.isDeletable;
|
||
|
||
}
|
||
|
||
|
||
|
||
|