Mr.Combet Webshell 🔥

View File Name : _FamilyDetailsTab.cshtml

@model RER_Project.DataAccess.ViewModels.Baseline.BaselineViewModel
<form id="CreateIntervention">
    <input type="hidden" id="InterventionId" name="Id" />

</form>
<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>
            </tr>
        </thead>
        <tbody id="tblInterventionBody">
        </tbody>

        <tfoot style="line-height:30px;background-color:#edf0ee;color:black" id="tblInterventionFooter">

        </tfoot>
    </table>


</div>


<script type="text/javascript">


      function loadInterventionList() {
             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.log(response);
              addInterventionToTable(response);


        });

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

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

            var totalIncomePerYear = 0;
            var totalSavingPerYear = 0;
            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>";
                totalIncomePerYear += parseFloat(x.income);
                totalSavingPerYear += parseFloat(x.saving);
        table.append(row);
            })

                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>
                </tr>`
         tblFooter.append(footerRow);
        }

</script>