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 theo tình trạng:
|
---|
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 class="dataTables_status" style="float: right;" id="sample-table-2_status"><label>Lá»c theo Tá»nh/TP:
|
---|
79 | <select onchange="filter();" name="province-code" size="1" style="width: 176px; height: 28px;">
|
---|
80 | <option value=''></option>
|
---|
81 | <?php foreach ($provinces as $key => $pro): ?>
|
---|
82 | <option <?php if ($key == $province_code) echo "selected"; ?> value="<?php echo $key; ?>"><?php echo $pro; ?></option>
|
---|
83 | <?php endforeach; ?>
|
---|
84 | </select>
|
---|
85 | </div>
|
---|
86 |
|
---|
87 | <div style="clear: both;"></div>
|
---|
88 | <div id="daterangepicker" class="selectbox pull-right">
|
---|
89 | <i class="icon-calendar"></i>
|
---|
90 | <input id="daterange" type="text" name="daterange" class="daterangepicker" style="background: #ffffff; width: 176px; height: 28px; position: inherit;">
|
---|
91 | </div>
|
---|
92 | </div>
|
---|
93 | </div>
|
---|
94 |
|
---|
95 | </div>
|
---|
96 |
|
---|
97 | <input type="hidden" name="sorting_order" id="sorting_order" value="<?php echo $sorting_order; ?>" />
|
---|
98 | <input type="hidden" name="sorting_field" id="sorting_field" value="<?php echo $sorting_field; ?>"/>
|
---|
99 | </form>
|
---|
100 | <!-- Table Content -->
|
---|
101 | <center><div id="loading" style="display:none;"><img src="<?php echo base_url(); ?>/assets/img/loading.gif"/></div></center>
|
---|
102 | <div id="table_content">
|
---|
103 | <table class="table table-striped table-bordered table-hover dataTable" id="sample-table-2" aria-describedby="sample-table-2_info">
|
---|
104 | <thead>
|
---|
105 | <tr role="row">
|
---|
106 | <th class="center sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 44px;" aria-label="">
|
---|
107 | <label>
|
---|
108 | <input type="checkbox" class="ace">
|
---|
109 | <span class="lbl"></span>
|
---|
110 | </label>
|
---|
111 | </th>
|
---|
112 | <th class="<?php
|
---|
113 | if ($sorting_field == 'cellphone') {
|
---|
114 | echo $sorting_order;
|
---|
115 | } else {
|
---|
116 | echo "sorting";
|
---|
117 | }
|
---|
118 | ?>" 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">Sá» Äiá»n thoại</th>
|
---|
119 | <th class="<?php
|
---|
120 | if ($sorting_field == 'cellphone') {
|
---|
121 | echo $sorting_order;
|
---|
122 | } else {
|
---|
123 | echo "sorting";
|
---|
124 | }
|
---|
125 | ?>" 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">Há» tên</th>
|
---|
126 |
|
---|
127 | <th class="<?php
|
---|
128 | if ($sorting_field == 'acc_balanced') {
|
---|
129 | echo $sorting_order;
|
---|
130 | } else {
|
---|
131 | echo "sorting";
|
---|
132 | }
|
---|
133 | ?>" 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>
|
---|
134 | <th class="<?php
|
---|
135 | if ($sorting_field == 'created_time') {
|
---|
136 | echo $sorting_order;
|
---|
137 | } else {
|
---|
138 | echo "sorting";
|
---|
139 | }
|
---|
140 | ?>" 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">
|
---|
141 | <i class="icon-time bigger-110 hidden-480"></i>
|
---|
142 | Ngà y ÄÄng kÜ
|
---|
143 | </th>
|
---|
144 | <th class="<?php
|
---|
145 | if ($sorting_field == 'expire_date') {
|
---|
146 | echo $sorting_order;
|
---|
147 | } else {
|
---|
148 | echo "sorting";
|
---|
149 | }
|
---|
150 | ?>" 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">
|
---|
151 | <i class="icon-time bigger-110 hidden-480"></i>
|
---|
152 | Ngà y hết hạn
|
---|
153 | </th>
|
---|
154 | <th style="width: 140px;">Tá»nh/TP</th>
|
---|
155 | <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>
|
---|
156 | </tr>
|
---|
157 | </thead>
|
---|
158 |
|
---|
159 | <tbody role="alert" aria-live="polite" aria-relevant="all">
|
---|
160 |
|
---|
161 | <?php
|
---|
162 | foreach ($users as $user):
|
---|
163 | ?>
|
---|
164 | <tr class="odd">
|
---|
165 | <td class="center sorting_1">
|
---|
166 | <label>
|
---|
167 | <input type="checkbox" class="ace">
|
---|
168 | <span class="lbl"></span>
|
---|
169 | </label>
|
---|
170 | </td>
|
---|
171 | <td class=" ">
|
---|
172 | <a onclick="getUserHistory(<?php echo $user['us_id']; ?>, 1);" data-toggle="modal"><?php echo $user['username']; ?></a>
|
---|
173 | <!--<a href="#user-history" data-toggle="modal"><?php echo @$user['username']; ?></a>-->
|
---|
174 | </td>
|
---|
175 | <td class=" ">
|
---|
176 | <?php echo $user['fullname']; ?>
|
---|
177 | </td>
|
---|
178 | <td class="hidden-480 "><?php echo number_format($user['acc_balanced'], 0); ?></td>
|
---|
179 | <td class=" "><?php echo $user['created_time']; ?></td>
|
---|
180 | <td class=" "><?php echo isset($user['expire_date']) && strtotime($user['expire_date']) > 0 ? date('d/m/Y', strtotime($user['expire_date'])) : ''; ?></td>
|
---|
181 | <td><?php echo $user['province']; ?></td>
|
---|
182 | <td class=" ">
|
---|
183 | <?php if (strtotime($user['expire_date']) > time() && $user['p_id'] != 5 ): ?>
|
---|
184 | <span class="label label-sm label-success">Äã ÄÄng kÜ VIP</span>
|
---|
185 | <?php elseif(strtotime($user['expire_date']) > time() && $user['p_id'] == 5): ?>
|
---|
186 | <span class="label label-sm label-info">Dùng thỠ7 ngà y</span>
|
---|
187 | <?php elseif(strtotime($user['expire_date']) < time() && $user['p_id'] == 5): ?>
|
---|
188 | <span class="label label-sm label-warning">Dùng thỠhạn chế</span>
|
---|
189 | <?php else: ?>
|
---|
190 | <span class="label label-sm label-danger">Hết hạn</span>
|
---|
191 | <?php endif; ?>
|
---|
192 | </td>
|
---|
193 | </tr>
|
---|
194 | <?php endforeach; ?>
|
---|
195 |
|
---|
196 | </tbody></table>
|
---|
197 | <div class="row"><div class="col-sm-6">
|
---|
198 | <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>
|
---|
199 |
|
---|
200 | </div>
|
---|
201 | <div class="col-sm-6">
|
---|
202 | <div class="dataTables_paginate paging_bootstrap">
|
---|
203 | <ul class="pagination">
|
---|
204 | <?php echo $paging; ?>
|
---|
205 | </ul>
|
---|
206 | </div>
|
---|
207 | </div>
|
---|
208 | </div>
|
---|
209 | </div>
|
---|
210 |
|
---|
211 | </div>
|
---|
212 | </div>
|
---|
213 |
|
---|
214 |
|
---|
215 | </div>
|
---|
216 |
|
---|
217 | <!-- PAGE CONTENT ENDS -->
|
---|
218 | </div><!-- /.col -->
|
---|
219 | </div>
|
---|
220 |
|
---|
221 | <!-- Modal User History -->
|
---|
222 | <div class="modal fade" id="user-history" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
223 | <div class="modal-dialog">
|
---|
224 | <div class="modal-content">
|
---|
225 | <div class="modal-header">
|
---|
226 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
227 | <h4 class="modal-title">Lá»ch sá»</h4>
|
---|
228 | </div>
|
---|
229 | <div class="modal-body">
|
---|
230 | <ul class="nav nav-tabs padding-16">
|
---|
231 | <li class="active" >
|
---|
232 | <a id="regis-tab" href="#regis" data-toggle="tab">
|
---|
233 | Giao dá»ch
|
---|
234 | </a>
|
---|
235 | </li>
|
---|
236 | <li>
|
---|
237 | <a id="trade-tab" href="#trade" data-toggle="tab">
|
---|
238 | ThÃŽng tin
|
---|
239 | </a>
|
---|
240 | </li>
|
---|
241 | </ul>
|
---|
242 | <div class="tab-content history-tab-content">
|
---|
243 | <div class="tab-pane in active" id="regis">
|
---|
244 | <div class="table-responsive">
|
---|
245 | <table id="sample-table-1" class="table table-striped table-bordered table-hover">
|
---|
246 | <thead>
|
---|
247 | <tr>
|
---|
248 | <th class="center">
|
---|
249 | Từ
|
---|
250 | </th>
|
---|
251 | <th class="center"> Sá» tiá»n (VNÄ) </th>
|
---|
252 | <th class="center"> Gói dá»ch vụ </th>
|
---|
253 | <th>
|
---|
254 | <i class="icon-time bigger-110 hidden-480"></i>
|
---|
255 | Thá»i gian
|
---|
256 | </th>
|
---|
257 | </tr>
|
---|
258 | </thead>
|
---|
259 | <tbody id="content-regis-histoty">
|
---|
260 | </tbody>
|
---|
261 | </table>
|
---|
262 | <div>
|
---|
263 | <div class="dataTables_paginate paging_bootstrap">
|
---|
264 | <ul class="pagination" id="regis-pagination">
|
---|
265 | </ul>
|
---|
266 | </div>
|
---|
267 | </div>
|
---|
268 | </div><!-- /.table-responsive -->
|
---|
269 | </div>
|
---|
270 | <div class="tab-pane" id="trade">
|
---|
271 | <div class="row">
|
---|
272 |
|
---|
273 | <div id="content-trade-histoty">
|
---|
274 | </div>
|
---|
275 |
|
---|
276 | </div>
|
---|
277 | </div><!-- /.table-responsive -->
|
---|
278 | </div>
|
---|
279 | </div>
|
---|
280 | </div><!-- Modal Body -->
|
---|
281 | </div> <!-- Modal Content -->
|
---|
282 | </div>
|
---|
283 | </div>
|
---|
284 | </div>
|
---|
285 |
|
---|
286 | <script type="text/javascript">
|
---|
287 | window.onload = function ()
|
---|
288 | {
|
---|
289 | init_page();
|
---|
290 | }
|
---|
291 |
|
---|
292 | </script> |
---|