Mr.Combet Webshell 🔥

View File Name : WorkPlanSelfList-bkup.cshtml

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


    <div class="wrapper wrapper-content animated">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <label style="font-size: medium"><b>WorkPlan List</b></label>
                        <input type="hidden" name="CurrentPage" id="CurrentPage" />

                        <a href="/workplan/self/insert" class="btn btn-primary pull-right">Create WorkPlan</a>

                        <hr />
                       

                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label><strong>User:</strong> </label>
                                    <select type="text" class="form-control required" name="UserId" id="UserId"  data-api="/users/select"></select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label><strong>Year:</strong> </label> <br />
                                    <select type="text" class="form-control required" name="YearId" id="YearId" data-api="/year_nepali_kv/select"></select>
                                </div>

                                <div class="form-group col-md-3">
                                    <label><strong>Month:</strong> </label> <br />
                                    <select type="text" class="form-control required" name="MonthId" id="MonthId" data-api="/month/select/keyvalue"></select>
                                </div>
                                <div class="form-group col-md-2">
                                    <br />
                                    <input type="button" value="Search" class="btn btn-primary" id="SubmitButton" /><span>&nbsp;&nbsp;</span>
                                </div>
                            </div>



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


        <div class="modal inmodal" id="progressModel" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content animated fadeIn">
                    <div class="modal-header" style="padding:8px">
                        <strong>Are you sure you want to update progress of this workplan ?</strong>
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    </div>
                    <div class="modal-body">
                        <p>
                            <input type="hidden" id="WorkPlanIdForProgress" name="WorkPlanIdForProgress" />
                            <div class="row">
                                <div class="form-group">
                                    <h4>From Date: <span id="fromDate"></span> BS  </h4>

                                    <h4>To Date: <span id="toDate"></span>   BS</h4>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group">
                                    <label for="title" style="display:block"><strong>First Week :</strong>  </label>
                                </div>
                                <div class="form-group col-md-12">
                                    <table class="table table-responsive table-bordered">
                                        <tr>
                                            <td><strong>Plan</strong></td>
                                            <td><span id="firstWeekPlan"></span></td>
                                        </tr>
                                        <tr>
                                            <td><strong>Achievement</strong></td>
                                            <td>

                                                <textarea class="summernote" rows="4" style="width:100%;resize:none" name="FirstWeekProgress" id="FirstWeekProgress"></textarea>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="form-group">
                                    <label for="title" style="display:block"><strong>Second Week :</strong>  </label>
                                </div>

                                <div class="form-group col-md-12">
                                    <table class="table table-responsive table-bordered">
                                        <tr>
                                            <td><strong>Plan</strong></td>
                                            <td><span id="secondWeekPlan"></span></td>
                                        </tr>
                                        <tr>
                                            <td><strong>Achievement</strong></td>
                                            <td>

                                                <textarea class="summernote" rows="4" style="width:100%;resize:none" name="SecondWeekProgress" id="SecondWeekProgress"></textarea>
                                            </td>
                                        </tr>
                                    </table>

                                </div>
                                <div class="form-group">
                                    <label for="title" style="display:block"><strong>Third Week :</strong>  </label>
                                </div>
                                <div class="form-group col-md-12">
                                    <table class="table table-responsive table-bordered">
                                        <tr>
                                            <td><strong>Plan</strong></td>
                                            <td><span id="thirdWeekPlan"></span></td>
                                        </tr>
                                        <tr>
                                            <td><strong>Achievement</strong></td>
                                            <td>

                                                <textarea class="summernote" rows="4" style="width:100%;resize:none" name="ThirdWeekProgress" id="ThirdWeekProgress"></textarea>
                                            </td>
                                        </tr>
                                    </table>

                                </div>
                                <div class="form-group">
                                    <label for="title" style="display:block"><strong>Last Week :</strong>  </label>
                                </div>
                                <div class="form-group col-md-12">
                                    <table class="table table-responsive table-bordered" style="">
                                        <tr>
                                            <td><strong>Plan</strong></td>
                                            <td><span id="fourthWeekPlan"></span></td>
                                        </tr>
                                        <tr>
                                            <td><strong>Achievement</strong></td>
                                            <td>

                                                <textarea class="summernote" rows="4" style="width:100%;resize:none" name="FourthWeekProgress" id="FourthWeekProgress"></textarea>
                                            </td>
                                        </tr>
                                    </table>

                                </div>
                            </div>

                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                        <a href="#" onclick="ProgressSubmit()" id="ProgressSubmit" class="btn btn-success"><i class="fa fa-check"></i>&nbsp; &nbsp;Submit Progress</a>

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


    </div>


<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
<script>
    $(function () {
        window.initializeSelectApis();
        document.getElementById('CurrentPage').value = 1;
        loadPartialViewData(0, 0, 0, 1);

        $('.summernote').summernote({
            toolbar: [
                // [groupName, [list of button]]
                ['style', ['bold']],
                ['para', ['ul', 'ol']],
            ]
        });

    });


    $("#SubmitButton").off("click").on("click", function () {
        WorkForce.loader.show();
        var userId = document.getElementById('UserId').value;
        var yearId = document.getElementById('YearId').value;
        var monthId = document.getElementById('MonthId').value;
        var currentPage = document.getElementById('CurrentPage').value;
        loadPartialViewData(userId, yearId, monthId, currentPage);

    })


    function callSearchPagination(id) {

        document.getElementById('CurrentPage').value = id;
        var userId = document.getElementById('UserId').value;
        var yearId = document.getElementById('YearId').value;
        var monthId = document.getElementById('MonthId').value;
        var currentPage = id;
        loadPartialViewData(userId, yearId, monthId, currentPage);
    }


    function loadPartialViewData(userId, yearId, monthId, currentPage) {

        var xhr = new XMLHttpRequest();

        var jsonData = {
            UserId: userId,
            YearId: yearId,
            MonthId: monthId,
            CurrentPage: currentPage
        };

        var urlSearchParams = new URLSearchParams(jsonData);

        xhr.open('POST', '/workplan/self/search', true);
        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

        xhr.onload = function () {
            if (this.status == 200) {
                document.getElementById("loadPartialView").innerHTML = this.responseText;
            }
        }
        xhr.send(urlSearchParams);

        WorkForce.loader.hide();

    }



    function finalize(id) {
        let conf = confirm(`Are you sure you want to finalize this Month WorkPlan ? \n \n Note: Once Finalized Cannot edit this Month WorkPlan.`);
        if (!conf) {

            return;
        } else {

            const ajaxResponse = requestForFinalize(id);

            ajaxResponse.done(function (response) {
                WorkForce.loader.hide();
                if (response) {
                    // loadAssetsList();
                    console.log(response);
                    loadPartialViewData(0, 0, 0);
                    ShowMessage("success", "Successfully finalized");
                    debugger;
                }

                WorkForce.loader.hide();
            });

            ajaxResponse.fail(function (xhr) {
                debugger;
                WorkForce.loader.hide();
                console.log(xhr);
                ShowMessage("error", xhr.responseText);
            });

            WorkForce.loader.hide();
        }
    }



    function requestForFinalize(workPlanSelfId) {
        const url = "/workplan/self/finalize/";
        const data = JSON.stringify({ "Id": workPlanSelfId });
        return window.getAjaxRequest(url, "POST", data);
    }


    function progressUpdate(id, fromDate, toDate) {

        $('#WorkPlanIdForProgress').val(id);
        document.getElementById("fromDate").textContent = fromDate;
        document.getElementById("toDate").textContent = toDate;

        $('#progressModel').modal('show');


        oldProgressData(id);

    }

    function oldProgressData(id) {

        const ajax = request();

        function request() {

            const url = `/workplan/self/${id}/api`;

            return window.getAjaxRequest(url, "Get", id);
        }


        ajax.done(function (response) {

            document.getElementById("firstWeekPlan").innerHTML = response.FirstWeek;
            document.getElementById("secondWeekPlan").innerHTML = response.SecondWeek;
            document.getElementById("thirdWeekPlan").innerHTML = response.ThirdWeek;
            document.getElementById("fourthWeekPlan").innerHTML = response.FourthWeek;

            $('#FirstWeekProgress').summernote('code', response.FirstWeekProgress);
            $('#SecondWeekProgress').summernote('code', response.SecondWeekProgress);
            $('#ThirdWeekProgress').summernote('code', response.ThirdWeekProgress);
            $('#FourthWeekProgress').summernote('code', response.FourthWeekProgress);

        });

        ajax.fail(function (xhr) {
            ShowMessage("error", xhr.responseText);
        });

    }



    function ProgressSubmit() {



        var id = $('#WorkPlanIdForProgress').val();

        let conf = confirm(`Are you sure you want to submit your Progress.`);
        if (!conf) {
            return;
        } else {

            const ajaxResponse = requestForUpdateProgressInformation(id);

            ajaxResponse.done(function (response) {
                WorkForce.loader.hide();
                if (response) {
                    // loadAssetsList();
                    console.log(response);
                    loadPartialViewData(0, 0, 0);
                    $('#progressModel').modal('hide');
                    ShowMessage("success", "Successfully Updated Progress Information");
                }

                WorkForce.loader.hide();
            });

            ajaxResponse.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("Error", xhr.responseText);
            });

            WorkForce.loader.hide();
        }
    }


    function requestForUpdateProgressInformation(workPlanSelfId) {
        const url = "/workplan/self/progress/update";
        var firstWeekProgress = $('#FirstWeekProgress').val();
        var secondWeekProgress = $('#SecondWeekProgress').val();
        var thirdWeekProgress = $('#ThirdWeekProgress').val();
        var fourthWeekProgress = $('#FourthWeekProgress').val();

        const data = JSON.stringify({
            "Id": workPlanSelfId, "FirstWeekProgress": firstWeekProgress, "SecondWeekProgress": secondWeekProgress,
            "ThirdWeekProgress": thirdWeekProgress, "FourthWeekProgress": fourthWeekProgress
        });
        debugger;
        return window.getAjaxRequest(url, "POST", data);
    }



</script>