Mr.Combet Webshell 🔥

View File Name : UserWiseIndex.cshtml

@*@model RER_Project.DataAccess.ViewModels.WorkPlan.WorkPlanViewModel*@
@using RER_Project.BusinessLayer.BusinessService
@{
    var meta = AppUserService.GetCurrent();
}
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    int page = 1;
    int fyId = 0;
    int componentId = 0;
    int subComponentId = 0;
    int userId = 0;
    if (Request.QueryString["page"] != null)
    {
        page = Convert.ToInt32(Request.QueryString["page"].ToString());
        fyId = Convert.ToInt32(Request.QueryString["fyId"].ToString());
        componentId = Convert.ToInt32(Request.QueryString["componentId"].ToString());
        subComponentId = Convert.ToInt32(Request.QueryString["subComponentId"].ToString());
        userId = Convert.ToInt32(Request.QueryString["userId"].ToString());
    }

}
<style>
    .btn {
        border-radius: 0px;
    }

    .modal-content {
        position: relative;
        left: -174.188px;
    }


    .filter {
        height: 115px !important;
    }
</style>
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-8">
        <ol class="breadcrumb">
            <li class="active">
                <strong>User Wise Activity Progress Report</strong>
            </li>
        </ol>

    </div>
    <div class="pull-right" style="padding-top:7px">
        <button id="data" class="btn btn-primary center-orientation">Download excel</button>
    </div>
</div>
<div id="pop-up-div" class="modal fade" role="dialog">
</div>

@* Filter section *@
@using (Html.BeginForm("UserWiseActivityReportingExcel", "Home", FormMethod.Post, new { id = "form" }))
{
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="filter col-lg-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div class="row">

                            @if (meta.IsAdministrator)
                            {
                                <div class="form-group col-md-3">
                                    <label>Assigned By</label>
                                    <select class="form-control required clear" id="UserId" name="UserId" data-api="/user-level-one/select" data-api-selected-value="@userId"></select>
                                </div>
                            }
                            <div class="form-group col-md-3">
                                <label>Fiscal Year</label>
                                <select type="text" class="form-control required" name="fyId" id="fyId" data-api="/fiscal_year_unlocked/select" data-api-selected-value="@fyId"></select>

                            </div>
                            <div class="form-group col-md-3">
                                <label>Component</label>
                                <select class="form-control required clear" id="ComponentId" name="ComponentId" data-api="/component/select" data-api-selected-value="@componentId"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label>Sub Component</label>
                                <select class="form-control required clear" id="SubComponentId" name="SubComponentId" data-api="/sub-component/select" disabled="" data-api-selected-value="@subComponentId"></select>
                            </div>

                            <div class="row">
                                <div class="form-group col-md-offset-10">
                                    <button type="button" id="filter" name="filter" class="btn btn-primary center-orientation">Search&nbsp;<i class="fa fa-search" aria-hidden="true"></i></button>
                                    <button type="button" id="clear" name="clear" class="btn btn-primary center-orientation">Reset&nbsp;<i class="fa fa-refresh" aria-hidden="true"></i></button>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
@* End of filter section *@
<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">
                    <div id="loadPartialView"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<link href="~/Content/plugins/dataTables/datatables.min.css" rel="stylesheet" />
<script src="~/Scripts/plugins/dataTables/datatables.min.js"></script>
<script>
    var isFilter = false;
    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeComponent();
        setTimeout(function () {
           getMyActivityList();
        }, 1000);
    });
         $('#data').on('click', function (e) {
        document.getElementById("form").submit();
    });
    $('.dataTables').DataTable({
        pageLength: 20,
        dom: '<"html5buttons"B>lTfgitp',
        buttons: []

    });
    function showDetails(id, activityId) {
        AjaxForm.popup("/workplan/create/leveltwo", { assignedId: id, activityId: activityId });
    }

    $("body").on("click", "img[src*='plus.png']", function () {
        $(this).closest("tr").after("<tr><td></td><td colspan = '900'>" + $(this).next().html() + "</td></tr>");
        $(this).attr("src", "/images/minus.png");
    });
    //Assign Click event to Minus Image.
    $("body").on("click", "img[src*='minus.png']", function () {
        $(this).attr("src", "/images/plus.png");
        $(this).closest("tr").next().remove();
    });

    $('#filter').off("click").on("click", function () {
        isFilter = true;
        WorkForce.loader.show();
        getMyActivityList();
    })

    function getSearchModel() {
        var WorkPlanFilterVM = {
            fyId: $('#fyId').val(),
            componentId: $('#ComponentId').val(),
            subComponentId: $('#SubComponentId').val(),
            userId: $('#UserId').val(),
            page:@page
    };
            if (isFilter) {
                    WorkPlanFilterVM.page = 1;
            }
            var model = JSON.stringify(WorkPlanFilterVM);
            return model;
    };

    $('#clear').off("click").on("click", function () {
        isFilter = true;
        $('#fyId').val("");
        $("#ComponentId").val("");
        $("#SubComponentId").val("");
        $("#UserId").val("");
        getMyActivityList();
    })

    function getMyActivityList() {
        WorkForce.loader.show();
        $('#loadPartialView').load("/activity-progress-user-wise/list", JSON.parse(getSearchModel()),
            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();
            });
    }
</script>