Mr.Combet Webshell 🔥

View File Name : Index.cshtml

@model RER_Project.DataAccess.ViewModels.MainPage.MainVM
@{
    ViewBag.Title = "Home";
    Layout = "~/Views/Shared/_LayoutPublic.cshtml";
}
<style>
    .navbar {
        min-height: 100px !important;
    }
</style>
<nav class="navbar navbar-default" style="padding: 10px 20px 15px 40px">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <div>
                <a class="navbar-brand" href=#><img class="navbar-left" height=90 style="padding: 0px 0px 25px 0px" src="~/Images/nepalgovt.png" /></a>
                <h3>Rural Enterprises and Remittances project (SAMRIDDHI)</h3>
            </div>

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>

            </ul>

            <ul class="nav navbar-nav navbar-right">

                <li>@Html.ActionLink("Log In", "Index", "SignIn") <span class="sr-only">(current)</span></li>
            </ul>
        </div><!-- /.navbar-collapse -->

    </div><!-- /.container-fluid -->
    <h3 style="text-align:center;color:red">Under Construction</h3>
</nav>
<div class="row wrapper border-bottom white-bg page-heading" style="padding: 10px 20px 15px 40px">
    <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-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 id="loadPartialView">
    </div>
</div>
<!-- Footer -->
<footer class="page-footer font-small indigo" style="padding:2px 0px 5px 0px">

    <!-- Footer Links -->
    <div class="container text-center text-md-left">

        <!-- Grid row -->
        <div class="row">

            <!-- Grid column -->
            <div class="col-md-6 mx-auto">

                <!-- Links -->
                <h5 class="font-weight-bold text-uppercase mt-3 mb-4">Project Management Office</h5>

                <ul class="list-unstyled">
                    <li>
                        <a href="#!">Tel: +977-025-476473,025-476476</a>
                    </li>
                    <li>
                        <a href="#!">Fax: +977-1-5250873</a>
                    </li>
                    @*<li>
                            <a href="#!">Email: heifer.nepal@heifer.org</a>
                        </li>*@
                    <li>
                        <a href="#!">Itahari, Sunsari</a>
                    </li>
                </ul>

            </div>
            <!-- Grid column -->
            <!-- Grid column -->
            <div class="col-md-6 mx-auto">

                <!-- Links -->
                <h5 class="font-weight-bold text-uppercase mt-3 mb-4">CONNECT WITH US</h5>

                <ul class="list-unstyled">
                    <li>
                        <a href="https://www.facebook.com/groups/803981556478911" target="_blank">Like our Facebook page</a>
                    </li>
                    <li>
                        <a href="https://twitter.com/compose/tweet" target="_blank">Follow us on Twitter</a>
                    </li>

                    <li>
                        <a href="https://youtube.com/" target="_blank">Subscribe Our YouTube Channel</a>
                    </li>
                </ul>

            </div>
            <!-- Grid column -->


        </div>
        <!-- Grid row -->

    </div>
    <!-- Footer Links -->
    <!-- Copyright -->
    <div class="footer-copyright text-center py-3">
        © @System.DateTime.Now.Year Copyright:
        <a href="https://rerp.moics.gov.np/en"> RERP | SAMRIDDHI</a>
    </div>
    <!-- Copyright -->

</footer>
<!-- Footer -->
<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>
<script src="~/Scripts/app/dashboardGraph.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>


<script type="text/javascript">

    $(document).ready(function () {

        window.initializeSelectApis2();
        window.initializeCascadeLocation2();

        loadDashboard(0, 0, 0, 0);
    });




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

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

        var fiscalYear = $('#FiscalYearId').val();
        loadDashboard(provinceId, districtId, municipalityId, fiscalYear);
    })

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



        $('#loadPartialView').load("/main/search?province=" + provinceId + "&district=" + districtId + "&municipality=" + municipalityId + "&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 fiscalYear = event.target.value;
        loadDashboard(provinceId, districtId, municipalityId, fiscalYear);
    }



</script>