Mr.Combet Webshell 🔥

View File Name : Index.cshtml

@model List<RER_Project.DataAccess.Functions.Fn_Activity_List>
@{
    int page = 1;
    var activityName = "";
    int componentId = 0;
    int subComponentId = 0;
    if (Request.QueryString["page"] != null)
    {
        page = Convert.ToInt32(Request.QueryString["page"].ToString());
        componentId = Convert.ToInt32(Request.QueryString["componentId"].ToString());
        subComponentId = Convert.ToInt32(Request.QueryString["subComponentId"].ToString());
    }
    if (Request.QueryString["activityName"] != null)
    {
        activityName = Request.QueryString["activityName"].ToString();
    }

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

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

    .ibox-content {
        margin-bottom: 0px;
    }
</style>



@* Filter section *@
<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">
                        <div class="col-md-8">
                            <ol class="breadcrumb">
                                <li class="active">
                                    <strong>Activity Lists</strong>
                                </li>
                            </ol>
                        </div>
                        <div class="col-lg-4">
                            <div class="title-action">
                                @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin)
                                {
                                    <a href="/activity/create" class="btn  btn-primary">Create</a>
                                }
                                </div>
                        </div>

                    </div>
                    <hr style="margin-top:0px" />
                    <div class="row">

                        <div class="form-group col-md-4">
                            <label><strong>Component</strong></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-4">
                            <label><strong>Sub Component</strong></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="form-group col-md-4">
                            <label><strong>Activity Name</strong></label>
                            <input type="text" id="ActivityName" name="ActivityName" class="form-control" value="@activityName" />
                        </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>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
    var isFilter = false;
    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeComponent();
        setTimeout(function() {
           getActivityList();
        }, 1000);
    });

     $(document).on("change", "#SubComponentId", function (e) {
         var id = $(this).val();

         const ajax = request();
            function request() {
                const url = "/activity-by-category/text";
                const data = { subComponentId: id };
                return window.getAjaxRequest(url, "POST", JSON.stringify(data));
            }
         ajax.done(function (response) {

            $("#ActivityName").autocomplete({
                source: response
            });

            });

            ajax.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            });
    });
    $('#filter').off("click").on("click", function () {
        isFilter = true;
        WorkForce.loader.show();
        getActivityList();
    })
    $('#clear').off("click").on("click", function () {
        isFilter = true;
        $("#ComponentId").val("");
        $("#SubComponentId").val("");
        $("#ActivityName").val("");
         getActivityList();
    })
    function getActivityList() {
               $('#loadPartialView').load("/activity/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();
                });
    }
     function getSearchModel() {
         var ActivityFilterVM = {
             componentId: $('#ComponentId').val(),
             subComponentId: $('#SubComponentId').val(),
             activityName: $('#ActivityName').val(),
            page:@page
        };
        if (isFilter) {
            ActivityFilterVM.page = 1;
        }
        var model = JSON.stringify(ActivityFilterVM);
        return model;
    }
</script>