Mr.Combet Webshell 🔥

View File Name : MrcMidQuestionnairesReport.cshtml

@using RER_Project.BusinessLayer.BusinessService
@using RER_Project.Core.Helpers
@{
    ViewBag.Title = "MRC MID Questionaires Report List";
    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">
                    <form class="QuestionnairesReport" id="QuestionnairesReport">
                        <div>
                            <div class="pull-left">
                                <strong>Outcome Monitoring Report</strong>
                                <input type="hidden" id="FromDateNepali" name="FromDateNepali" />
                                <input type="hidden" id="FromDate" name="FromDate" />

                                <input type="hidden" id="ToDateNepali" name="ToDateNepali" />
                                <input type="hidden" id="ToDate" name="ToDate" />
                            </div>
                            <div class="pull-right">
                                <a href="#" onclick="exportExcel()" class="btn">
                                    <img src="~/Images/ExternalIcon/excel.png" style="height:32px;width:32px;padding-bottom:5px" />
                                </a>
                            </div>
                        </div>
                        <hr style="width:100%" />

                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Province</strong></label>
                                <select type="text" class="form-control required disabled" name="ProvinceId" id="ProvinceId" data-api="/province/select/all">
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>District</strong></label>
                                <select type="text" class="form-control required disabled" name="DistrictId" id="DistrictId" data-api="/districts/select">
                                </select>
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Muncipality</strong></label>
                                <select type="text" class="form-control required disabled" name="MunicipalityId" id="MunicipalityId" data-api="/municipality/select">
                                </select>
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>Mrc Mid Staff</strong></label>
                                <select class="form-control" name="MrcMidId" style="width: 100%" data-api-selected-value='@(meta.RoleId == (int)EnumRoleHelper.Roles.MRC ? meta.UserId.ToString() :"")' @(meta.RoleId == (int)EnumRoleHelper.Roles.MRC ? "disabled" :"" )   id="MrcMidId" data-api = "/mrc_mid_staff/select"> </select>
                                <input type="hidden" id="HiddenMrcMidId" name="HiddenMrcMidId" />
                            </div>
                        </div>


                        <div class="row">

                            <div class="form-group col-md-3">
                                <label><strong>From Date</strong></label>
                                <input type="text" class=" form-control required" id="fromDatePicker" />
                            </div>

                            <div class="form-group col-md-3">
                                <label><strong>To Date</strong></label>
                                <input type="text" class=" form-control required" id="toDatePicker" />
                            </div>

                            <div class="col-md-1">
                                <div style="height:25px"></div>
                                <button type="button" id="filterSearchData" name="filterSearchData" class="btn btn-primary center-orientation"><i class="fa fa-search" aria-hidden="true"></i></button>
                            </div>
                        </div>
                    </form>


                    <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" />
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>

<script type="text/javascript">

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


        $('#MrcMidId').select2({

            width: 'resolve'

        });

        loadMrcPartialView();
    })

    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);
        })
    }




    function exportExcel() {

        const form = $("#QuestionnairesReport");

        $.validator.unobtrusive.parse(form);
        if (!form.valid()) {
            return false;
        };


        var fromDate = $('#FromDate').val();

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

        window.location.href = `/report/case_registration/export/` + fiscalYear;

    }



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

        loadMrcPartialView();
    })

    function loadMrcPartialView() {
        WorkForce.loader.show();

        var fromDate = $('#FromDate').val();

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


        var provinceId = $('#ProvinceId').val();
        var districtId = $('#DistrictId').val();
        var municipalityId = $('#MunicipalityId').val();
        var mrcMid = $('#MrcMidId').val();


        $('#loadPartialView').load("/mrc/questionnaires/reports/search?fromDate=" + fromDate + "&toDate=" + toDate + "&province=" + provinceId + "&district=" + districtId + "&municipality=" + municipalityId + "&mrc=" + mrcMid,
            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();
                //
            });
       // WorkForce.loader.hide();

    }

</script>

<style>
    tr:last-child {
        font-weight: bold;
    }
</style>