Mr.Combet Webshell 🔥

Edit File Name : ActivityWiseIndex.cshtml

@*@model RER_Project.DataAccess.ViewModels.WorkPlan.WorkPlanViewModel*@
@using RER_Project.BusinessLayer.BusinessService
@{
    var meta = AppUserService.GetCurrent();

ViewBag.Title = "Activity Wise Index ";
    Layout = "~/Views/Shared/_Layout.cshtml";
    int page = 1;
    int fyId = 0;
    int componentId = 0;
    int subComponentId = 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());
    }

}
<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>Activity Wise Progress</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>
@using (Html.BeginForm("ActivityWiseReportingExcel", "Home", FormMethod.Post, new { id = "form" }))
{
    <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 class="form-horizontal">

<div class="col-md-2 control-label">
                                        Fiscal Year:
                                    </div>
                                    <div class="col-md-3">
                                        <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="col-md-2 control-label">
                                        Component:
                                    </div>
                                    <div class="col-md-3">
                                        <select class="form-control required clear" id="ComponentId" name="ComponentId" data-api="/component/select" data-api-selected-value="@componentId"></select>
                                    </div>

</div>
                                <div class="row">
                                    <div class="col-md-2 control-label">
                                        Sub Component:
                                    </div>
                                    <div class="col-md-3">
                                        <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="col-md-2 control-label">
                                        Activities
                                    </div>
                                    <div class="col-md-3">
                                        <select class="form-control required clear test" name="ActivityId" id="ActivityId" multiple="multiple" style="width: 75%" data-api="/activity-by-category/select" disabled="" onchange="get()"></select>
                                        @*@{Html.RenderPartial("ActivitiesRender");}*@
                                    </div>

</div>
                                <div class="row pull-right">
                                    <div class="col-md-12">
                                        <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 id="loadPartialView"></div>
                        <hr />
                    </div>
                </div>
            </div>
        </div>
    </div>
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<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 () {
        $('.test').select2({
            placeholder: "Select",
            width: 400
        });
        $('.select2-selection').css('border-radius', '0px')
        $('.select2-container').children().css('border-radius', '0px')
    });
    $('#data').on('click', function (e) {
        document.getElementById("form").submit();
    });
    function get() {
        var b = Array.from(document.getElementById("ActivityId").options).filter(option => option.selected).map(option => option.value);
        console.log(b);
        return b;
    }

var m=
    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeComponent();
        setTimeout(function () {
            getMyActivityList();
        },1000)

})
    $('.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();
    })

$('#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-wise-progress/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>