Mr.Combet Webshell 🔥

Edit File Name : Dashboard.cshtml

@model RER_Project.DataAccess.ViewModels.StoryOrCase.ReportViewModel
@{
    ViewBag.Title = "Dashboard";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-8">
        <ol class="breadcrumb">
            <li class="active">
                <strong>Story/Case Dashboard</strong>
            </li>
        </ol>
    </div>
</div>
<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="table-responsive" style="margin-top: 16px;">
                        <table class="footable table table-hover dataTables cell-border" id="product">
                            <thead>
                                <tr>
                                    <th>Product Type</th>
                                    <th>Total Collected </th>
                                    <th>Total Finalized</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model.ProductTypeReport)
                                {
                                    <tr>
                                        <td>@item.ProductType</td>
                                        <td>@item.TotalCollected</td>
                                        <td>@item.TotalFinalized</td>
                                    </tr>

}

</tbody>
                            <tfoot>
                                <tr>
                                    <td><strong>Total</strong></td>
                                    <td><strong><span class="totalCollected"></span></strong></td>
                                    <td><strong><span class="totalFinalized"></span></strong></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="table-responsive" style="margin-top: 16px;">
                        <table class="footable table table-hover">
                            <thead>
                                <tr>
                                    <th>Significant Change</th>
                                    <th>Total Collected </th>
                                    <th>Total Finalized</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model.SignificantChangeReport)
                                {
                                    <tr>
                                        <td>@item.SignificantChange</td>
                                        <td>@item.TotalCollected</td>
                                        <td>@item.TotalFinalized</td>
                                    </tr>

}
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td><strong>Total</strong></td>
                                    <td><strong><span class="totalCollected"></span></strong></td>
                                    <td><strong><span class="totalFinalized"></span></strong></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="table-responsive" style="margin-top: 16px;">
                        <table class="footable table table-hover">
                            <thead>
                                <tr>
                                    <th>Component Wise</th>
                                    <th>Total Collected </th>
                                    <th>Total Finalized</th>

</tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model.ComponentWiseReport)
                                {
                                    <tr>
                                        <td>@item.Component</td>
                                        <td>@item.TotalCollected</td>
                                        <td>@item.TotalFinalized</td>
                                    </tr>
                                    foreach (var data in Model.CommodityWiseReport)
                                    {
                                        if (@data.ParentId == @item.SubComponentId)
                                        {
                                            <tr>
                                                <td class="text-center">@data.Commodity</td>
                                                <td>@data.TotalCollected</td>
                                                <td>@data.TotalFinalized</td>
                                            </tr>
                                        }
                                    }
                                }
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td><strong>Total</strong></td>
                                    <td><strong><span class="totalCollected"></span></strong></td>
                                    <td><strong><span class="totalFinalized"></span></strong></td>
                                </tr>
                            </tfoot>
                        </table>
                    </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 src="https://cdn.datatables.net/plug-ins/1.10.19/api/sum().js"></script>
<script>
    $(document).ready(function () {
                $('.dataTables').DataTable({
                    dom: '<"html5buttons"B>lTfgitp',
                    buttons: [],
                    searching: false,
                    paging: false,
                    info: false,
                    sorting: false,
                    targets: 'no-sort',
                    bSort: false,
                    order: []
                });
                var sum = $('#product').DataTable().column(1).data().sum();
                $('.totalCollected').html(sum);
                var data = $('#product').DataTable().column(2).data().sum();
                $('.totalFinalized').html(data);
            });
</script>