Mr.Combet Webshell 🔥

View File Name : Index.cshtml


@{
    ViewBag.Title = "FEEK1 Beneficiary List";
    var coopId = ViewContext.RouteData.Values["Id"].ToString();

}
@using RER_Project.Core.Helpers
@using RER_Project.BusinessLayer.BusinessService;
@{
    var meta = AppUserService.GetCurrent();

}

@{
    ViewBag.Page = Request.QueryString["page"];
}
<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">
                    <div class="pull-left">
                        <label style="font-size: medium"><b>FEEK1 Beneficiaries</b></label>
                    </div>
                    <div class="pull-right">
                        @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId == (int)EnumRoleHelper.Roles.MnEExpert @*|| meta.RoleId == (int)EnumRoleHelper.Roles.MnEOfficer || meta.RoleId == (int)EnumRoleHelper.Roles.FinancialInclusionoOfficer*@)
                        {
                            <a href="/feek1/beneficiaries/coop/@coopId/create" class="btn btn-primary">Create</a>
                        }
                            <a href="/feek1/excel/report/?coopid=@coopId" class="btn" title="Feek1 Reports"> <img src="~/Images/ExternalIcon/excel.png" style="height:32px;width:32px;padding-bottom:5px" /></a>
                        </div>
                    <br />
                    <hr style="width:100%" />





                    <div class="form-horizontal">
                        <input type="hidden" id="FromDateNepali" name="FromDateNepali" />
                        <input type="hidden" id="FromDate" name="FromDate" value="@ViewBag.FromDate"/>

                        <input type="hidden" id="ToDateNepali" name="ToDateNepali" />
                        <input type="hidden" id="ToDate" name="ToDate" value="@ViewBag.ToDate"/>
                        <div class="form-group">
                            <div class="col-md-1 control-label">
                                Name:
                            </div>
                            <div class="col-md-2">

                                <input type="text" id="ParticipantName" name="ParticipantName" class="form-control" value="@ViewBag.Name" />
                            </div>

                            

                            <div class="col-md-1 control-label">
                                Ethnicity:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" name="Ethnicity" id="Ethnicity" data-api-selected-value="@ViewBag.Ethnicity" data-api="/ethnicity/select"></select>
                                <input type="hidden" id="ee" name="ee" value="@ViewBag.Ethnicity" />
                            </div>


                            
                            <br /><br /><br />
                            <div class="col-md-1 control-label">
                                From Date:
                            </div>

                            <div class="col-md-2">
                                <input type="text" class=" form-control required" id="fromDatePicker" />
                               
                            </div>

                            <div class="col-md-1 control-label">
                                To Date:
                            </div>

                            <div class="col-md-2">

                                <input type="text" class=" form-control required" id="toDatePicker" />
                            </div>


                            <div class="col-md-1 ">
                                <input type="submit" id="searchFeek1Beneficiaries" name="SearchFeek1Beneficiaries" value="Search" class="btn btn-primary center-orientation" />
                            </div>



                        </div>
                    </div>


                    <hr />

                    <div id="loadPartialView">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="~/Scripts/NepaliDatePicker/jquery.nepaliDatePicker.min.js"></script>
<link href="~/Content/NepaliDatePicker/nepaliDatePicker.min.css" rel="stylesheet" />
<script>

    $(document).ready(function () {
        initializeDatePicker();
        window.initializeSelectApis();
        window.initializeCascadeLocation();
    })

    $(function () {

        var name = $("#ParticipantName").val();

       
        var ethnicity = $("#Ethnicity").val();
        var e = $("#ee").val();
        var fromDate = $('#FromDate').val();
    debugger
        var toDate = $('#ToDate').val();

        $("#searchFeek1Beneficiaries").off("click").on("click", function () {
           name = $("#ParticipantName").val();
            
            ethnicity = $("#Ethnicity").val();
             fromDate = $('#FromDate').val();

            toDate = $('#ToDate').val();

            WorkForce.loader.show();

            loadFeek1BeneficiariesListSearch(name, ethnicity,fromDate,toDate);
        })

          @if (ViewBag.Page== null)
        {
            ViewBag.Page = 1;
        }

          @if(ViewBag.Name == null)
        {
            ViewBag.Name = "";
        }

        loadFeek1BeneficiariesListInitial(name, e, fromDate, toDate);

        function loadFeek1BeneficiariesListInitial(name,ethnicity,fromDate,toDate) {
    debugger
            $('#loadPartialView').load("/feek1/beneficiaries/search/@coopId?page=" + @ViewBag.page + "&name=" + name + "&ethnicity=" + ethnicity +"&fromDate=" + fromDate + "&toDate=" +toDate      ,
                function (response, status, xhr) {

                    if (status == "error") {
                        var msg = "Sorry but there was an error: ";
                        ShowMessage("error", "error", msg + xhr.status + " " + xhr.statusText);
                    };
                    WorkForce.loader.hide();
                });
        }

         function loadFeek1BeneficiariesListSearch(name,ethnicity,fromDate,toDate) {

            $('#loadPartialView').load("/feek1/beneficiaries/search/@coopId?page=" + 1 + "&name=" + name  + "&ethnicity=" + ethnicity +"&fromDate=" + fromDate + "&toDate=" +toDate      ,
                function (response, status, xhr) {

                    if (status == "error") {
                        var msg = "Sorry but there was an error: ";
                        ShowMessage("error", "error", msg + xhr.status + " " + xhr.statusText);
                    };

                    WorkForce.loader.hide();
                });
        }


    })

    function initializeDatePicker() {

        $("#fromDatePicker").nepaliDatePicker({
            dateFormat: "%y-%M-%d",
            closeOnDateSelect: true
        });

        $("#fromDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;
            $("#FromDate").val(datePickerData.adDate.toLocaleDateString());
            $("#FromDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);
        })


        $("#toDatePicker").nepaliDatePicker({
            dateFormat: "%y-%M-%d",
            closeOnDateSelect: true
        });

        $("#toDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;
            $("#ToDate").val(datePickerData.adDate.toLocaleDateString());
            $("#ToDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);
        })
    }
</script>