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