Mr.Combet Webshell 🔥

View File Name : MyActivities.cshtml

@*@model RER_Project.DataAccess.ViewModels.WorkPlan.WorkPlanViewModel*@
@{
    ViewBag.Title = "My Activities";
    Layout = "~/Views/Shared/_Layout.cshtml";
    int page = 1;
    if(Request.QueryString["page"] != null)
    {
        page = Convert.ToInt32(Request.QueryString["page"].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>WorkPlan</strong>
            </li>
        </ol>

    </div>
</div>
<div id="pop-up-div" class="modal fade" role="dialog">
</div>

@* 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="form-group col-md-4">
                            <label><strong>Component</strong></label>
                            <select class="form-control required clear" id="ComponentId" name="ComponentId" data-api="/component/select"></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=""></select>
                        </div>
                        <div class="form-group col-md-4">
                            <label><strong>Fiscal Year</strong></label>
                            <select type="text" class="form-control required" name="fyId" id="fyId" data-api="/fiscal_year_unlocked/select"></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>
    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeComponent();
        getMyActivityList();
    })
    $('.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 () {
        WorkForce.loader.show();
        getMyActivityList();
    })

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

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

    function getMyActivityList() {
        WorkForce.loader.show();
        $('#loadPartialView').load("/workplan/activities/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>