Index: pro-violet-viettel/sourcecode/application/modules/admin/views/admin_acc.php
===================================================================
--- pro-violet-viettel/sourcecode/application/modules/admin/views/admin_acc.php	(revision 344)
+++ pro-violet-viettel/sourcecode/application/modules/admin/views/admin_acc.php	(revision 344)
@@ -0,0 +1,370 @@
+<?php
+$base_url = base_url();
+$this->load->view('layout/admin/header', array('base_url' => $base_url));
+$this->load->view('layout/admin/sidebar', array('base_url' => $base_url));
+?>
+				<div class="main-content">
+					<div class="breadcrumbs" id="breadcrumbs">
+						<script type="text/javascript">
+							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
+						</script>
+
+						<ul class="breadcrumb">
+							<li>
+								<i class="icon-home home-icon"></i>
+								<a href="#">Trang chá»§</a>
+							</li>
+
+							<li>
+								<a href="#">Quáº£n lÃœ tÃ i khoáº£n</a>
+							</li>
+							<li class="active">Quáº£n trá» viÃªn</li>
+						</ul><!-- .breadcrumb -->
+
+						<div class="nav-search" id="nav-search">
+							<form class="form-search">
+								<span class="input-icon">
+									<input type="text" placeholder="TÃ¬m kiáº¿m ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
+									<i class="icon-search nav-search-icon"></i>
+								</span>
+							</form>
+						</div><!-- #nav-search -->
+					</div>
+
+					<div class="page-content">
+						<div class="page-header">
+							<h1>
+								Quáº£n trá» viÃªn
+								<small>
+									<i class="icon-double-angle-right"></i>
+									Danh sÃ¡ch
+								</small>
+							</h1>
+						</div><!-- /.page-header -->
+						
+						<script src="<?php echo $base_url;?>assets/js/jquery-2.0.3.min.js"></script>
+						<script src="<?php echo $base_url;?>assets/js/jquery.dataTables.min.js"></script>
+						<script src="<?php echo $base_url;?>assets/js/jquery.dataTables.bootstrap.js"></script>
+						<script type="text/javascript">
+
+							jQuery(function($) {
+								var oTable1 = $('#sample-table-2').dataTable( {
+								"aoColumns": [
+								  { "bSortable": false },
+								  null, null,null, null, null,
+								  { "bSortable": false }
+								] } );
+								
+								
+								$('table th input:checkbox').on('click' , function(){
+									var that = this;
+									$(this).closest('table').find('tr > td:first-child input:checkbox')
+									.each(function(){
+										this.checked = that.checked;
+										$(this).closest('tr').toggleClass('selected');
+									});
+										
+								});
+							
+							});
+						</script>
+						<div class="row">
+							<div class="col-xs-12">
+								<!-- PAGE CONTENT BEGINS -->
+								<div class="table-header" style="padding-bottom:4px">
+									Thá»ng kÃª tÃ i khoáº£n
+
+									<button class="btn btn-success pull-right" data-toggle="modal" href="#addUser">
+										<i class="icon-plus"></i>
+										ThÃªm quáº£n trá» viÃªn
+									</button>
+										
+								</div>
+
+								<div class="table-responsive">
+									<table id="sample-table-2" class="table table-striped table-bordered table-hover">
+										<thead>
+											<tr>
+												<th class="center">
+													<label>
+														<input type="checkbox" class="ace" />
+														<span class="lbl"></span>
+													</label>
+												</th>
+												<th>Sá» Äiá»n thoáº¡i</th>
+												<th>Há» tÃªn</th>
+												<th class="hidden-480">TÃªn ÄÄng nháº­p</th>
+												<th>
+												
+													<i class="icon-time bigger-110 hidden-480"></i>
+													NgÃ y ÄÄng kÃœ
+												</th>
+												<th class="hidden-480">Tráº¡ng thÃ¡i</th>
+
+												<th></th>
+											</tr>
+										</thead>
+
+										<tbody>
+											<?php foreach ($data as $key=>$value):?>
+											<tr>
+												<td class="center">
+													<label>
+														<input type="checkbox" class="ace" />
+														<span class="lbl"></span>
+													</label>
+												</td>
+
+												<td>
+													<a href="#"><?php echo $value->phone; ?></a>
+												</td>
+												<td><?php echo $value->full_name; ?></td>
+												<td class="hidden-480"><?php echo $value->login_name; ?></td>
+												<td><?php echo $value->created_time; ?></td>
+
+												<td class="hidden-480">
+													<span class="label label-sm label-success">KÃ­ch hoáº¡t</span>
+												</td>
+
+												<td>
+													<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
+														<a class="blue" href="#">
+															<i class="icon-zoom-in bigger-130"></i>
+														</a>
+														<a class="green" data-admin-id="<?php echo $key; ?>" data-toggle="modal" href="#editAdmin">
+														<!--a class="green" href="#"-->
+															<i class="icon-pencil bigger-130"></i>
+														<!--/a-->
+														</a>
+
+														<a class="red" href="#">
+															<i class="icon-trash bigger-130"></i>
+														</a>
+													</div>
+													
+													<div class="visible-xs visible-sm hidden-md hidden-lg">
+														<div class="inline position-relative">
+															<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
+																<i class="icon-caret-down icon-only bigger-120"></i>
+															</button>
+
+															<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
+																<li>
+																	<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
+																		<span class="blue">
+																			<i class="icon-zoom-in bigger-120"></i>
+																		</span>
+																	</a>
+																</li>
+
+																<li>
+																	<button class="btn btn-edit pull-right" data-toggle="modal" href="#addUser">
+																	<!--a href="#" class="tooltip-success" data-rel="tooltip" title="Edit"-->
+																		<span class="green">
+																			<i class="icon-edit bigger-120"></i>
+																		</span>
+																	<!--/a-->
+																	</button>
+																</li>
+
+																<li>
+																	<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
+																		<span class="red">
+																			<i class="icon-trash bigger-120"></i>
+																		</span>
+																	</a>
+																</li>
+															</ul>
+														</div>
+													</div>
+												</td>
+											</tr>
+
+											<?php endforeach; ?>
+										</tbody>
+									</table>
+								</div>
+								<div tabindex="-1" class="modal fade in" id="editAdmin">
+									<div class="modal-dialog">
+										<div class="modal-content">
+											<div class="modal-header no-padding">
+												<div class="table-header">
+													<button aria-hidden="true" data-dismiss="modal" class="close" type="button">
+														<span class="white">Ã</span>
+													</button>
+													Sá»­a quáº£n trá» viÃªn
+												</div>
+											</div>
+
+											<div class="modal-body">
+												<form role="form" class="form-horizontal">
+													<div class="form-group">
+														<label for="form-field-1" class="col-sm-3 control-label no-padding-right"> TÃ i khoáº£n </label>
+														<div class="col-sm-9">
+															<span class="input-icon">
+																<input type="text" name="username" placeholder="TÃ i khoáº£n" id="form-field-1" value="">
+																<i class="icon-user blue"></i>
+															</span>
+														</div>
+														<label class="block clearfix has-error">
+															<div class="help-block"> </div>
+														</label>
+														
+													</div>
+
+													<div class="space-4"></div>
+													<div class="clearfix form-actions">
+														<div class="col-md-offset-3 col-md-9">
+															<button type="button" name="submit" class="btn btn-info">
+																<i class="icon-ok bigger-110"></i>
+																HoÃ n táº¥t
+															</button>
+
+															&nbsp; &nbsp; &nbsp;
+															<button type="reset" name="reset" class="btn">
+																<i class="icon-undo bigger-110"></i>
+																XÃ³a háº¿t
+															</button>
+														</div>
+													</div>
+												</form>
+											</div>
+										</div>
+									</div>
+								</div>
+								<script>
+									$('#editAdmin').on('show.bs.modal', function(e) {
+										//get data-id attribute of the clicked element
+										var index = parseInt($(e.relatedTarget).data('admin-id'));
+										//populate the textbox
+										//var data = <?php echo json_encode($data); ?>;
+										$(e.currentTarget).find('input[name="username"]').val();
+									});
+								</script>			
+
+								<div tabindex="-1" class="modal fade in" id="addUser">
+									<div class="modal-dialog">
+										<div class="modal-content">
+											<div class="modal-header no-padding">
+												<div class="table-header">
+													<button aria-hidden="true" data-dismiss="modal" class="close" type="button">
+														<span class="white">Ã</span>
+													</button>
+													Táº¡o quáº£n trá» viÃªn
+												</div>
+											</div>
+
+											<div class="modal-body">
+												<form role="form" class="form-horizontal">
+													<div class="form-group">
+														<label for="form-field-1" class="col-sm-3 control-label no-padding-right"> TÃ i khoáº£n </label>
+
+														<div class="col-sm-9">
+															<span class="input-icon">
+																<input type="text" name="username" placeholder="TÃ i khoáº£n" id="form-field-1">
+																<i class="icon-user blue"></i>
+															</span>
+														</div>
+														<label class="block clearfix has-error">
+															<div class="help-block"> </div>
+														</label>
+														
+													</div>
+
+													<div class="space-4"></div>
+
+													<div class="form-group">
+														<label for="form-field-2" class="col-sm-3 control-label no-padding-right"> Máº­t kháº©u </label>
+
+														<div class="col-sm-9">
+															<span class="input-icon">
+																<input type="password" name="password" placeholder="Máº­t kháº©u" id="form-field-2">
+																<i class="icon-lock blue"></i>
+															</span>
+														</div>
+														<label class="block clearfix has-error">
+															<div class="help-block"> </div>
+														</label>
+													</div>
+
+													<div class="space-4"></div>
+													
+													<div class="form-group">
+														<label for="form-field-1" class="col-sm-3 control-label no-padding-right"> Há» tÃªn </label>
+
+														<div class="col-sm-9">
+															<span class="input-icon">
+																<input type="text" name="fullname" placeholder="Há» tÃªn" id="form-field-1">
+																<i class="icon-user blue"></i>
+															</span>
+														</div>
+														<div class="help-block"> </div>
+													</div>
+
+													<div class="space-4"></div>
+													
+													<div class="form-group">
+														<label for="form-field-1" class="col-sm-3 control-label no-padding-right"> Email </label>
+
+														<div class="col-sm-9">
+															<span class="input-icon">
+																<input type="text" name="email" placeholder="Email" id="form-field-1">
+																<i class="icon-envelope blue"></i>
+															</span>
+														</div>
+														<div class="help-block"> </div>
+													</div>
+
+													<div class="space-4"></div>
+													
+													<div class="form-group">
+														<label for="form-field-1" class="col-sm-3 control-label no-padding-right"> Phone </label>
+
+														<div class="col-sm-9">
+															<span class="input-icon">
+																<input type="text" name="phone" placeholder="Phone" id="form-field-1">
+																<i class="icon-phone blue"></i>
+															</span>
+														</div>
+														<div class="help-block"> </div>
+													</div>
+
+													<div class="space-4"></div>
+
+													<div class="clearfix form-actions">
+														<div class="col-md-offset-3 col-md-9">
+															<button type="button" name="submit" class="btn btn-info">
+																<i class="icon-ok bigger-110"></i>
+																HoÃ n táº¥t
+															</button>
+
+															&nbsp; &nbsp; &nbsp;
+															<button type="reset" name="reset" class="btn">
+																<i class="icon-undo bigger-110"></i>
+																XÃ³a háº¿t
+															</button>
+														</div>
+													</div>
+
+													</div>
+												</form>
+											</div>
+										</div><!-- /.modal-content -->
+									</div><!-- /.modal-dialog -->
+								</div>
+
+								<!-- PAGE CONTENT ENDS -->
+							</div><!-- /.col -->
+						</div><!-- /.row -->
+					</div><!-- /.page-content -->
+				</div><!-- /.main-content -->
+
+			</div><!-- /.main-container-inner -->
+
+			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
+				<i class="icon-double-angle-up icon-only bigger-110"></i>
+			</a>
+		</div><!-- /.main-container -->
+<?php
+$this->load->view('layout/admin/footer', array('base_url' => $base_url));
+?>
