0byt3m1n1
Path:
C:
/
wamp64
/
www
/
cpms_new
/
USER
/
[
Home
]
File: pi_add_project.php
<?php $MAIN_HEADING = "Add Project"; $SUB_HEADING =""; require_once "pi_add_project_cntrl.php"; include("include/pi_header.php"); require_once"../lib/config.php"; ?> <p><span class="msgText"> <?php if (isset($message)) echo $message;?> </span> <div id="msg_add_project"></div> <form action="pi_add_project_cntrl.php" method="post" class="form-horizontal form-label-left" name="form_addproject" id="form_addproject" data-parsley-validate> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Project Code </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="text" class="form-control col-md-7 col-xs-12" name="txtprojectcode" id="txtprojectcode" required value="<?php if (isset($projectcode) && $projectcode!="") { echo $projectcode; } ?>" /> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['projectcode'])) { echo $error['projectcode']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Project Title </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="text" class="form-control col-md-7 col-xs-12" required name="txtprojecttitle" id="txtprojecttitle" value="<?php if (isset($projecttitle) && $projecttitle!="") { echo $projecttitle; } ?>" /> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['projecttitle'])) { echo $error['projecttitle']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Principle Investigator </label> <div class="col-md-6 col-sm-6 col-xs-12"> <select disabled="" required class="form-control col-md-7 col-xs-12" name="cmbpi" id="cmbpi"> <?php if(!empty($pi_details)) foreach ($pi_details as $j => $value) { $selected = ($j == @$_SESSION['user_id']) ? 'selected= "selected' : " "; ?> <option <?php echo $selected ?> value="<?php echo $j; ?>"><?php echo $value; ?></option> <?php } ?> </select> <input type="hidden" name="cmbpi" value="<?php echo @$_SESSION['user_id'] ?>" /> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['cmbpi'])) { echo $error['cmbpi']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Other Pi/s </label> <div class="col-md-6 col-sm-6 col-xs-12"> <select multiple="" class="form-control col-md-7 col-xs-12 select2_multiple" name="co_pi" id="co_pi" > <?php if(!empty($pi_details)) foreach ($pi_details as $j => $value) { if($j == @$_SESSION['user_id']){ continue; } ?> <option <?php echo $selected ?> value="<?php echo $j; ?>"><?php echo $value; ?></option> <?php } ?> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Co. Investigators </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="txtinvestigator" type="text" class="tags form-control" name="txtinvestigator" value="" placeholder="add co investigator" /> <div id="suggestions-container" style="position: relative; float: left; width: 250px; margin: 10px;"></div> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['investigators'])) { echo $error['investigators']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Fund Type </label> <div class="col-md-6 col-sm-6 col-xs-12"> <select class="form-control col-md-7 col-xs-12" required name="cmbfundtype" id="cmbfundtype"> ini_set('display_errors', 1); error_reporting(E_ALL); <?php foreach($fund_array as $j => $value) { $selected = (isset($fund_type) && $j == $fund_type) ? 'selected' : ''; // Output the <option> element echo '<option ' . $selected . ' value="' . (is_array($value) ? $value['id'] : '') . '">'; echo is_array($value) ? $value['name'] : ''; echo '</option>';} ?> </select> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['cmbfundtype'])) { echo $error['cmbfundtype']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Funding Agency </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="text" class="form-control col-md-7 col-xs-12" name="txtfund" id="txtfund" value="<?php if (isset($fund) && $fund!="") { echo $fund; } ?>" /> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['fundagency'])) { echo $error['fundagency']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Date of Start </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="text" readonly required class="form-control col-md-7 col-xs-12 date_show" id="start_date" placeholder="Start Date" name="start_date" aria-describedby="inputSuccess2Status" > <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['start_date'])) { echo $error['start_date']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" required for="first-name">Date of Completion </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input data-parsley-csdate="" type="text" name="end_date" readonly required class="form-control col-md-7 col-xs-12 date_show" id="end_date" placeholder="Date of Completion" aria-describedby="inputSuccess2Status" > <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['end_date'])) { echo $error['end_date']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Project Outlay (Rupees) </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="text" readonly class="form-control col-md-7 col-xs-12" required name="txtproject_overlay" id="txtproject_overlay" value="<?php if (isset($project_overlay) && $project_overlay!="") { echo $project_overlay; } ?>" /> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['project_overlay_null'])) { echo $error['project_overlay_null']; }?></li></ul> </div> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Duration </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="text" class="form-control col-md-7 col-xs-12" required name="txtduration" id="txtduration" readonly value="<?php if (isset($duration) && $duration!="") { echo $duration; } ?>"/> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['duration'])) { echo $error['duration']; }?></li></ul> </div> </div> <div class="total_outlay_div row " id="total_outlay_div" style="display:none"> <div class="center"> <h4>Total outlay of the project. </h4></div> <table class="table table-bordered table-striped jambo_table" id="total_outlay_table" > </table> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">No.of Budget Head </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="text" class="form-control col-md-7 col-xs-12" required name="txtbudget_head" id="txtbudget_head" value="<?php if (isset($budget_head) && $budget_head!="") { echo $budget_head; } ?>"/> <ul class="parsley-errors-list filled" id="parsley-id-5"><li class="parsley-required"><?php if(isset($error['budget_head'])) { echo $error['budget_head']; }?></li></ul> </div> <div class="col-md-2 col-sm-2 col-xs-12 pull-right"> <a class="btn btn-xs btn-warning " data-toggle="modal" data-target="#modal-budget-master"><i class="fa fa-plus-circle" ></i> Budget Head Master</a> </div> </div> <div class="budget_details_div row " id="budget_details_div" style="display:none"> <div class="center"> <h4>Budget Details </h4></div> <table class="table table-bordered table-striped jambo_table" id="budget_details_table" > </table> <div id="splitup_master"></div> </div> <div id="budget_head_master_div" style="display:none"> <select class="form-control col-md-7 col-xs-12 budget-head-common budget-head-select" custattr name="CONTROLL_ID" id="CONTROLL_ID" budget-val="CUSTOM_VAL"> <option value="">Please select </option> <?php if(!empty($budgetMasterArray)) foreach ($budgetMasterArray as $key => $value) {?> <option value="<?php echo $key; ?>" <?php ?> ><?php echo $value; ?></option><?php } ?> </select> </div> <div class="form-group"> <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-4"> <button type="submit" class=" validate btn btn-success" onclick="" name="save" id="save" value="SAVE">Submit</button> </div> </div> </form> <?php include "include/footer.php"; ?> <div class="modal fade" id="project-confirmation-modal" tabindex="-1" role="dialog" style="z-index: 9999"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Please Confirm</h4> </div> <div class="modal-body"> <div class="" style="padding:10px"> <table class="table table-hover table-bordered"> <tr> <td>Project Code</td> <td><p id="con_project_code"></p></td> </tr> <tr> <td>Project Title</td> <td><p id="con_project_title"></p></td> </tr> <tr> <td>Principle Investigator</td> <td><p id="con_pricipal_inv"></p></td> </tr> <tr> <td>Co PI's</td> <td><p id="con_pi_inv"></p></td> </tr> <tr> <td>Co. Investigator</td> <td><p id="con_co_investigator"></p></td> </tr> <tr> <td>Fund Type</td> <td><p id="con_fund_type"></p></td> </tr> <tr> <td>Fund Agency</td> <td><p id="con_fund_agency"></p></td> </tr> <tr> <td>Start Date</td> <td><p id="con_start_date"></p></td> </tr> <tr> <td>Date of Completion</td> <td><p id="con_end_date"></p></td> </tr> <tr> <td>Project Outlay</td> <td><p id="con_project_outlay"></p></td> </tr> <tr> <td>Duration</td> <td><p id="con_duration"></p></td> </tr> <tr> <td>No.of Budget Head</td> <td><p id="con_budget_head_num"></p></td> </tr> </table> </div> <div style="padding-left: 10px;padding-right:10px;padding-bottom: 10px" class="row"> <div style="" id="con-budget-details" class="col-md-6 col-sm-6 col-xs-6"></div> <div style="" id="con-project-layout" class="col-md-6 col-sm-6 col-xs-6"></div> </div> <div style="padding-left: 10px;padding-right:10px;padding-bottom: 10px" class="row"> <div style="" id="con-project-splitup" class="col-md-6 col-sm-6 col-xs-6"></div> <div style="" id="" class="col-md-6 col-sm-6 col-xs-6"></div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal" style="margin-bottom:0px;">Close</button> <button type="button" class="btn btn-primary" onclick="submitPrjectForm()">Submit</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <div class="modal fade" id="modal-budget-master" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <form data-parsley-validate="" class="form-horizontal form-label-left" id="add-budget-master"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">Add Budget Master</h4> </div> <div class="modal-body"> <div class="form-group"> <label class="col-sm-3 control-label">Budget Head Name</label> <div class="col-sm-9"> <input autocomplete="off" type="text" class="form-control" name="name" id="budgetNameMaster" required=""> </div> </div> <div class="form-group"> <label class="col-sm-12 control-label" id="budget-msg" style="display:none"></label> </div> </div> <div class="modal-footer"> <i class="fa fa-refresh fa-spin fa-2x" id="budget-spin" style="display:none"></i> <button id="add-budget-master" onclick="AddBudgetMaster()" type="button" class="btn btn-sm btn-success" >Add</button> </div> </div> </form> </div> </div> <script type="text/javascript"> window.Parsley.addValidator('csdate', { validateString: function(value) { return validateDate(); }, messages: { en: 'Date of Completion must be greater than start date', } }); function validateDate(){ var strStartDate = $('input[name="start_date"]').attr("date-org"); var strEndDate = $('input[name="end_date"]').attr("date-org"); if(isNotBlank(strStartDate) && isNotBlank(strEndDate)){ var a = moment(strStartDate); var b = moment(strEndDate); return !b.isBefore(a); } return true; } function AddBudgetMaster(){ var bdMsg = $("#budget-msg"); var bdSpin = $("#budget-spin"); var nn = $.trim($("#budgetNameMaster").val()); if(nn==null || nn.length<1){ bdMsg.html("Please enter Budget Head Master").css('color',"red").show(); return; } bdMsg.html("").hide(); bdSpin.show(); $.ajax({ url: BASE_URL+"pi_ajax.php", data: {name : nn,f:"add_budget_master"}, type: 'post', cache: false, dataType: 'json', success: function (data) { bdSpin.hide(); if(data.status==true && data.id >0 ){ bdMsg.html("Successfully added.").css('color',"green").show(); $('table#budget_details_table tbody select').append($('<option>', {value:data.id, text:nn})); $('div#budget_head_master_div select').append($('<option>', {value:data.id, text:nn})); setTimeout(function(){ $("#budgetNameMaster").val("") bdMsg.html("").hide(); AvailablebudgetHeads.push(data.id); $("#modal-budget-master").modal("toggle"); },700); }else{ bdMsg.html("Duplicate Budget Head Name").css('color',"red").show(); } }, error:function(err){ bdMsg.html("Something went wrong, Please try again").css('color',"red").show(); bdSpin.hide(); } }); } $(function(){ $(".select2_multiple").select2({ placeholder: "Select Additional PI's ", allowClear: true }); $('#txtinvestigator').tagsInput({ width: 'auto', defaultText : "Co-investigator name" }); $("#form_addproject").submit(function(e){ e.preventDefault(); // Keep the form from submitting showProjectConfirmationModel(); }); $('#form_addproject').parsley().on('form:validate', function(formInstance) { console.log(formInstance); }); $('.date_show').daterangepicker({ singleDatePicker: true, showDropdowns: true, maxDate: moment().add(30, 'year').format('MM/DD/YYYY') }, function(start, end, label) { var controll = this.element[0]; $(controll).attr("date-org",moment(start).format("MM/DD/YYYY")); var strStartDate = $('input[name="start_date"]').attr("date-org"); var strEndDate = $('input[name="end_date"]').attr("date-org"); if(isNotBlank(strStartDate) && isNotBlank(strEndDate)){ var a = moment(strStartDate); var b = moment(strEndDate); if(b.isBefore(a)){ console.log("end date lower than start!!"); $totalOutLayDiv.hide(); }else{ var difference = b.diff(a, 'years' , true); //[days, years, months, seconds, ...] var intvalue = Math.floor( difference ); if(isFloat(difference)){ intvalue = intvalue + 1; } console.log("Duration : "+ intvalue +" - difference "+ difference); if(intvalue > 0){ makeTotalOutlayOfProject(intvalue); $totalOutLayDiv.show(); $txtDuration.attr("intvalue",intvalue); }else{ //diffrence is 0; $totalOutLayDiv.hide(); } } getDifferenceText(b,a); } if(isNotBlank(strStartDate)){ $('input[name="start_date"]').val(moment(strStartDate).format("DD-MMM-YYYY")); } if(isNotBlank(strEndDate)){ $('input[name="end_date"]').val(moment(strEndDate).format("DD-MMM-YYYY")); } }); }); function getDifferenceText(a,b){ var years = a.diff(b, 'year'); b.add(years, 'years'); var months = a.diff(b, 'months'); b.add(months, 'months'); var days = a.diff(b, 'days'); var txtYear = (years > 1) ? "years " : "year "; var txtmonth = (months > 1) ? "months " : "month "; var txtDate = (days > 1) ? "days " : "day "; var txtDiff = years + txtYear + months + txtmonth + days + txtDate; $txtDuration.val(txtDiff); } var $txtDuration = $("input#txtduration"); var $totalOutLayDiv = $("div#total_outlay_div"); var $totalOutLayTable = $("table#total_outlay_table"); var $projectOutlayInp = $("input#txtproject_overlay"); var $txtbudgetHead = $("input#txtbudget_head"); var $budgetDetailsDiv = $("div#budget_details_div"); var $budgetDetailsTable = $("table#budget_details_table"); var totalOutLayTableRow = ""; //init settings $totalOutLayDiv.hide(); $budgetDetailsDiv.hide(); // on change duration START // ------------------------------------------------------------------------------------------- /* $("body").on("keyup", "input#txtduration" ,function () { var val = $.trim($(this).val()); if(isNaN(val) || val<=0){ $(this).val(""); $totalOutLayDiv.hide(); return; } $totalOutLayDiv.show(); createSplitupTablesIfNeeded(); makeTotalOutlayOfProject(val); });*/ // on change duration START // ------------------------------------------------------------------------------------------- $("body").on("keyup", "input#txtbudget_head" ,function () { var val = $.trim($(this).val()); if(isNaN(val) || val<=0){ $(this).val(""); $budgetDetailsDiv.hide(); return; } $budgetDetailsDiv.show(); // createSplitupTablesIfNeeded(); makeBudgetDetailsTable(val); }); // $("body").on("keyup","input.total_outlay_input",function () { var sum = 0; $totalOutLayTable.find("input").each(function(){ var val = $.trim($(this).val()); if(isNaN(val) || val<0){ val = 0; $(this).val(""); return; }else{ if(val != "" && typeof(val) != "undefined"){ sum+= parseInt(val); } } }); $totalOutLayTable.find("tr:last-child td:last-child").html("<b>"+sum+"</b>"); $projectOutlayInp.val(sum); }) $("body").on("keyup","input.budget_details_amount",function () { var sum = 0; $budgetDetailsTable.find("input.budget_details_amount").each(function(){ var val = $.trim($(this).val()); if(isNaN(val) || val<0){ val = 0; $(this).val(""); return; }else{ if(val != "" && typeof(val) != "undefined"){ sum+= parseInt(val); } } }); $budgetDetailsTable.find("tr:last-child td:last-child").html("<b>"+sum+"</b>"); }) $('body').on('change', '.budget-head-select', function() { var textVal = $(this).children('option:selected').text(); var budgetHeadId = $(this).val(); var budgetVal = $(this).attr("budget-val"); var select_id = $(this).attr("id"); var className = "splitup_budget_head_"+budgetVal; $("."+className).val(textVal); $("."+className).attr("budget-head-id",budgetHeadId); manageBudgetHeadSelectControlls(select_id,budgetHeadId); }); $("body").on("keyup","input.installment_budget_details_amount",function () { var val = $(this).val(); if(isNaN(val) || val <0 ){ $(this).val(""); return; } var installment = $(this).attr("budget-head-val"); var $controll = $(".installment_"+installment); var value = 0; $controll.each(function() { var tempVal = 0; if( $(this).val() !="" && !isNaN($(this).val())) { tempVal = parseInt($(this).val()); } value+= tempVal; }); $(".splitup_inst_total_"+installment).text(value); }); function makeTotalOutlayOfProject(val){ var head = "<thead>"; var tbody = "<form id='project_outlay_form'><tbody><tr>"; var tbody_content = ""; var controllArray = []; $totalOutLayTable.find('.total_outlay_input').each(function (i) { $('#form_addproject').parsley( 'removeItem', "#"+ $(this).attr('id') ); }); for (var i=0 ; i < val ; i++) { var controllId = "total_outlay_input_"+i; controllArray.push(controllId); head+= "<th class='center'>" + ordinal_suffix_of((i+1)) + " Year</th>"; tbody_content+= "<td lass='center'><input type='text' id='"+controllId+"' required class='form-control total_outlay_input' name='out_lay[]'/> </td>"; }; head+= "<th lass='center'>Total (Rupees)</th>"+tbody; head+= tbody_content+ "<td class='center' style='vertical-align: middle;'><b>Total</b></td></tr></tbody></form>"; $totalOutLayTable.empty().html(head); for(var i in controllArray){ $('#form_addproject').parsley( 'addItem', "#"+i ); } } function makeBudgetDetailsTable(val){ var head = "<thead><th class='center'>Budget Head</th><th class='center'>Budget Amount (Rupees)</th></thead>"; var tbody = "<tbody><tr>"; var tbody_content = ""; var budgetHeadMasterSelect = $("#budget_head_master_div").html(); var controllIDs = []; var last_row ="<tr><td class='center'>Total</td><td class='center'>Total</td></tr>" for (var i=0 ; i < val ; i++) { var controllIdSelect = "sel_id_"+ (i+1); var controllIdTxt = "budget_head_master_value_"+ (i+1); var tempSel = budgetHeadMasterSelect; tempSel = tempSel.replace(/CONTROLL_ID/g, "sel_id_"+(i+1) ); tempSel = tempSel.replace(/CUSTOM_VAL/g, i+1 ); tempSel = tempSel.replace(/custattr/g, "required" ); controllIDs.push(controllIdSelect); controllIDs.push(controllIdTxt); tbody_content+= "<tr><td class='center'> "+tempSel+" </td>"; tbody_content+= "<td class='center'><input type='text' id='"+controllIdTxt+"' required class='form-control budget_details_amount budget-head-common' name='budget_details_amount[]'/> </td></tr>"; }; tbody_content+= last_row+"</tbody></table>" $budgetDetailsTable.empty().html(head+tbody_content); for(var i in controllIDs){ $('#form_addproject').parsley( 'addItem', "#"+controllIDs[i]); } AvailablebudgetHeads = []; for(var k in array_code){ AvailablebudgetHeads.push(k); } selectedBudgetHeads = []; budgetSelectLogger = {}; } /*------------------*/ function createSplitupTablesIfNeeded(){ // var duration = $.trim($txtDuration.val()); var duration = 1; var budgetHead = $.trim($txtbudgetHead.val()); if((!isNaN(duration) && duration > 0 ) && (!isNaN(budgetHead) && budgetHead > 0 )){ createSplitupTables(duration,budgetHead); } } /* function createSplitupTables(duration,budgetHead){ $splitupMaster = $("#splitup_master"); var tcolomnHeader2 = "Installment split up"; var innerHtml = ""; for(var i = 0 ; i < duration ; i++ ){ innerHtml += '<div style="padding-left:0px;padding-right:0px;" class="col-sm-6 col-md-6 col-xs-6"><table class="table table-bordered table-striped jambo_table table-proj-splitup" id="tbl_splitup_'+(i+1)+'">'; innerHtml += "<thead><th class='center'>Budget Head</th><th class='center'>"+getInstallmentHeader(i+1)+" "+ tcolomnHeader2 +"</th></thead>"; for(var j = 0; j < budgetHead ; j++ ){ innerHtml+= "<tr><td class='center'><input type='text' readonly class='form-control budget_details_amount splitup_budget_head_"+(j+1)+" '/></td>"; innerHtml+= "<td class='center'><input type='text' budget-head-val='"+(i+1)+"' class='form-control installment_"+(i+1)+" installment_budget_details_amount'/></td></tr>"; } innerHtml += "<tr><td class='center'>Total</td><td class='center'><p style='margin:0px!important;' class='splitup_inst_total_"+(i+1)+"'></p></td></tr>" innerHtml += '</table></div>'; } $splitupMaster.empty().html(innerHtml); } */ function createSplitupTables(duration,budgetHead){ $splitupMaster = $("#splitup_master"); var tcolomnHeader2 = "Installment split up"; var innerHtml = ""; var controllIDs = []; for(var i = 0 ; i < duration ; i++ ){ innerHtml += '<div style="padding-left:0px;padding-right:0px;" class="col-sm-6 col-md-6 col-xs-6"><table class="table table-bordered table-striped jambo_table table-proj-splitup" id="tbl_splitup_'+(i+1)+'">'; innerHtml += "<thead><th class='center'>Budget Head</th><th class='center'>"+getInstallmentHeader(i+1)+" "+ tcolomnHeader2 +"</th></thead>"; for(var j = 0; j < budgetHead ; j++ ){ var controllId = "split-txt-amount-"+(j+1); controllIDs.push(controllId); innerHtml+= "<tr><td class='center'><input type='text' readonly class='form-control budget_details_amount splitup_budget_head_"+(j+1)+" '/></td>"; innerHtml+= "<td class='center'><input type='text' id='"+controllId+"' budget-head-val='"+(i+1)+"' required class='form-control installment_"+(i+1)+" installment_budget_details_amount'/></td></tr>"; } innerHtml += "<tr><td class='center'>Total</td><td class='center'><p style='margin:0px!important;' class='splitup_inst_total_"+(i+1)+"'></p></td></tr>" innerHtml += '</table></div>'; } for(var k in controllIDs){ console.log("=========1=========> "+ controllIDs[k]); $('#form_addproject').parsley( 'addItem', "#"+controllIDs[k] ); } $splitupMaster.empty().html(innerHtml); } function getInstallmentHeader(i){ var j = i % 10, k = i % 100; if (j == 1 && k != 11) { return i + "st"; } if (j == 2 && k != 12) { return i + "nd"; } if (j == 3 && k != 13) { return i + "rd"; } return i + "th"; } function submitPrjectForm(){ var projectOutLayArray = getTotalOutLay(); var budgetDetails = getBudgetDetails(); var postData = {}; var txtinvestigator = ""; postData.project_id = new Date().getTime(); postData.project_code = $("#txtprojectcode").val(); postData.project_title = $("#txtprojecttitle").val(); postData.principle_investigator = $("#cmbpi").val();; postData.cmbfundtype = $("#cmbfundtype").val(); postData.txtfund = $("#txtfund").val(); postData.start_date = moment( $("#start_date").attr("date-org") ).format("YYYY-MM-DD"); postData.end_date = moment( $("#end_date").attr("date-org") ).format("YYYY-MM-DD"); postData.txtproject_overlay = $("#txtproject_overlay").val(); postData.txtduration = $("#txtduration").val(); postData.txtbudget_head = $("#txtbudget_head").val(); postData.co_pi = $("#co_pi").val(); postData.f = "add_project"; postData.projectOutLayArray = projectOutLayArray; postData.budgetDetails = budgetDetails; postData.installment = getProjectInstallments(); postData.txtinvestigator = getCoInvestigators(); console.log(postData); $.ajax({ url: "/CPMS_NEW/USER/pi_ajax.php", data: postData, type: 'post', cache: false, dataType: 'json', success: function (data) { console.log(data); $("html, body").animate({scrollTop: "0px"},500); if(data["status"]==true){ showSuccessDiv("msg_add_project","Saved successfully ",true); setTimeout(function(){ location.href = BASE_URL+"pi_add_project.php" },1000); }else{ showErrorBoxDiv("msg_add_project",data.error); } }, error:function(err){ } }); console.log(postData); } function getTotalOutLay(){ var totalLayoutArray = []; $("#total_outlay_table").find('.total_outlay_input').each(function (i) { var layoutVal = $(this).val(); console.log("------>"+ layoutVal) if( isNotBlank(layoutVal) ){ totalLayoutArray.push($.trim(layoutVal)); }else{ } }); console.log(totalLayoutArray); return totalLayoutArray; } function getBudgetDetails(){ var keyArray = []; var valueArray = []; var objFinal = {}; $("#budget_details_table").find('.budget-head-common').each(function (i) { // console.log(this); if( $(this).prop('type') == 'text' ){ valueArray.push( $(this).val() ); }else{ keyArray.push( $(this).val() ); } }); //-----------------------------// for(var i = 0; i < keyArray.length ; i++ ){ objFinal[keyArray[i]] = valueArray[i]; // var obj = {}; // obj["budget_id"] = keyArray[i]; // obj["amount"] = valueArray[i]; // objFinal.push(obj); } console.log("====================================") console.log(keyArray) console.log(valueArray) console.log(objFinal) return objFinal; } function getProjectInstallments(){ var keyArray = []; var valueArray = []; var objFinal = []; $(".table-proj-splitup").find('input').each(function (i) { if( $(this).hasClass('installment_budget_details_amount')){ valueArray.push( $(this).val() ); }else{ keyArray.push( $(this).attr("budget-head-id") ); } }); for(var i = 0; i < keyArray.length ; i++ ){ //objFinal[keyArray[i]] = valueArray[i]; var obj = {}; obj["id"]= keyArray[i]; obj["v"]= valueArray[i]; objFinal.push(obj); } console.log(keyArray); console.log(valueArray); console.log(objFinal); return objFinal; } function showProjectConfirmationModel(){ var select_array = []; $(".select2-selection__choice").each(function (i) { var controll = $(this)[0]; select_array.push( $(controll).attr("title") ); }); console.log("select_array : "+ select_array); $("#con_project_code").text($("#txtprojectcode").val()); $("#con_project_title").text($("#txtprojecttitle").val()); $("#con_pricipal_inv").text($("#cmbpi option:selected").text()); $("#con_co_investigator").text( getCoInvestigators() ); $("#con_pi_inv").text( select_array ); $("#con_fund_type").text( $('#cmbfundtype option:selected').text() ); $("#con_fund_agency").text( $("#txtfund").val() ); $("#con_start_date").text( $("#start_date").val() ); $("#con_end_date").text( $("#end_date").val() ); $("#con_project_outlay").text($("#txtproject_overlay").val()); $("#con_duration").text($("#txtduration").val()); $("#con_budget_head_num").text($("#txtbudget_head").val()); $("#con-budget-details").html( getBudgetDetailsForConfirmation() ); $("#con-project-layout").html( getotalOutLayForConfirmation() ); // $("#con-project-splitup").html( getSlitupForConfirmation() ); $('#project-confirmation-modal').modal('show'); } function getBudgetDetailsForConfirmation(){ var tempHtml = "<table class='table table-hover table-bordered'><tr><th class='center'>Budget Head</th><th class='center'>Total Budget Amount (Rupees)</th></tr>" var _total = 0; $("#budget_details_table").find('.budget-head-common').each(function (i) { var controll = $(this)[0]; if( $(controll).prop('type') == 'text' ){ var _val = $(this).val(); _total += parseInt($.trim(_val)); tempHtml += "<td>" + $(this).val() +"</td></tr>" ; }else{ tempHtml += "<tr><td>" + $(controll).children('option:selected').text() +"</td>" ; } }); tempHtml +="<tr class='bold'><td>Total</td><td>"+_total+"</td></tr>"; tempHtml +="</table>"; return tempHtml; } function getotalOutLayForConfirmation(){ var tempHtml = "<table class='table table-hover table-bordered'><tr><th class='center'>Year</th><th class='center'>Amount (Rupees)</th></tr>" var num = 1; var total = 0; $totalOutLayTable.find("input").each(function(){ var val = $.trim($(this).val()); tempHtml += "<tr><td>" + num +"</td>" ; tempHtml += "<td>" + val +"</td></tr>" ; num++; total+=parseInt(val); }); tempHtml +="<tr class='bold'><td>Total</td><td>"+total+"</td></tr>"; tempHtml +="</table>"; return tempHtml; } function getSlitupForConfirmation(){ //con-project-splitup var tempHtml = "<table class='table table-hover table-bordered'><tr><th class='center'>Budget Head</th><th class='center'>Installment </th></tr>" var total = 0; $(".table-proj-splitup").find("input").each(function(){ if( $(this).hasClass( "installment_budget_details_amount" )){ var val = $.trim($(this).val()); tempHtml += "<td>" + val +"</td></tr>" ; total+=parseInt(val); }else{ tempHtml += "<tr><td>" + $(this).val() +"</td>" ; } }); tempHtml +="<tr class='bold'><td>Total</td><td>"+total+"</td></tr>"; tempHtml +="</table>"; return tempHtml; } function getCoInvestigators(){ var investArray = []; $(".tag").find("span").each(function(){ investArray.push($(this).text() ); }); return investArray.join(); } /*------------------------------------------------------*/ var array_code = '<?php echo json_encode($budgetMasterArray); ?>'; array_code = JSON.parse(array_code); var AvailablebudgetHeads = []; for(var k in array_code){ AvailablebudgetHeads.push(k); } var selectedBudgetHeads = []; var budgetSelectLogger = {}; function manageBudgetHeadSelectControlls(select_id,budgetHeadId){ console.log("select_id : "+ select_id +" , budgetHeadId : "+ budgetHeadId + "---logger : "+budgetSelectLogger[select_id]); if( typeof(budgetSelectLogger[select_id]) != "undefined" && budgetSelectLogger[select_id] != "" ) { //already selected var previousSelectedId = budgetSelectLogger[select_id]; selectedBudgetHeads = remove_array_value(selectedBudgetHeads,previousSelectedId); AvailablebudgetHeads.push(previousSelectedId); budgetSelectLogger[select_id] = budgetHeadId; if(budgetHeadId != ""){ selectedBudgetHeads.push(budgetHeadId); AvailablebudgetHeads = remove_array_value(AvailablebudgetHeads,budgetHeadId); } }else{ selectedBudgetHeads.push(budgetHeadId); budgetSelectLogger[select_id] = budgetHeadId; AvailablebudgetHeads = remove_array_value(AvailablebudgetHeads,budgetHeadId); } console.log("========================================"); console.log(AvailablebudgetHeads); console.log(selectedBudgetHeads); console.log(budgetSelectLogger); $(".budget-head-select").each(function(){ var controll_id = $(this).attr("id"); if( controll_id != "CONTROLL_ID"){ for(var i in AvailablebudgetHeads){ // console.log("available : "+AvailablebudgetHeads[i]); $(this).children('option[value=' + AvailablebudgetHeads[i] + ']') .attr('disabled', false); } for(var j in selectedBudgetHeads){ if( $(this).val() != selectedBudgetHeads[j] ){ $(this).children('option[value=' + selectedBudgetHeads[j] + ']') .attr('disabled', true); } } } }); } function remove_array_value(array, value) { var index = array.indexOf(value); if (index >= 0) { array.splice(index, 1); } return array; } </script>