Mr.Combet Webshell 🔥

View File Name : _WorkPlanSelfSearchPartialView.cshtml

@model RER_Project.DataAccess.ViewModels.WorkPlanSelf.WorkPlanSelfWithPagination



    <div class="wrapper wrapper-content animated">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div style="overflow-x: auto; white-space: nowrap; ">
                            <table class="footable table table-hover cell-border " data-page-size="8" data-filter=#filter>
                                <thead>
                                    <tr>
                                        <th>SN</th>
                                        <th>User Name</th>
                                        <th>From Date</th>
                                        <th>To Date </th>
                                        <th>First Week</th>
                                        <th>Second Week</th>
                                        <th>Third Week</th>
                                        <th>Last Week</th>
                                        <th>Action</th>

                                    </tr>
                                </thead>
                                <tbody>
                                    @{ int serialNo = 1; }
                                    @foreach (var item in Model.WorkPlanSelfList)
                                    {
                                        <tr>
                                            <td data-column="SN">
                                                @serialNo
                                                @{ serialNo++; }
                                            </td>
                                            <td data-column="User Name">
                                                @item.UserName
                                            </td>
                                            <td data-column="From Date">
                                                @item.FromDateNepali
                                            </td>
                                            <td data-column="To Date">
                                                @item.ToDateNepali
                                            </td>
                                            <td data-column="First Week">
                                                @Html.Raw(item.FirstWeek)

                                            </td>
                                            <td data-column="Second Week">
                                                @Html.Raw(item.SecondWeek)
                                            </td>
                                            <td data-column="Third Week">
                                                @Html.Raw(item.ThirdWeek)
                                            </td>
                                            <td data-column="Last Week">
                                                @Html.Raw(item.FourthWeek)
                                            </td>
                                            <td data-column="Action">


                                                @if (item.IsFinalized)
                                                {
                                                    <a href="#" onclick="progressUpdate('@item.Id','@item.FromDateNepali','@item.ToDateNepali')" class="">
                                                        <span class="badge">
                                                            <small>Progress </small>
                                                        </span>
                                                    </a>
                                                }
                                                else
                                                {
                                                    <a href="/workplan/self/edit/@item.Id" class=""> <i class="fa fa-edit" aria-hidden="true"></i> &nbsp;   </a>
                                                    <a href="#" onclick="finalize('@item.Id')" class="">
                                                        <span class="badge">
                                                            <small>Finalized</small>
                                                        </span>
                                                    </a>
                                                }
                                            </td>
                                        </tr>
                                    }
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <center>
                    @if (Model.WorkPlanSelfList.Count > 0)
                    {
                        <div class="pagination" id="pagination_active">
                            @if (Model.Pager.CurrentPage > 1)
                            {
                                <button class="btn btn-primary" value="@(Model.Pager.CurrentPage-1)" id="@(Model.Pager.CurrentPage-1)" onclick="callSearchPagination(@(Model.Pager.CurrentPage-1))">Prev </button>
                            }
                            @for (long i = Model.Pager.StartPage; i < (Model.Pager.EndPage + 1); i++)
                            {
                                <button class="btn @(Model.Pager.CurrentPage == i ? "btn-primary active" : "")" value="@i" id="@i" onclick="callSearchPagination(@i)">@i</button>
                            }
                            @if (Model.Pager.CurrentPage < Model.Pager.TotalPages)
                            {
                                <button class="btn btn-primary" value="@(Model.Pager.CurrentPage+1)" id="@(Model.Pager.CurrentPage+1)" onclick="callSearchPagination(@(Model.Pager.CurrentPage+1))">Next</button>
                            }
                        </div>
                    }
                </center>
            </div>
        </div>

       


    </div>




<style>
    .pagination {
        display: inline-block;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
        }

            .pagination a.active {
                background-color: #4CAF50;
                color: white;
                border: 1px solid #4CAF50;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }

    .td:nth-child(7) {
        min-width: 100px;
    }

    @@media(max-width:756px) {
        .dropdown-spacing {
            padding-bottom: 10px;
        }
    }
</style>