Mr.Combet Webshell 🔥

Edit File Name : MemberList.cshtml

@using RER_Project.Core.Helpers
@using RER_Project.BusinessLayer.BusinessService
@model  RER_Project.DataAccess.Models.IndividualFarmers
@{
    ViewBag.Title = "MemberList";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var meta = AppUserService.GetCurrent();
    var status = false;
}

@if (meta.RoleId != 1 && meta.RoleId != 13)
{
    var getProvince = UserService.GetCurrentUserProvince(meta.UserId).FirstOrDefault();
    ViewBag.Province = getProvince.key;
}

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <label><b>Member List </b></label>
                    <a class="btn" onclick="ExcellExport()" title="Member Reports"> <img src="~/Images/ExternalIcon/excel.png" style="height:32px;width:32px;padding-bottom:5px" /></a>
                    <input type="hidden" id="CurrentPage" name="CurrentPage" />

<hr style="width:100%" />
                    <div class="form-horizontal">
                        <div class="form-group">
                            <div class="col-md-1 control-label">
                                Member. Name:
                            </div>
                            <div class="col-md-2">
                                <input type="text" id="MemberName" name="MemberName" class="form-control" />
                            </div>

<div class="col-md-1 control-label">
                                Province:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/user_wise/province/select">
                                </select>

</div>
                            <div class="col-md-1 control-label">
                                Atoll:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled="">
                                    <option value="">All</option>
                                </select>
                            </div>
                            <div class="col-md-1 control-label">
                                Island:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" disabled="" name="MunicipalityId">
                                    <option value="">All</option>
                                </select>
                            </div>
                        </div>

<div class="col-md-1 control-label">
                            National Id:
                        </div>
                        <div class="col-md-2">
                            <input type="text" class="curr form-control required currencyFormatter" onkeypress="return isNumberKey(this,event)" maxlength="10" id="NationalId" name="NationalId">
                           
                        </div>

<div class="col-md-3">
                                <button type="button" id="searchGroup" name="searchGroup" class="btn btn-primary center-orientation"><i class="fa fa-search" aria-hidden="true"></i></button>
                                <button type="button" id="clear" name="clear" class="btn btn-primary center-orientation">Reset&nbsp;<i class="fa fa-refresh" aria-hidden="true"></i></button>
                            </div>
                        </div>
                    </div>
                    <hr />
                    <div id="loadPartialView">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

window.initializeSelectApis2();
        window.initializeCascadeLocation2();
        $('.select2').select2();
    });

$(function () {
        window.initializeSelectApis2();
        window.initializeCascadeLocation2();

WorkForce.loader.show();
        document.getElementById('CurrentPage').value = 1;
        loadGroups();
    });

$("#searchGroup").off("click").on("click", function () {
        document.getElementById('CurrentPage').value = 1;
        loadGroups();
    })

function callSearchPagination(id) {
        document.getElementById('CurrentPage').value = id;
        loadGroups();
    }

async function loadGroups() {
        debugger;
        var NationalIda = $("#NationalId").val();
        var data = removeCommaFromString(NationalIda);

WorkForce.loader.show();
        var xhr = new XMLHttpRequest();
        var jsonData = {
            ProvinceId: document.getElementById('ProvinceId').value,
            DistrictId: document.getElementById("DistrictId").value,
            MunicipalityId: document.getElementById("MunicipalityId").value,      
            
            NationalId: data,
            MemberName: $("#MemberName").val(),
            CurrentPage: document.getElementById('CurrentPage').value
        };

var urlSearchParams = new URLSearchParams(jsonData);

xhr.open('POST', '/memberlist/search', true);
        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

xhr.onload = function () {
            if (this.status == 200) {
                WorkForce.loader.hide();

document.getElementById("loadPartialView").innerHTML = this.responseText;

window.initializeSelectApis();
                window.initializeCascadeLocation();
            }
        }
        xhr.send(urlSearchParams);
        WorkForce.loader.show();
    }

function ExcellExport() {
        debugger;

var  ProvinceId=$("#ProvinceId").val();
         var DistrictId= $("#DistrictId").val();
         var MunicipalityId= $("#MuniciplityId").val();
        var NationalIds = $("#NationalId").val();     
        var MemberName = $("#MemberName").val();
         var national = removeCommaFromString(NationalIds)

window.location.href = `/member/report?ProvinceId=${ProvinceId}&DistrictId=${DistrictId}&MunicipalityId=${MunicipalityId}&NationalId=${national}&MemberName=${MemberName}`;

}

}
        return true;
    }

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

$('#clear').off("click").on("click", function () {
        isFilter = true;
        $('#ProvinceId').val(""),
            $('#DistrictId').val(""),
            $('#MunicipalityId').val(""),
            $('#NationalId').val(""),
            $('#MemberName').val("")
        loadGroups();
    });

</script>

.pagination {
        display: inline-block;
    }

.pagination a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
        }

.pagination a.active {
                background-color: #4CAF50;
                color: white;
                border: 1px solid #4CAF50;
            }

.pagination a:hover:not(.active) {
                background-color: #ddd;
            }

.td:nth-child(7) {
        min-width: 100px;
    }

@@media(max-width:756px) {
        .dropdown-spacing {
            padding-bottom: 10px;
        }
    }
</style>