Mr.Combet Webshell 🔥

View File Name : _dashboard.cshtml

@model RER_Project.BusinessLayer.ViewModel.GraphViewModel.AWPBs

<style>
    .table-striped th, td {
        border: none;
    }

    .table-striped {
        border: none;
    }

    .tbll {
        background-color: #ffff;
    }
</style>
<div class="row bottomHeight">
    <div class="col-lg-6">
        <div id="activitiesCombinedPieAndBar"></div>
    </div>

    @*<div class="row bottomHeight">
            <div class="col-lg-6">
                <div id="activityCombinedPieAndBar"></div>
            </div>
        </div>*@

    <div class="col-lg-6">
        <div id="budgetCombinedPieAndBar"></div>
    </div>
</div>



<div class="row bottomHeight tbll">
    <div class="col-lg-12">

        <table class="table table-striped">
            <thead class="thead-light">
                <tr>
                    <th scope="col">Component Code</th>
                    <th scope="col">Component Name</th>
                    <th scope="col">Sub Component Code</th>
                    <th scope="col">Sub Component Name</th>
                    <th scope="col">Activity Code</th>
                    <th scope="col">Activity Name</th>
                    <th scope="col">Activity Category Name</th>
                    <th scope="col">Q1</th>
                    <th scope="col">Q2</th>
                    <th scope="col">Q3</th>
                    <th scope="col">Q3</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var item in Model.TableValue)
                {
                    <tr>
                        <th scope="row">@item.component_code</th>
                        <td>@item.component</td>
                        <td>@item.sub_component_code</td>
                        <td>@item.sub_component</td>
                        <td>@item.activity_code</td>
                        <td>@item.activity_name</td>
                        <td>@item.category_name</td>
                        <td>@item.first_quater</td>
                        <td>@item.second_quater</td>
                        <td>@item.third_quater</td>
                        <td>@item.fourth_quater</td>

                    </tr>
                }

            </tbody>
        </table>
    </div>
</div>

<br />


<div class="row bottomHeight tbll">
    <div class="col-lg-12">

        <table class="table table-striped">
            <thead class="thead-light">
                <tr>
                    <th scope="col">User Name</th>
                    <th scope="col">January</th>
                    <th scope="col">February</th>
                    <th scope="col">March</th>
                    <th scope="col">April</th>
                    <th scope="col">May</th>
                    <th scope="col">June</th>
                    <th scope="col">July</th>
                    <th scope="col">August</th>
                    <th scope="col">September</th>
                    <th scope="col">October</th>
                    <th scope="col">November</th>
                    <th scope="col">December</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var item in Model.UserTable)
                {
                    <tr>
                        <th scope="row">@item.user_name</th>
                        <td>@item.jan</td>
                        <td>@item.feb</td>
                        <td>@item.mar</td>
                        <td>@item.apr</td>
                        <td>@item.may</td>
                        <td>@item.jun</td>
                        <td>@item.jul</td>
                        <td>@item.aug</td>
                        <td>@item.sep</td>
                        <td>@item.oct</td>
                        <td>@item.nov</td>
                        <td>@item.dec</td>

                    </tr>
                }

            </tbody>
        </table>

    </div>
</div>


@*<div class="row bottomHeight">
        <div class="col-lg-6">
            <div id="componentC1CombinedPieAndBar"></div>
        </div>
        <div class="col-lg-6">
            <div id="componentC2CombinedPieAndBar"></div>
        </div>
    </div>

    <div class="row bottomHeight">
        <div class="col-lg-6">
            <div id="componentC3CombinedPieAndBar"></div>
        </div>
    </div>*@



<script src="~/Scripts/app/dashboardGraph.js"></script>
<script type="text/javascript">
    var dashboardJs = DashBoardJS();
    var AWPBActivities = @Html.Raw(Json.Encode(Model.AWPBActivities));
    var AWPBBudgets = @Html.Raw(Json.Encode(Model.AWPBBudgets));
    @*var AWBPC1 = @Html.Raw(Json.Encode(Model.AWBPC1));
    var AWBPC2 = @Html.Raw(Json.Encode(Model.AWBPC2));
    var AWBPC3 = @Html.Raw(Json.Encode(Model.AWBPC3));*@
    var AWPBActivitiesBar = @Html.Raw(Json.Encode(Model.AWPBActivitiesBar));
    if (AWPBBudgets.CombinedPieGraphsSeries.length != 0) {
        dashboardJs.combinedPieAndBar('activitiesCombinedPieAndBar', AWPBActivities, 'Work Planned Vs Completed Vs Remaining', 'Total Activities');
        dashboardJs.combinedPieAndBar('budgetCombinedPieAndBar', AWPBBudgets, 'Budget Vs Expense', 'Total Budgets');
        @*dashboardJs.combinedPieAndBar('componentC1CombinedPieAndBar', AWBPC1, 'C1 Quaterly Budgets Vs Expense', 'Budget Vs Expense');
        dashboardJs.combinedPieAndBar('componentC2CombinedPieAndBar', AWBPC2, 'C2 Quaterly Budgets Vs Expense', 'Budget Vs Expense');
        dashboardJs.combinedPieAndBar('componentC3CombinedPieAndBar', AWBPC3, 'C3 Quaterly Budgets Vs Expense', 'Budget Vs Expense');*@
        @*dashboardJs.combinedPieAndBar('activityCombinedPieAndBar', AWPBActivitiesBar, 'Planned Vs Completed Vs Remaining By Activity', 'Total Activities');*@
    }
</script>