ViettechReport/SuperCms/Views/Config/Index.cshtml


@{
    ViewData["Title"] = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using SuperCms.Controllers;
@using SuperCms.Models;

@{
    int pageNow = 1;
    if (Model.page != null)
    {
        pageNow = int.Parse(Model.page);
    }
}

@model ConfigViewModel

<input type="hidden" id="table-type" name="table-type" value="@Model.tableType" />
<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-xs-12 mb-1">
                @*<h2 class="content-header-title">Message configuration</h2>*@
            </div>
            <div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-xs-12">
                <div class="breadcrumb-wrapper col-xs-12">
                    <ol class="breadcrumb">
                        @*<li class="breadcrumb-item">
                                <a href="Index">Admin</a>
                            </li>*@
                        @*<li class="breadcrumb-item">
                                <a href="/Config">Tables</a>
                            </li>*@
                    </ol>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- Basic form layout section start -->
            <section id="basic-form-layouts">
                <div class="row service-height">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title" id="basic-layout-form">Toolbars</h4>
                                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                                <div class="heading-elements">
                                    <ul class="list-inline mb-0">
                                        <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                                        <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body ">
                                    <div class="card-block">
                                        <div class="form-body">
                                            @*<div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="serviceCode">Action</label>
                                                            <div>
                                                                <button type="button" class="btn btn-primary" onclick="filterData()" id="btnSearch">
                                                                    <i class="icon-search"></i> Filter
                                                                </button>
                                                                <button type="button" class="btn btn-amber" onclick="searchData()" id="btnSearch">
                                                                    <i class="icon-search"></i> Search
                                                                </button>
                                                                <button type="button" class="btn btn-danger" onclick="exportData(null, null)" id="btnSearch">
                                                                    <i class="icon-search"></i> Export
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>*@
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="serviceCode">Cấu hình</label>
                                                        <select id="telco" name="telco" class="form-control" onchange="tableTypeClick(this.value)">
                                                            <option value="@Model.tableType">@UtilsController.convertNameTable(Model.tableType)</option>
                                                            @{
                                                                for (int i = 1; i <= 6; i++)
                                                                {
                                                                    if (i.ToString() != Model.tableType)
                                                                    {
                                                                        <option value="@i.ToString()">@UtilsController.convertNameTable(i.ToString())</option>
                                                                    }
                                                                }
                                                            }
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="serviceCode">Action</label>
                                                        <div>
                                                            <button type="button" class="btn btn-primary button-style" onclick="addConfigData(@Model.tableType)" id="btnAdd">
                                                                <i class="icon-search"></i> Add
                                                            </button>
                                                            @*<button type="button" class="btn btn-cyan button-style" onclick="filterConfigData(@Model.tableType)" id="btnFilter">
                                                                    <i class="icon-search"></i> Filter
                                                                </button>
                                                                <button type="button" class="btn btn-amber button-style" onclick="searchConfigData(@Model.tableType)" id="btnSearch">
                                                                    <i class="icon-search"></i> Search
                                                                </button>*@
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="card">
                            <div class="row card-content" style="margin:0;">
                                <div class="col-md-12 table-responsive">
                                    <table id="db-table-detail-report-month" class="table table-hover mb-0 ps-container ps-theme-default">
                                        @{
                                            if (Model.tableType == UtilsController.Constant.BOTS)
                                            {
                                                <thead>
                                                    <tr>
                                                        <th>No.</th>
                                                        <th>Name</th>
                                                        <th>Description</th>
                                                        <th>Last Update</th>
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @{
                                                        // get the newest data folowing by each service
                                                        for (int j = 0; j < Model.bots.data.Count; j++)
                                                        {
                                                            BotStructure bot = Model.bots.data[j];

                                                            <tr class="@(j%2==0? "oven-column" : "")">
                                                                <td class="text-truncate">@(j + 1)</td>
                                                                <td class="text-truncate">@bot.name</td>
                                                                <td class="text-truncate">@bot.description</td>
                                                                <td class="text-truncate">@bot.updateDate</td>
                                                                <td class="text-truncate">@UtilsController.convertBotStatus(int.Parse(bot.status))</td>
                                                                <td class="text-truncate">
                                                                    <img class="icon-style edit-btn" value="@bot.id" src="~/img/icons8-edit-96.png" />
                                                                    <img class="icon-style delete-btn" value="@bot.id" src="~/img/icons8-delete-bin-96.png" />
                                                                </td>
                                                            </tr>
                                                        }
                                                    }
                                                </tbody>
                                            }
                                            else if (Model.tableType == UtilsController.Constant.GROUPS)
                                            {
                                                <thead>
                                                    <tr>
                                                        <th>No.</th>
                                                        <th>Code</th>
                                                        <th>Name</th>
                                                        <th>Last Update</th>
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @{
                                                        // get the newest data folowing by each service
                                                        for (int j = 0; j < Model.groups.data.Count; j++)
                                                        {
                                                            GroupStructure group = Model.groups.data[j];

                                                            <tr class="@(j%2==0? "oven-column" : "")">
                                                                <td class="text-truncate">@(j + 1)</td>
                                                                <td class="text-truncate">@group.name</td>
                                                                <td class="text-truncate">@group.description</td>
                                                                <td class="text-truncate">@group.updateDate</td>
                                                                <td class="text-truncate">@UtilsController.convertGroupStatus(int.Parse(group.status))</td>
                                                                <td class="text-truncate">
                                                                    <img class="icon-style edit-btn" value="@group.id" src="~/img/icons8-edit-96.png" />
                                                                    <img class="icon-style delete-btn" value="@group.id" src="~/img/icons8-delete-bin-96.png" />
                                                                </td>
                                                            </tr>
                                                        }
                                                    }
                                                </tbody>
                                            }
                                            else if (Model.tableType == UtilsController.Constant.SCHEDULES)
                                            {
                                                <thead>
                                                    <tr>
                                                        <th>No.</th>
                                                        <th>Name</th>
                                                        <th>Description</th>
                                                        <th>Last Update</th>
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @{
                                                        // get the newest data folowing by each service
                                                        for (int j = 0; j < Model.schedules.data.Count; j++)
                                                        {
                                                            ScheduleStructure schedule = Model.schedules.data[j];
                                                            GroupStructure group = Model.groups.data.Find(x => x.id == schedule.groupID);
                                                            BotStructure bot = Model.bots.data.Find(x => x.id == schedule.botID);

                                                            <tr class="@(j%2==0? "oven-column" : "")">
                                                                <td class="text-truncate">@(j + 1)</td>
                                                                <td class="text-truncate">@schedule.name</td>
                                                                <td class="text-truncate">@schedule.description</td>
                                                                <td class="text-truncate">@schedule.updateDate</td>
                                                                <td class="text-truncate">@UtilsController.convertScheduleStatus(int.Parse(schedule.status))</td>
                                                                <td class="text-truncate">
                                                                    <img class="icon-style edit-btn" value="@schedule.id" src="~/img/icons8-edit-96.png" />
                                                                    <img class="icon-style delete-btn" value="@schedule.id" src="~/img/icons8-delete-bin-96.png" />
                                                                </td>
                                                            </tr>
                                                        }
                                                    }
                                                </tbody>
                                            }
                                            else if (Model.tableType == UtilsController.Constant.CONFIGS)
                                            {
                                                <thead>
                                                    <tr>
                                                        <th>No.</th>
                                                        <th>Key</th>
                                                        <th>Value</th>
                                                        <th>Last Update</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @{
                                                        // get the newest data folowing by each service
                                                        for (int j = 0; j < Model.configs.data.Count; j++)
                                                        {
                                                            Config config = Model.configs.data[j];

                                                            <tr class="@(j%2==0? "oven-column" : "")">
                                                                <td class="text-truncate">@(j + 1)</td>
                                                                <td class="text-truncate">@config.key</td>
                                                                <td class="text-truncate">@config.value</td>
                                                                <td class="text-truncate">@config.updateDate</td>
                                                                <td class="text-truncate">
                                                                    <img class="icon-style edit-btn" value="@config.id" src="~/img/icons8-edit-96.png" />
                                                                    <img class="icon-style delete-btn" value="@config.id" src="~/img/icons8-delete-bin-96.png" />
                                                                </td>
                                                            </tr>
                                                        }
                                                    }
                                                </tbody>
                                            }
                                            else if (Model.tableType == UtilsController.Constant.SENDMAIL)
                                            {
                                                <thead>
                                                    <tr>
                                                        <th>No.</th>
                                                        <th>Telco ID</th>
                                                        <th>Company ID</th>
                                                        <th>Service ID</th>
                                                        <th>Time send</th>
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @{
                                                        // get the newest data folowing by each service
                                                        for (int j = 0; j < Model.sendMails.data.Count; j++)
                                                        {
                                                            SendMail sendMail = Model.sendMails.data[j];

                                                            <tr class="@(j%2==0? "oven-column" : "")">
                                                                <td class="text-truncate">@(j + 1)</td>
                                                                <td class="text-truncate">@sendMail.telcoId</td>
                                                                <td class="text-truncate">@sendMail.companyId</td>
                                                                <td class="text-truncate">@sendMail.serviceId</td>
                                                                <td class="text-truncate">@sendMail.timeSend</td>
                                                                <td class="text-truncate">@sendMail.status</td>
                                                                <td class="text-truncate">
                                                                    <img class="icon-style edit-btn" value="@sendMail.id" src="~/img/icons8-edit-96.png" />
                                                                    <img class="icon-style delete-btn" value="@sendMail.id" src="~/img/icons8-delete-bin-96.png" />
                                                                </td>
                                                            </tr>
                                                        }
                                                    }
                                                </tbody>
                                            }
                                            else if (Model.tableType == UtilsController.Constant.SERVICE_CONFIG)
                                            {
                                                <thead>
                                                    <tr>
                                                        <th>No.</th>
                                                        <th>Telco</th>
                                                        <th>Company</th>
                                                        <th>Service</th>
                                                        <th>Money</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @{
                                                        // get the newest data folowing by each service
                                                        for (int j = 0; j < Model.services.data.Count; j++)
                                                        {
                                                            ConnConfig connConfig = Model.services.data[j];
                                                            ConnCompany company = Model.companies.data.Find(x => x.id == connConfig.companyID);

                                                            <tr class="@(j%2==0? "oven-column" : "")">
                                                                <td class="text-truncate">@(j + 1)</td>
                                                                <td class="text-truncate">@connConfig.telco</td>
                                                                <td class="text-truncate">@company.name</td>
                                                                <td class="text-truncate">@connConfig.serviceName</td>
                                                                <td class="text-truncate">@connConfig.money</td>
                                                                <td class="text-truncate">
                                                                    <img class="icon-style edit-btn" value="@connConfig.id" src="~/img/icons8-edit-96.png" />
                                                                    <img class="icon-style delete-btn" value="@connConfig.id" src="~/img/icons8-delete-bin-96.png" />
                                                                </td>
                                                            </tr>
                                                        }
                                                    }
                                                </tbody>
                                            }
                                        }
                                    </table>
                                    <style>
                                        .pagination-style {
                                            max-width: 1200px;
                                            margin: auto;
                                            position: relative;
                                            padding: 0;
                                            float: none;
                                            padding-right: 0;
                                            text-align: center;
                                        }

                                        .pagination-active {
                                            background: #337ab7 !important;
                                            color: white !important;
                                        }

                                        .pagination-disable {
                                            pointer-events: none;
                                        }
                                    </style>

                                    @{
                                        int totalPage = Model.totalPage != null ? int.Parse(Model.totalPage) : 1;

                                        <div class="category-post-pagination col-xs-12 pagination-style">
                                            @{
                                                <ul class="pagination clearfix pagination-ul">
                                                    <li class="pagination-prev">
                                                        <a href="/Config?tableType=@Model.tableType&page=1">‹‹</a>
                                                    </li>
                                                    <li class="pagination-prev @(pageNow == 1 ? "disabled pagination-disable" : "")">
                                                        <a href="/Config?tableType=@Model.tableType&page=@(pageNow-1)">‹</a>
                                                    </li>
                                                    @{
                                                        if (totalPage <= 4)
                                                        {
                                                            for (int k = 1; k <= totalPage; k++)
                                                            {
                                                                <li class="@(pageNow == k ? "current" : "")">
                                                                    <a class="@(pageNow == k ? "pagination-active" : "")" href="/Config?tableType=@Model.tableType&page=@k">@k</a>
                                                                </li>
                                                            }
                                                        }
                                                        else if (pageNow <= totalPage - 4)
                                                        {
                                                            for (int k = pageNow; (k <= pageNow + 4 && k <= totalPage); k++)
                                                            {
                                                                <li class="@(pageNow == k ? "current" : "")">
                                                                    <a class="@(pageNow == k ? "pagination-active" : "")" href="/Config?tableType=@Model.tableType&page=@k">@k</a>
                                                                </li>
                                                            }
                                                        }
                                                        else
                                                        {
                                                            for (int k = totalPage - 4; k <= totalPage; k++)
                                                            {
                                                                <li class="@(pageNow == k ? "current" : "")">
                                                                    <a class="@(pageNow == k ? "pagination-active" : "")" href="/Config?tableType=@Model.tableType&page=@k">@k</a>

                                                                </li>
                                                            }
                                                        }
                                                    }
                                                    <li class="pagination-next @(pageNow == totalPage ? "disabled pagination-disable" : "")">
                                                        <a href="/Config?tableType=@Model.tableType&page=@(pageNow+1)">›</a>
                                                    </li>
                                                    <li class="pagination-next ">
                                                        <a href="/Config?tableType=@Model.tableType&page=@totalPage">››</a>
                                                    </li>
                                                </ul>
                                            }
                                        </div>
                                    }
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- // Basic form layout section end -->
        </div>
    </div>
</div>


<form action="/Config" method="post" id="config-form">
    <input type="hidden" id="tableType" class="tableType" name="tableType" value="" />
</form>