Mr.Combet Webshell 🔥

View File Name : Index.cshtml

@using PagedList.Mvc;
@using RER_Project.BusinessLayer.BusinessService
@using RER_Project.Core.Helpers
@model PagedList.IPagedList<RER_Project.DataAccess.Functions.FnMrcMid>

@{

    ViewBag.Tittle = "MRC MID Client List ";
    int currentPage = 1;
    var meta = AppUserService.GetCurrent();
}



<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 style="font-size: medium"><b>MRC/MID List </b></label>
                    @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId == (int)EnumRoleHelper.Roles.MnE || meta.RoleId == (int)EnumRoleHelper.Roles.MnEOfficer || meta.RoleId == (int)EnumRoleHelper.Roles.MRC)
                    {
                        <a href="/mrc-mid/create" class="btn btn-primary pull-right">Create</a>

                    }


                    <hr />

                    <div class="form-horizontal">
                        <div class="form-group">
                            <input type="hidden" name="CurrentPage" id="CurrentPage" />
                            <div class="col-md-1 control-label">
                                Client No:
                            </div>
                            <div class="col-md-2">
                                <input type="number" id="ClientNo" name="ClientNo" class="form-control"
                                       step="1" min="0" oninput="validity.valid||(value='');" />

                            </div>
                            <div class="col-md-1 control-label">
                                Province:
                            </div>
                            <div class="col-md-2">
                                @* @(meta.RoleId == (int)EnumRoleHelper.Roles.MRC ? "disabled" : "")*@
                                <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates"></select>

                            </div>
                            <div class="col-md-1 control-label">
                                District:
                            </div>
                            <div class="col-md-2 districtInfo">
                                <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled></select>

                            </div>
                            <div class="col-md-1 control-label">
                                Municipality:
                            </div>
                            <div class="col-md-2">
                                <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select"></select>

                            </div>

                        </div>

                        <div class="form-group">
                            <div class="col-md-1 control-label">
                                From:
                            </div>
                            <div class="col-md-2">
                                <input type="text" class=" form-control required" placeholder="From Date" id="nepaliFromDatePicker" />
                                <input type="hidden" id="FromDate" />
                                <input type="hidden" id="FromDateNepali" />
                                <input type="hidden" id="HiddenFromDate" />
                                <input type="hidden" id="HiddenFromDateNepali" />
                            </div>


                            <div class="col-md-1 control-label">
                                To:
                            </div>
                            <div class="col-md-2">
                                <input type="text" class=" form-control required" placeholder="To Date" id="nepaliToDatePicker" />
                                <input type="hidden" id="ToDate" />
                                <input type="hidden" id="ToDateNepali" />
                                <input type="hidden" id="HiddenToDate"  />
                                <input type="hidden" id="HiddenToDateNepali" />
                            </div>
                            <div class="col-md-1 pull-left">

                                <button type="button" id="searchMrcMidClient" name="searchMrcMidClient" class="btn btn-primary center-orientation"><i class="fa fa-search" aria-hidden="true"></i></button>

                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group">

                            </div>
                        </div>


                    </div>

                    <hr style="margin-top:0px" />
                    @*@if (Model.Count > 0)
                    {*@
                        <div class="form-group">
                            <div class="pull-right">
                                Question Already Asked :&nbsp;&nbsp;<span class="badge" style="color:green"><small>Outcome Survey</small></span> &nbsp;
                                Question Not Asked :&nbsp;&nbsp;<span class="badge"><small>Outcome Survey</small></span> <br /><br />
                            </div>
                        </div>
                   @* }*@

                    <div id="loadPartialView">
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
}
<script src="~/Scripts/jquery.min.js"></script>
<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.initializeCascadeLocation2();
        document.getElementById('CurrentPage').value = 1;
          loadMrcMidClient();
    })


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

        })


    function callSearchPagination(id) {

        document.getElementById('CurrentPage').value = id;
         loadMrcMidClient();
    }




    function loadMrcMidClient() {
        WorkForce.loader.show();
        var xhr = new XMLHttpRequest();

        var jsonData = {
            ProvinceId: document.getElementById('ProvinceId').value,
            DistrictId: document.getElementById("DistrictId").value,
            MunicipalityId: document.getElementById("MunicipalityId").value,
            ClientNo: document.getElementById("ClientNo").value,
            FromDate: $("#FromDate").val(),
            ToDate: $("#ToDate").val(),
            CurrentPage: document.getElementById('CurrentPage').value
        };

        var urlSearchParams = new URLSearchParams(jsonData);

        xhr.open('POST', '/mrc-mid/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;
            }
        }
        xhr.send(urlSearchParams);
    }


    function initializeDatePicker() {

        //var fromDateUrl = new URL(location.href).searchParams.get('fromDate');
        //var toDateUrl = new URL(location.href).searchParams.get('toDate');

        //if (fromDateUrl === null) {
           
            var fromDate = new Date();
        //}
        //else {
         
        //    var fromDate = new Date(fromDateUrl);
        //}

        //if (toDateUrl === null) {
           
            var toDate = new Date();
        //}
        //else {
           
        //    var toDate = new Date(toDateUrl);
        //}
       
        var fromNepaliDate = calendarFunctions.getBsDateByAdDate(fromDate.getFullYear(), fromDate.getMonth() + 1, fromDate.getDate());
        var formatedFromNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", fromNepaliDate.bsYear, fromNepaliDate.bsMonth, fromNepaliDate.bsDate);

    
        var toNepaliDate = calendarFunctions.getBsDateByAdDate(toDate.getFullYear(), toDate.getMonth() + 1, toDate.getDate());
        var formatedToNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", toNepaliDate.bsYear, toNepaliDate.bsMonth, toNepaliDate.bsDate);

        debugger

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

        $("#nepaliFromDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;

            $("#FromDate").val(datePickerData.adDate.toLocaleDateString());

            $("#FromDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);

        })


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

        $("#nepaliToDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;

            $("#ToDate").val(datePickerData.adDate.toLocaleDateString());

            $("#ToDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);

        })
    }


</script>



<style>
    table td, th {
        border: 1px solid #e7eaec;
    }
</style>