Mr.Combet Webshell 🔥

View File Name : CoopDashboard.cshtml

@model RER_Project.DataAccess.ViewModels.RuralFinance.RuralFinanceVM

@{
    ViewBag.Title = "Main Dashboard";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div id="pop-up-div" class="modal fade" role="dialog">
</div>
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-8">
        <ol class="breadcrumb">
            <li class="active">
                <strong>Rural Finance Dashboard</strong>
            </li>
        </ol>

    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox-content" style="margin-bottom:2%">
                <div class="form">
                   
                    <div class="row">
                        <div class="form-group col-md-2">
                            <label><strong>Province</strong></label>
                            <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates"></select>
                        </div>

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

                        </div>

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

                        </div>


                        <div class="form-group  col-md-2">
                            <label><strong>Fiscal Year</strong></label>
                            <select type="text" class="form-control required" name="FiscalYearId" id="FiscalYearId" data-api="/fiscal_year/select"></select>

                        </div>
                        <div class="form-group col-md-2">
                            <label><strong>Cooperative</strong></label>
                            <select type="text" class="form-control required" name="CoopId" id="CoopId" data-api="/cooperatives/select"></select>
                        </div>

                        <div class="form-group col-md-1" style="margin-top:22px">

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

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">



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

            </div>
        </div>
    </div>
</div>


<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<link href="~/Content/NepaliDatePicker/nepaliDatePicker.min.css" rel="stylesheet" />
<script src="~/Scripts/NepaliDatePicker/jquery.nepaliDatePicker.min.js"></script>
<script src="~/Scripts/app/dashboardGraph.js"></script>


<script type="text/javascript">

    $(document).ready(function () {

        window.initializeSelectApis2();
        window.initializeCascadeLocation2();
        
        loadDashboard(0, 0, 0, 0, '', '', 0);
    });


    

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

        var provinceId = $('#ProvinceId').val();
        var districtId = $('#DistrictId').val();
        var municipalityId = $('#MunicipalityId').val();
        var coopId = $('#CoopId').val();
        
        var fiscalYear = 0;
        loadDashboard(provinceId, districtId, municipalityId, coopId, fiscalYear);
    })

    function loadDashboard(provinceId, districtId, municipalityId, coopId, fiscalYear) {
        WorkForce.loader.show();



        $('#loadPartialView').load("/coopdashboard/search?province=" + provinceId + "&district=" + districtId + "&municipality=" + municipalityId + "&coopid=" + coopId + "&fiscalYear=" + fiscalYear,
            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 fiscalYearChanged(event) {
        debugger;
        console.log(fiscalYear);

        document.getElementById('FiscalYearId').value = event.target.value;
        var provinceId = $('#ProvinceId').val();
        var districtId = $('#DistrictId').val();
        var municipalityId = $('#MunicipalityId').val();
        var coopId = $('#CoopId').val();
        
        var fiscalYear = event.target.value;
        loadDashboard(provinceId, districtId, municipalityId, coopId, fiscalYear);
    }



</script>