| 1 | <div id="breadcrumbs" class="breadcrumbs">
|
|---|
| 2 |
|
|---|
| 3 | <ul class="breadcrumb">
|
|---|
| 4 | <li>
|
|---|
| 5 | <i class="icon-home home-icon"></i>
|
|---|
| 6 | <a href="#">Trang chủ</a>
|
|---|
| 7 | </li>
|
|---|
| 8 |
|
|---|
| 9 | <li>
|
|---|
| 10 | <a href="#">Quản lÜ tà i khoản</a>
|
|---|
| 11 | </li>
|
|---|
| 12 | <li>
|
|---|
| 13 | <a href="#">NgÆ°á»i dùng</a>
|
|---|
| 14 | </li>
|
|---|
| 15 | <li class="active">Danh sách</li>
|
|---|
| 16 | </ul><!-- .breadcrumb -->
|
|---|
| 17 |
|
|---|
| 18 | <div id="nav-search" class="nav-search">
|
|---|
| 19 | <form class="form-search">
|
|---|
| 20 | <span class="input-icon">
|
|---|
| 21 | <input type="text" autocomplete="off" id="nav-search-input" class="nav-search-input" placeholder="Tìm kiếm ...">
|
|---|
| 22 | <i class="icon-search nav-search-icon"></i>
|
|---|
| 23 | </span>
|
|---|
| 24 | </form>
|
|---|
| 25 | </div><!-- #nav-search -->
|
|---|
| 26 | </div>
|
|---|
| 27 | <div class="page-content">
|
|---|
| 28 | <div class="page-header">
|
|---|
| 29 | <h1>
|
|---|
| 30 | NgÆ°á»i dùng
|
|---|
| 31 | <small>
|
|---|
| 32 | <i class="icon-double-angle-right"></i>
|
|---|
| 33 | Danh sách
|
|---|
| 34 | </small>
|
|---|
| 35 | </h1>
|
|---|
| 36 | </div><!-- /.page-header -->
|
|---|
| 37 |
|
|---|
| 38 | <div class="row">
|
|---|
| 39 | <div class="col-xs-12">
|
|---|
| 40 | <!-- PAGE CONTENT BEGINS -->
|
|---|
| 41 | <div style="padding-bottom:4px" class="table-header">
|
|---|
| 42 | Danh sách
|
|---|
| 43 | <!--button href="#addUser" data-toggle="modal" class="btn btn-success pull-right">
|
|---|
| 44 | <i class="icon-plus"></i>
|
|---|
| 45 | Thêm ngÆ°á»i dùng
|
|---|
| 46 | </button-->
|
|---|
| 47 |
|
|---|
| 48 | </div>
|
|---|
| 49 |
|
|---|
| 50 | <div class="table-responsive">
|
|---|
| 51 | <div role="grid" class="dataTables_wrapper" id="sample-table-2_wrapper">
|
|---|
| 52 | <form onsubmit="return false;" id="user" >
|
|---|
| 53 | <div class="row">
|
|---|
| 54 | <div class="col-sm-6">
|
|---|
| 55 | <div id="sample-table-2_length" class="dataTables_length"><label>Hiá»n thá»
|
|---|
| 56 | <select onchange="filter();" name="items" size="1" aria-controls="sample-table-2">
|
|---|
| 57 | <?php foreach ($itemsoptions as $option) { ?>
|
|---|
| 58 | <option <?php if($option == $perpage) echo "selected"; ?> value="<?php echo $option;?>"><?php echo $option;?></option>
|
|---|
| 59 | <?php } ?>
|
|---|
| 60 | </select> bản ghi</label>
|
|---|
| 61 |
|
|---|
| 62 | </div>
|
|---|
| 63 | </div>
|
|---|
| 64 |
|
|---|
| 65 | <div class="col-sm-6">
|
|---|
| 66 | <div class="dataTables_filter" id="sample-table-2_filter">
|
|---|
| 67 | <label>Tìm kiếm:
|
|---|
| 68 | <input type="text" name="keyword" id="keyword" value='<?php echo $keyword;?>' style="width: 162px; height: 18px;" aria-controls="sample-table-2"></label>
|
|---|
| 69 | </div>
|
|---|
| 70 | <div class="dataTables_status" style="float: right;" id="sample-table-2_status"><label>Lá»c:
|
|---|
| 71 | <select onchange="filter();" name="status" size="1" style="width: 176px; height: 28px;">
|
|---|
| 72 | <?php foreach ($statusoptions as $key=>$option):?>
|
|---|
| 73 | <option <?php if ($key == $status) echo "selected"; ?> value="<?php echo $key; ?>"><?php echo $option; ?></option>
|
|---|
| 74 | <?php endforeach; ?>
|
|---|
| 75 | </select>
|
|---|
| 76 | </div>
|
|---|
| 77 | <div style="clear: both;"></div>
|
|---|
| 78 | <div id="daterangepicker" class="selectbox pull-right">
|
|---|
| 79 | <i class="icon-calendar"></i>
|
|---|
| 80 | <input id="daterange" type="text" name="daterange" class="daterangepicker" style="background: #ffffff; width: 176px; height: 28px; position: inherit;">
|
|---|
| 81 |
|
|---|
| 82 | </span>
|
|---|
| 83 | </div>
|
|---|
| 84 | </div>
|
|---|
| 85 | </div>
|
|---|
| 86 |
|
|---|
| 87 | </div>
|
|---|
| 88 |
|
|---|
| 89 | <input type="hidden" name="sorting_order" id="sorting_order" value="<?php echo $sorting_order;?>" />
|
|---|
| 90 | <input type="hidden" name="sorting_field" id="sorting_field" value="<?php echo $sorting_field;?>"/>
|
|---|
| 91 | </form>
|
|---|
| 92 | <!-- Table Content -->
|
|---|
| 93 | <center><div id="loading" style="display:none;"><img src="<?php echo base_url();?>/assets/img/loading.gif"/></div></center>
|
|---|
| 94 | <div id="table_content">
|
|---|
| 95 | <table class="table table-striped table-bordered table-hover dataTable" id="sample-table-2" aria-describedby="sample-table-2_info">
|
|---|
| 96 | <thead>
|
|---|
| 97 | <tr role="row">
|
|---|
| 98 | <th class="center sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 44px;" aria-label="">
|
|---|
| 99 | <label>
|
|---|
| 100 | <input type="checkbox" class="ace">
|
|---|
| 101 | <span class="lbl"></span>
|
|---|
| 102 | </label>
|
|---|
| 103 | </th>
|
|---|
| 104 | <th class="<?php if ($sorting_field == 'cellphone') {echo $sorting_order;} else {echo "sorting";}?>" id="cellphone" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 156px;" aria-label="Tà i khoản: activate to sort column ascending">Username</th>
|
|---|
| 105 | <th class="<?php if ($sorting_field == 'cellphone') {echo $sorting_order;} else {echo "sorting";}?>" id="cellphone" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 156px;" aria-label="Sá» Äiá»n thoại: activate to sort column ascending">Sá» Äiá»n thoại</th>
|
|---|
| 106 | <th class="<?php if ($sorting_field == 'acc_balanced') {echo $sorting_order;} else {echo "sorting";}?>" id="acc_balanced" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 156px;" aria-label="Tiá»n: activate to sort column ascending">Tà i khoản (VNÄ)</th>
|
|---|
| 107 | <th style="width: 140px;">Quáºn/Huyá»n</th>
|
|---|
| 108 | <th style="width: 140px;">Tá»nh/TP</th>
|
|---|
| 109 | <th class="<?php if ($sorting_field == 'created_time') {echo $sorting_order;} else {echo "sorting";}?>" id="created_time" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 156px;" aria-label="Ngà y ÄÄng kÃœ: activate to sort column ascending">
|
|---|
| 110 | <i class="icon-time bigger-110 hidden-480"></i>
|
|---|
| 111 | Ngà y ÄÄng kÃœ
|
|---|
| 112 | </th>
|
|---|
| 113 | <th class="<?php if ($sorting_field == 'expire_date') {echo $sorting_order;} else {echo "sorting";}?>" id="expire_date" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 140px;" aria-label="Ngà y hết hạn: activate to sort column ascending">
|
|---|
| 114 | <i class="icon-time bigger-110 hidden-480"></i>
|
|---|
| 115 | Ngà y hết hạn
|
|---|
| 116 | </th>
|
|---|
| 117 | <th class="sorting_disabled" id="status" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 156px;">Tình trạng</th>
|
|---|
| 118 | </tr>
|
|---|
| 119 | </thead>
|
|---|
| 120 |
|
|---|
| 121 | <tbody role="alert" aria-live="polite" aria-relevant="all">
|
|---|
| 122 |
|
|---|
| 123 | <?php
|
|---|
| 124 | foreach ($users as $user) {
|
|---|
| 125 | ?>
|
|---|
| 126 | <tr class="odd">
|
|---|
| 127 | <td class="center sorting_1">
|
|---|
| 128 | <label>
|
|---|
| 129 | <input type="checkbox" class="ace">
|
|---|
| 130 | <span class="lbl"></span>
|
|---|
| 131 | </label>
|
|---|
| 132 | </td>
|
|---|
| 133 | <td class=" ">
|
|---|
| 134 | <a onclick="getUserHistory(<?php echo $user['us_id']; ?>, 1);" data-toggle="modal"><?php echo $user['username']; ?></a>
|
|---|
| 135 | <!--<a href="#user-history" data-toggle="modal"><?php echo @$user['username']; ?></a>-->
|
|---|
| 136 | </td>
|
|---|
| 137 | <td class=" ">
|
|---|
| 138 | <?php echo $user['cellphone']; ?>
|
|---|
| 139 | </td>
|
|---|
| 140 | <td class="hidden-480 "><?php echo number_format($user['acc_balanced'], 0); ?></td>
|
|---|
| 141 | <td><?php echo $user['district']; ?></td>
|
|---|
| 142 | <td><?php echo $user['province']; ?></td>
|
|---|
| 143 | <td class=" "><?php echo $user['created_time']; ?></td>
|
|---|
| 144 | <td class=" "><?php echo isset($user['expire_date']) && strtotime($user['expire_date'])>0 ? date('d/m/Y', strtotime($user['expire_date'])) : '';?></td>
|
|---|
| 145 |
|
|---|
| 146 | <td class=" ">
|
|---|
| 147 | <?php if(strtotime($user['expire_date'])>time()){ ?>
|
|---|
| 148 | <span class="label label-sm label-success">Äã ÄÄng kÃœ</span>
|
|---|
| 149 | <?php }else{ ?>
|
|---|
| 150 | <span class="label label-sm label-warning">Dùng thá»</span>
|
|---|
| 151 | <?php } ?>
|
|---|
| 152 | </td>
|
|---|
| 153 |
|
|---|
| 154 | </tr>
|
|---|
| 155 | <?php } ?>
|
|---|
| 156 |
|
|---|
| 157 | </tbody></table>
|
|---|
| 158 | <div class="row"><div class="col-sm-6">
|
|---|
| 159 | <div class="dataTables_info" id="sample-table-2_info">Hiá»n thá» <?php echo ($start+1)?> Äến <?php echo ($start+$perpage)?> của <?php echo $total?> bản ghi</div>
|
|---|
| 160 |
|
|---|
| 161 | </div>
|
|---|
| 162 | <div class="col-sm-6">
|
|---|
| 163 | <div class="dataTables_paginate paging_bootstrap">
|
|---|
| 164 | <ul class="pagination">
|
|---|
| 165 | <?php echo $paging; ?>
|
|---|
| 166 | </ul>
|
|---|
| 167 | </div>
|
|---|
| 168 | </div>
|
|---|
| 169 | </div>
|
|---|
| 170 | </div>
|
|---|
| 171 |
|
|---|
| 172 | </div>
|
|---|
| 173 | </div>
|
|---|
| 174 |
|
|---|
| 175 |
|
|---|
| 176 | </div>
|
|---|
| 177 |
|
|---|
| 178 | <!-- PAGE CONTENT ENDS -->
|
|---|
| 179 | </div><!-- /.col -->
|
|---|
| 180 | </div>
|
|---|
| 181 |
|
|---|
| 182 | <!-- Modal User History -->
|
|---|
| 183 | <div class="modal fade" id="user-history" tabindex="-1" role="dialog"aria-hidden="true">
|
|---|
| 184 | <div class="modal-dialog">
|
|---|
| 185 | <div class="modal-content">
|
|---|
| 186 | <div class="modal-header">
|
|---|
| 187 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
|---|
| 188 | <h4 class="modal-title">Lá»ch sá»</h4>
|
|---|
| 189 | </div>
|
|---|
| 190 | <div class="modal-body">
|
|---|
| 191 | <ul class="nav nav-tabs padding-16">
|
|---|
| 192 | <li class="active" >
|
|---|
| 193 | <a id="regis-tab" href="#regis" data-toggle="tab">
|
|---|
| 194 | ÄÄng kÃœ dá»ch vụ
|
|---|
| 195 | </a>
|
|---|
| 196 | </li>
|
|---|
| 197 | <li>
|
|---|
| 198 | <a id="trade-tab" href="#trade" data-toggle="tab">
|
|---|
| 199 | Giao dá»ch
|
|---|
| 200 | </a>
|
|---|
| 201 | </li>
|
|---|
| 202 | </ul>
|
|---|
| 203 | <div class="tab-content history-tab-content">
|
|---|
| 204 | <div class="tab-pane in active" id="regis">
|
|---|
| 205 | <div class="table-responsive">
|
|---|
| 206 | <table id="sample-table-1" class="table table-striped table-bordered table-hover">
|
|---|
| 207 | <thead>
|
|---|
| 208 | <tr>
|
|---|
| 209 | <th class="center">
|
|---|
| 210 | Từ
|
|---|
| 211 | </th>
|
|---|
| 212 | <th class="center"> Gói dá»ch vụ </th>
|
|---|
| 213 | <th>
|
|---|
| 214 | <i class="icon-time bigger-110 hidden-480"></i>
|
|---|
| 215 | Thá»i gian
|
|---|
| 216 | </th>
|
|---|
| 217 | </tr>
|
|---|
| 218 | </thead>
|
|---|
| 219 | <tbody id="content-regis-histoty">
|
|---|
| 220 | </tbody>
|
|---|
| 221 | </table>
|
|---|
| 222 | <div>
|
|---|
| 223 | <div class="dataTables_paginate paging_bootstrap">
|
|---|
| 224 | <ul class="pagination" id="regis-pagination">
|
|---|
| 225 | </ul>
|
|---|
| 226 | </div>
|
|---|
| 227 | </div>
|
|---|
| 228 | </div><!-- /.table-responsive -->
|
|---|
| 229 | </div>
|
|---|
| 230 | <div class="tab-pane" id="trade">
|
|---|
| 231 | <div class="table-responsive">
|
|---|
| 232 | <table id="sample-table-1" class="table table-striped table-bordered table-hover">
|
|---|
| 233 | <thead>
|
|---|
| 234 | <tr>
|
|---|
| 235 | <th class="center">
|
|---|
| 236 | Từ
|
|---|
| 237 | </th>
|
|---|
| 238 | <th class="center">Sá» tiá»n (VNÄ)</th>
|
|---|
| 239 | <th>
|
|---|
| 240 | <i class="icon-time bigger-110 hidden-480"></i>
|
|---|
| 241 | Thá»i gian
|
|---|
| 242 | </th>
|
|---|
| 243 | </tr>
|
|---|
| 244 | </thead>
|
|---|
| 245 | <tbody id="content-trade-histoty">
|
|---|
| 246 | </tbody>
|
|---|
| 247 | </table>
|
|---|
| 248 | <div>
|
|---|
| 249 | <div class="dataTables_paginate paging_bootstrap">
|
|---|
| 250 | <ul class="pagination" id="trade-pagination">
|
|---|
| 251 | </ul>
|
|---|
| 252 | </div>
|
|---|
| 253 | </div>
|
|---|
| 254 | </div><!-- /.table-responsive -->
|
|---|
| 255 | </div>
|
|---|
| 256 | </div>
|
|---|
| 257 | </div><!-- Modal Body -->
|
|---|
| 258 | </div> <!-- Modal Content -->
|
|---|
| 259 | </div>
|
|---|
| 260 | </div>
|
|---|
| 261 |
|
|---|
| 262 | <script type="text/javascript">
|
|---|
| 263 | window.onload = function ()
|
|---|
| 264 | {
|
|---|
| 265 | init_page();
|
|---|
| 266 | }
|
|---|
| 267 |
|
|---|
| 268 | </script> |
|---|
![(please configure the [header_logo] section in trac.ini)](/space/chrome/site/your_project_logo.png){kind=logo}
