Mr.Combet Webshell 🔥

View File Name : _MrcMidClientListPartialView.cshtml

@using RER_Project.BusinessLayer.BusinessService
@using RER_Project.Core.Helpers
@model RER_Project.DataAccess.ViewModels.MRC_MID.MrcMidPaginateViewModel

@{

    var meta = AppUserService.GetCurrent();
    //int currentPage = Convert.ToInt32(Request.QueryString["page"].ToString());
}


    <div class="table table-responsive  table-striped table-hover table-bordered">
        <table class="table table-striped" id="userListTable">
            <thead>
                <tr>
                    <th>SN</th>
                    <th>Client No.</th>
                    <th style="white-space:nowrap;">Name of Client</th>
                    <th style="white-space:nowrap;">District</th>
                    <th style="white-space:nowrap;">Municipality</th>
                    <th>Mention Date (AD)</th>
                    <th>Status of Outcome Survey</th>

                    <th style="text-align:center">Action</th>
                </tr>
            </thead>
            <tbody>
                @{ int serialNo = 1; }
                @foreach (var item in Model.FnMrcMidList)
                {
                    <tr>
                        <td>
                            <label> @((Model.PagerHelper.CurrentPage - 1) * 10 + @serialNo)</label>
                            @{ serialNo++; }
                        </td>
                        <td>
                            <label>@item.id</label>

                        </td>
                        <td style="white-space:nowrap;">@String.Format("{0}  {1}", item.first_name, item.last_name)</td>
                        <td style="white-space:nowrap;">@item.district</td>
                        <td style="white-space:nowrap;">@item.municipality</td>

                        <td>@item.follow_up_date</td>
                        <td>
                            @if (item.is_questionaires_asked == true)
                            {
                                <span>Complete</span>
                            }
                            else
                            {
                                <span>Incomplete</span>
                            }
                        </td>
                        <td style="white-space:nowrap;">
                            <center>
                                @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId == (int)EnumRoleHelper.Roles.MnE || meta.RoleId == (int)EnumRoleHelper.Roles.MnEOfficer || meta.RoleId == (int)EnumRoleHelper.Roles.MigrationOfficer)
                                {

                                    <a class="btn btn-default btn-xs" href="@("/mrc-mid/delete/" + item.id)" style="color:dodgerblue" title="Delete"><i class="fa fa-trash"></i></a>
                                }

                                <a class="btn btn-default btn-xs" href="@("/mrc-mid/details/"+item.id)" style="color:dodgerblue" title="View detail"><i class="fa fa-eye"></i></a>
                                @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId == (int)EnumRoleHelper.Roles.MnE || meta.RoleId == (int)EnumRoleHelper.Roles.MnEOfficer || meta.RoleId == (int)EnumRoleHelper.Roles.MRC || meta.RoleId == (int)EnumRoleHelper.Roles.MigrationOfficer)

                                {
                                    <a class="btn btn-default btn-xs" href="@("/mrc-mid/edit/" + item.id)" style="color:dodgerblue" title="Edit"><i class="fa fa-edit"></i></a>
                                    <a href="@("/mrc_mid/questionnaires?id=" + item.id)" title="Outcome Survey" style="font-size:15px;padding:5px">

                                        @if (item.is_questionaires_asked == true)
                                        {
                                            <span class="badge" style="color:green"><small>Outcome Survey</small> </span>
                                        }
                                        else
                                        {
                                            <span class="badge"><small>Outcome Survey</small> </span>

                                        }


                                    </a>
                                }
                            </center>
                        </td>
                    </tr>
                }
            </tbody>
        </table>



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


    </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>