Mr.Combet Webshell 🔥

Edit File Name : _FamilyDetailsTab.cshtml

@model RER_Project.DataAccess.ViewModels.Baseline.BaselineViewModel
@using RER_Project.BusinessLayer.ViewModel;
@using RER_Project.BusinessLayer.BusinessService
@using RER_Project.Core.Helpers
@{
    var meta = AppUserService.GetCurrent();
}
@{
    //var totalMember = @PPIMemberToValueMapper.GetTotalMemberForSetValue(@Model.MemberDetailView.TotalFamilyMembers);
}
@if (Model.MemberDetailView.IsActive)
{
    <form id="CreateIntervention">
        <input type="hidden" id="InterventionId" name="Id" />

<div class="form-group col-md-2">
                <label><strong>First Name</strong></label>
                <input type="text" class=" form-control required" id="FirstName" name="FirstName" />
            </div>
            <div class="form-group col-md-2">
                <label><strong>Last Name</strong></label>
                <input type="text" class=" form-control required" id="LastName" name="LastName" />
            </div>
            <div class="form-group col-md-3">
                <label><strong>Relationship To HouseholdHead</strong></label>
                <select type="text" class="form-control  required" name="RelationshipToHouseholdHead" id="RelationshipToHouseholdHead" data-api="/relation-with-household-head/select"></select>
            </div>
            <div class="form-group col-md-2">
                <label><strong>Age</strong></label>
                <input type="number" min="0" oninput="validity.valid||(value='');" step="1" max="130" class=" form-control digit required" id="Age" name="Age" />
            </div>
            <div class="form-group col-md-2">
                <label><strong>Gender</strong></label>
                <select type="text" class="form-control required" name="Gender" id="Gender" data-api="/genders/select"></select>
            </div>
            <div class="form-group col-md-2">
                <label><strong>Education Status</strong></label>
                <select type="text" class="form-control required" name="EducationStatus" id="EducationStatus" data-api="/education-status/select"></select>
            </div>

<div class="form-group col-md-2">
                <label><strong>Occupation</strong></label>
                <select type="text" class=" form-control required" id="Occupation" name="OccupationId" data-api="/occupations/select"></select>
            </div>
            <div class="form-group col-md-2">
                <label><strong>Foreign Employment</strong></label>
                <select type="text" class=" form-control required" id="ForeignEmployment" name="ForeignEmployment" data-api="/foreign-employment-status/select"></select>
            </div>
            <div class="form-group col-md-2">
                <label><strong>Income / Year (Rs) </strong></label>
                <div class="inputWithIcon">
                    <input type="text" class="curr form-control required currencyFormatter" onkeypress="return isNumberKey(this,event)" maxlength="10" id="Income" name="Income">
                    <span><strong>Rs</strong></span>
                </div>
                @* <input class=" form-control required" id="Income" type="number" onkeypress="return isNumberKey(this,event)" maxlength="8" name="Income" />*@
            </div>

<div class="form-group col-md-2">
                <label><strong>Saving / Year (Rs)</strong></label>
                <div class="inputWithIcon">
                    <input type="text" class="curr form-control required currencyFormatter" onkeypress="return isNumberKey(this,event)" maxlength="10" id="Saving" name="Saving">
                    <span><strong>Rs</strong></span>
                </div>
                @*  <input type="number" onkeypress="return isNumberKey(this,event)" maxlength="8" class=" form-control required" id="Saving" name="Saving" />*@
            </div>
            <div class="form-group col-md-2">
                <label><strong>Bank Name</strong></label>
                <select type="text" class="form-control required " name="Bank" id="BankName" data-api="/banks/select"></select>
            </div>
        </div>
        @*<div class="row">

<div class="form-group col-md-2 hidden">
                    <label>Service</label>
                    <select type="text" class=" form-control required" id="Service" name="Service" data-api="/service_type/select"></select>
                </div>
            </div>*@
        <div class="row">
            <div class="form-group col-md-6">
                <label><strong>Remarks</strong></label>
                <input type="text" class=" form-control" id="Remarks" name="Remarks" />
            </div>
            <div class="form-group col-md-6">
                <label class="align-label-btm">&nbsp;&nbsp;</label>
                @if (Model.MemberDetailView.IsActive)
                {
                    if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin)
                    {

<input type="button" value="Save" class="btn btn-primary" id="SubmitIntervention" />
                    }
                }

@*<a class="btn btn-primary btn-xl" id="btnAdd" onclick="addIntervention()" title="Add">

</form>
}
<div class="row">
    <div class="form-group col-md-6">
        <div class="pull-left">
            <a class="btn btn-primary btnPrevious"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> &nbsp;Previous</a>
            <a class="btn btn-primary btnNext">Next <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
        </div>
    </div>
</div>

<div class="table-responsive" style="margin-top: 16px;">
    <table class="table table-bordered table-hover dataTables" name="tblIntervention" id="tblIntervention">
        <thead>
            <tr>
                <th>FirstName</th>
                <th>LastName</th>
                <th>Relation To HouseHold</th>
                <th>Age</th>
                <th>Gender </th>

<th>Education Status</th>
                <th>Occupation</th>
                <th>Employment </th>
                <th style="white-space:nowrap;">Income / Year</th>
                <th style="white-space:nowrap;">Saving / Year</th>
                <th>Bank</th>
                <th>Remarks</th>
                @if (Model.MemberDetailView.IsActive)
                {
                    <th>Action</th>
                }

</tr>
        </thead>
        <tbody id="tblInterventionBody">
        </tbody>

</tfoot>
    </table>

</div>

function loadInterventionList() {

getFamilyMemberTotalIncome('@Model.MemberDetailView.Id');

const ajax = request();

function request() {

const url = '/baseline/intervention/member/' + @Model.MemberDetailView.Id + "/" + true;

return window.getAjaxRequest(url, "Get", @Model.MemberDetailView.Id);
            }

ajax.done(function (response) {
            console.clear();
            if (response.length == 0) {
                initializeMainGroupMemberInfo();
            }
              console.log(response);
              addInterventionToTable(response);

});

ajax.fail(function (xhr) {
            ShowMessage("error", xhr.responseText);
        });
        }

function initializeMainGroupMemberInfo() {
        $('#FirstName').val('@Model.MemberDetailView.FirstName');
        $('#LastName').val('@Model.MemberDetailView.LastName');
        $('#Age').val('@Model.MemberDetailView.Age');
          $('#Gender').val('@Model.MemberDetailView.Gender');
    }

function addInterventionToTable(response) {
            $('#tblIntervention tbody > tr').remove();
              $('#tblIntervention tfoot > tr').remove();
            var table = $("#tblIntervention tbody");

var totalIncomePerYear = 0;
            var totalSavingPerYear = 0;

var status = '@Model.MemberDetailView.IsActive';

$('#TotalMemberCreated').val(response.length);

response.forEach(function (x) {

var row = "<tr>";
                row += "<td>" + x.first_name + "</td>";
                row += "<td>" + x.last_name + "</td>";
                row += "<td>" + x.relation_type + "</td>";

row += "<td>" + x.age + "</td>";
                row += "<td>" + x.gender_name + "</td>";
                row += "<td>" + x.status + "</td>";
                row += "<td>" + x.occupation_name + "</td>";
                row += "<td>" + x.employment_status + "</td>";
                row += "<td> <center><strong>Rs. " +getNumberWithComma(x.income)+ "</strong></center> </td>";
                row += "<td><center><strong>Rs. " + getNumberWithComma(x.saving)+ " </strong></center></td>";
                row += "<td style='white-space:nowrap;'>" + x.bank_name + "</td>";
                row += "<td>" + x.remarks + "</td>";

row += "<td style='white-space:nowrap;' class='hideshow'>" + "<a  class='btn btn-default btn-xs intervent_edit_delete' style='color:dodgerblue'  onclick=editInterventionFormByInterventionId(" + x.id + ") ><i class='fa fa-edit'></i></a>"+
                    "&nbsp;&nbsp;<a class='btn btn-default btn-xs intervent_edit_delete' style='color:dodgerblue' onclick=deleteInterventionFamilyMember(" + x.id + ") ><i class='fa fa-trash'></i ></a>" //+
                    //"<span style='cursor:pointer'  onclick=showRecommendPopUp(" + x.id + ")  class='badge'>Recommend</span" +

+"</td > ";

totalIncomePerYear += parseFloat(x.income);
                totalSavingPerYear += parseFloat(x.saving);
        table.append(row);
            })

var role = '@meta.RoleId';

if (role == 1 || role == 4 || role == 20) {
               
                $('.intervent_edit_delete').show();
            }
            else {
                //alert(role + "t");
                $('.intervent_edit_delete').hide();
            }

var tblFooter = $("#tblIntervention tfoot");
         var footerRow = `<tr>
                    <td ><strong>Total : </strong></td>
                    <td colspan="7"></td>

<td><strong><center> Rs. ${Number(parseFloat(totalIncomePerYear).toFixed(2)).toLocaleString("en-IN", { minimumFractionDigits: 2 })}</center></strong></td>
                     <td><strong><center> Rs. ${Number(parseFloat(totalSavingPerYear).toFixed(2)).toLocaleString("en-IN", { minimumFractionDigits: 2 }) }</center></strong></td> <td></td><td></td><td class="hideshow"></td>
                </tr>`
            tblFooter.append(footerRow);

if (status === 'False') {

$('.hideshow').hide();
            }

}

function editInterventionFormByInterventionId(id) {

const ajax = request(id);

function request(id) {

const url = '/baseline/intervention/' + id;

return window.getAjaxRequest(url, "Get", id);

}
           ajax.done(function (response) {
               console.log(response);
               var gender = parseInt(response.Gender);
               console.log(gender);
               $('#InterventionId').val(response.Id);

$('#FirstName').val(response.FirstName);
               $('#LastName').val(response.LastName);

$('#RelationshipToHouseholdHead').val(response.RelationshipToHouseholdHead);
               $('#Age').val(response.Age);
               $('#Gender').val(parseInt(response.Gender));
               $('#EducationStatus').val(response.EducationStatus);
               $('#Occupation').val(response.OccupationId);
               $('#ForeignEmployment').val(response.ForeignEmploymentId);
               $('#Saving').val(getNumberWithComma(response.Saving));
               $('#Income').val(getNumberWithComma(response.Income));
               $('#BankName').val(response.BankId);
               $('#Remarks').val(response.Remarks);
               window.scrollTo(0, 0);
           })

ajax.fail(function (xhr) {

ShowMessage("error", xhr.responseText);
               });

}

function deleteInterventionFamilyMember(id) {

let conf = confirm(`Are you sure you want to delete this Family Details ?`);
        if (!conf) {

return;
        } else {

const ajaxResponse = requestInterventionToDelete(id);

ajaxResponse.done(function (response) {
                WorkForce.loader.hide();
                if (response) {
                    loadInterventionList();
                    ShowMessage("success", "Successfully Deleted Family Details");
                }

WorkForce.loader.hide();
            });

ajaxResponse.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("Error", xhr.responseText);
            });
            WorkForce.loader.hide();
        }

}

function requestInterventionToDelete(interventionId) {
            const url = "/baseline/intervention/delete/";
            const data = JSON.stringify({ "Id": interventionId});
            return window.getAjaxRequest(url, "POST", data);
    }

$("#SubmitIntervention").off("click").on("click", function () {

var currentTotalUserCreated = $('#TotalMemberCreated').val();
        var id = $("#InterventionId").val();
        debugger
        @*if (currentTotalUserCreated == '@totalMember') {
            ShowMessage("error", "Member Already ");
             clearFarmerDetailsData();
            return false;
        }*@

const form = $("#CreateIntervention");
            $.validator.unobtrusive.parse(form);
            if (!form.valid()) {
                return false;
            };

if (!window.confirmAction()) {
                return;
            };

WorkForce.loader.show();

function request(model) {
                const url = "/baseline/intervention/create";
                const data = JSON.stringify(model);
                return window.getAjaxRequest(url, "POST", data);
            }
            function getModel() {
                return ( getBaselineInterventionViewModel());
            }

function getBaselineInterventionViewModel(){
                var interventionData = {};

var table = $("#tblIntervention tbody");

const relationshipToHouseholdHead = $('#RelationshipToHouseholdHead option:selected');
                const occupation =$('#Occupation option:selected');

const foreignEmployee =   $('#ForeignEmployment option:selected');
                const bank =$('#BankName option:selected');
                //const service =$('#Service option:selected');
                interventionData.Id = $('#InterventionId').val();
                interventionData.BaselineId = $('#baselineId').val();
                interventionData.GroupId = '@Model.MemberDetailView.GroupId';
                interventionData.MemberId = '@Model.MemberDetailView.Id';
                interventionData.DistrictId = '@Model.MemberDetailView.DistrictId';
                interventionData.FirstName = $('#FirstName').val();
                interventionData.LastName = $('#LastName').val();
                interventionData.RelationshipToHouseholdHead = relationshipToHouseholdHead.val();
                interventionData.Age = $('#Age').val();
                interventionData.Gender = $('#Gender').val();
                interventionData.EducationStatus = $('#EducationStatus').val();
                interventionData.OccupationId = occupation.val();
                interventionData.ForeignEmploymentId = foreignEmployee.val();
                interventionData.Income = removeCommaFromString($('#Income').val());
                interventionData.Saving = removeCommaFromString($('#Saving').val());
                interventionData.BankId = bank.val();
                //interventionData.ServiceTypeId = service.val();
                interventionData.Remarks = $('#Remarks').val();

return interventionData;
            }

const model = getModel();

const ajax = request(model);

ajax.done(function (response) {
                WorkForce.loader.hide();
                showNotification("success");
                 getFamilyMemberTotalIncome('@Model.MemberDetailView.Id');

clearFarmerDetailsData();
                loadInterventionList();
            });

ajax.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            });

});

function getFamilyMemberTotalIncome(id) {
         const ajax = request(id);

function request(id) {

const url = '/baseline/family/income/total/' + id;

return window.getAjaxRequest(url, "Get", id);

}
               ajax.done(function (response) {
                   $('#TotalFamilyIncome').text(getNumberWithComma(response));
               })

ajax.fail(function (xhr) {

ShowMessage("error", xhr.responseText);
               });

}

function clearFarmerDetailsData() {
            $('#InterventionId').val('');
            $('#RelationshipToHouseholdHead').val('');
            $('#Occupation').val('');
            $('#ForeignEmployment').val('');
            $('#BankName').val('');
            $('#Service').val('');
            $('#FirstName').val('');
            $('#LastName').val('');
            $('#Age').val('');
            $('#Gender').val('');
            $('#EducationStatus').val('');
            $('#Income').val('');
            $('#Saving').val('');
            $('#Remarks').val('');
        }

function viewInterventionData(id) {

const ajax = request(id);

function request(id) {

const url = '/baseline/intervention/' + id;

return window.getAjaxRequest(url, "Get", id);

}
           ajax.done(function (response) {
               $('#popUpFullName').html(response.FirstName + '' + response.LastName);
               $('#popUpRelationshipToHouseholdHead').val(response.RelationshipToHouseholdHead);
               $('#popUpAge').html(response.Age);
               $('#popUpGender').html(response.Gender);
               $('#popUpEducation').html(response.EducationStatus);
               $('#popUpOccupation').html(response.Occupation);
               $('#popUpForeignEmployment').val(response.ForeignEmploymentId);
               $('#popUpIncome').html(getNumberWithComma(response.Income));
               $('#popUpSaving').html(getNumberWithComma(response.Saving));
               $('#popUpBank').val(response.BankId);
               $('#popUpRemark').html(response.Remarks);
                  $('#ViewFamilyDetail').modal('show');
           })

ajax.fail(function (xhr) {

ShowMessage("error", xhr.responseText);
               });

}

}
  return true;
       }

function getNumberWithComma(value) {
      return   Number(parseFloat(value).toFixed(2)).toLocaleString("en-IN", { minimumFractionDigits: 0 })
    }

function removeCommaFromString(value) {

if (value === null || value === undefined) {

return value;
        }

var result = parseFloat(String(value.replace(/,/g, '')));
        if (isNaN(result)) {
            return 0;
        }
        else {
            return result;
        }
    }

function showRecommendPopUp(id) {

$('#recommendModel').modal('show');
        $('#RowIdInPopUp').val(id);
        $('#TableName').val('FamilyDetail');
    }

</script>