Index: pro-violet-viettel/sourcecode/application/views/layout/collaborator/footer.php
===================================================================
--- pro-violet-viettel/sourcecode/application/views/layout/collaborator/footer.php	(revision 883)
+++ pro-violet-viettel/sourcecode/application/views/layout/collaborator/footer.php	(revision 883)
@@ -0,0 +1,157 @@
+<!-- basic scripts -->
+
+<!--[if !IE]> -->
+
+<script type="text/javascript">
+    window.jQuery || document.write("<script src='<?php echo $base_url; ?>assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
+</script>
+
+<!-- <![endif]-->
+
+<!--[if IE]>
+<script type="text/javascript">
+window.jQuery || document.write("<script src='<?php echo $base_url; ?>assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
+</script>
+<![endif]-->
+
+<script type="text/javascript">
+    if ("ontouchend" in document)
+        document.write("<script src='<?php echo $base_url; ?>assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
+</script>
+<script src="<?php echo $base_url; ?>assets/js/bootstrap.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/typeahead-bs2.min.js"></script>
+
+<!-- page specific plugin scripts -->
+
+<!--[if lte IE 8]>
+  <script src="<?php echo $base_url; ?>assets/js/excanvas.min.js"></script>
+<![endif]-->
+
+<script src="<?php echo $base_url; ?>assets/js/jquery-ui-1.10.3.custom.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/jquery.ui.touch-punch.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/jquery.slimscroll.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/jquery.easy-pie-chart.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/jquery.sparkline.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/flot/jquery.flot.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/flot/jquery.flot.pie.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/flot/jquery.flot.resize.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/jquery.validate.min.js"></script>
+<!-- ace scripts -->
+
+<script src="<?php echo $base_url; ?>assets/js/ace-elements.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/ace.min.js"></script>
+
+<script src="<?php echo $base_url; ?>assets/js/date-time/moment.min.js"></script>
+<script src="<?php echo $base_url; ?>assets/js/date-time/daterangepicker.min.js"></script>
+
+<!-- inline scripts related to this page -->
+
+<script type="text/javascript">	
+	$('.daterangepicker').daterangepicker({
+		format: 'DD/MM/YYYY'
+	});
+	
+    function show_box(id) {
+        jQuery('.widget-box.visible').removeClass('visible');
+        jQuery('#' + id).addClass('visible');
+    }
+
+    $('#register-button').click(function () {
+        $('#modal-login').modal('show')
+    })
+
+    $('#validation-edit-form').validate({
+        errorElement: 'label',
+        errorClass: 'help-block',
+        focusInvalid: true,
+        rules: {
+            password: {
+                required: true,
+            },
+            username: {
+                required: true
+            }
+        },
+        messages: {
+            username: {
+                required: "Vui lÃ²ng nháº­p tÃ i khoáº£n !",
+            },
+            password: {
+                required: "Vui lÃ²ng nháº­p máº­t kháº©u !",
+            }
+        },
+        highlight: function (e) {
+            $(e).closest('label').removeClass('has-info').addClass('has-error');
+        },
+        success: function (e) {
+            $(e).closest('label').removeClass('has-error').addClass('has-info');
+            $(e).remove();
+        },
+    });
+
+</script>
+<?php
+if (isset($collaboratorjs)) {
+    foreach ($collaboratorjs as $file) {
+        ?>
+        <script type="text/javascript" src="<?php echo $base_url; ?><?php echo $file ?>"></script>
+        <?php
+    }
+}
+?>
+<script>
+    $('#validation-add-form').validate({
+        errorElement: 'label',
+        errorClass: 'help-block',
+        focusInvalid: true,
+        rules: {
+            password: {
+                required: true,
+            },
+            username: {
+                required: true
+            }
+        },
+        messages: {
+            username: {
+                required: "Vui lÃ²ng nháº­p tÃ i khoáº£n !",
+            },
+            password: {
+                required: "Vui lÃ²ng nháº­p máº­t kháº©u !",
+            }
+        },
+        /*
+         highlight: function (e) {
+         $(e).closest('label').removeClass('has-info').addClass('has-error');
+         },
+         
+         success: function (e) {
+         $(e).closest('label').removeClass('has-error').addClass('has-info');
+         $(e).remove();
+         },*/
+    });
+	/*
+    var last_time=0;
+    $(document).ajaxStart(function () {
+       if ($.now()>(last_time+60000))
+       {
+            $.ajax({
+                url: "<?php echo $base_url; ?>collaborator/home/is_timeout",
+                type: "POST",
+                data: $("#package_register").serialize(),
+                success: function (data, textStatus, jqXHR)
+                {
+                    var results = jQuery.parseJSON(data);
+                    if (results.login==0)
+                    {
+                    window.location.href = "<?php echo $base_url; ?>collaborator/home";
+                    }
+                },
+            });
+            last_time=$.now();
+        }
+    });*/
+</script>
+
+</body>
+</html>
Index: pro-violet-viettel/sourcecode/application/views/layout/collaborator/header.php
===================================================================
--- pro-violet-viettel/sourcecode/application/views/layout/collaborator/header.php	(revision 883)
+++ pro-violet-viettel/sourcecode/application/views/layout/collaborator/header.php	(revision 883)
@@ -0,0 +1,115 @@
+<?php 
+$collaboratorInfo = $this->session->userdata('collaboratorInfo');
+$fullname = $collaboratorInfo['fullname'];
+?>
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<title>SBG|Admin</title>
+
+		<meta name="description" content="overview &amp; stats" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+		<link href="<?php echo $base_url;?>assets/css/bootstrap.min.css" rel="stylesheet" />
+	
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/font-awesome.min.css" />
+
+		<!-- page specific plugin styles -->
+
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/jquery-ui-1.10.3.full.min.css" />
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/datepicker.css" />
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ui.jqgrid.css" />
+		
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace-fonts.css" />
+
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace.min.css" />
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace-rtl.min.css" />
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace-skins.min.css" />
+        <link rel="stylesheet" href="<?php echo $base_url;?>assets/css/custom.css" />
+		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/daterangepicker.css" />
+		
+		<script src="<?php echo $base_url;?>assets/js/ace-extra.min.js"></script>
+		
+		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
+		<!--[if lt IE 9]>
+		<script src="<?php echo $base_url;?>assets/js/html5shiv.js"></script>
+		<script src="<?php echo $base_url;?>assets/js/respond.min.js"></script>
+		<![endif]-->
+		<style>
+			.icon-refresh-animate {
+				-animation: spin .7s infinite linear;
+				-webkit-animation: spin2 .7s infinite linear;
+			}
+
+			@-webkit-keyframes spin2 {
+				from { -webkit-transform: rotate(0deg);}
+				to { -webkit-transform: rotate(360deg);}
+			}
+
+			@keyframes spin {
+				from { transform: scale(1) rotate(0deg);}
+				to { transform: scale(1) rotate(360deg);}
+			}
+			table a
+			{
+				cursor: pointer;
+				font-size: 13px;
+				font-weight: normal;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="navbar navbar-default navbar-fixed-top" id="navbar">
+			<script type="text/javascript">
+				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
+			</script>
+
+			<div class="navbar-container" id="navbar-container">
+				<div class="navbar-header pull-left">
+					<a href="#" class="navbar-brand">
+						<img src="<?php echo $base_url;?>assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
+					</a><!-- /.brand -->
+				</div><!-- /.navbar-header -->
+
+				<div class="navbar-header pull-right" role="navigation">
+					<ul class="nav ace-nav">
+						<li>
+							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
+								<span class="user-info">
+									<small>Xin chÃ o,</small>
+									<?php echo $fullname; ?>
+								</span>
+
+								<i class="icon-caret-down"></i>
+							</a>
+
+							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
+								<li>
+									<a href="<?php echo $base_url; ?>cong_tac_vien/thong_tin_ca_nhan">
+										<i class="icon-user"></i>
+										ThÃŽng tin cÃ¡ nhÃ¢n
+									</a>
+								</li>
+
+								<li class="divider"></li>
+
+								<li>
+									<a href="<?php echo $base_url; ?>collaborator/home/logout">
+										<i class="icon-off"></i>
+										ThoÃ¡t
+									</a>
+								</li>
+							</ul>
+						</li>
+					</ul><!-- /.ace-nav -->
+				</div><!-- /.navbar-header -->
+			</div><!-- /.container -->
+		</div>
+
+		<div class="main-container" id="main-container">
+			<script type="text/javascript">
+				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
+			</script>
Index: pro-violet-viettel/sourcecode/application/views/layout/collaborator/sidebar.php
===================================================================
--- pro-violet-viettel/sourcecode/application/views/layout/collaborator/sidebar.php	(revision 883)
+++ pro-violet-viettel/sourcecode/application/views/layout/collaborator/sidebar.php	(revision 883)
@@ -0,0 +1,52 @@
+<?php
+$class = $this->router->class;
+$method = $this->router->method;
+$collaboratorInfo = $this->session->userdata('collaboratorInfo');
+$collaboratorId = $collaboratorInfo['id'];
+?>
+			<div class="main-container-inner">
+				<a class="menu-toggler" id="menu-toggler" href="#">
+					<span class="menu-text"></span>
+				</a>
+
+				<div class="sidebar sidebar-fixed" id="sidebar">
+					<script type="text/javascript">
+						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
+					</script>
+
+					<nav class="navbar navbar-minimal animate open" role="navigation" style="background:transparent">
+						<ul class="navbar-menu animate">
+						
+							<li>
+								<a href="<?php echo $base_url; ?>cong_tac_vien">
+									<span class="menu-text"> Doanh thu</span>
+								</a>
+							</li>
+							
+							<li>
+								<a href="<?php echo $base_url; ?>cong_tac_vien/nguoi_dung">
+									<span class="menu-text"> NgÆ°á»i dÃ¹ng </span>
+								</a>
+							</li>
+							
+							<li>
+								<a href="<?php echo $base_url; ?>cong_tac_vien/thong_tin_ca_nhan">
+									<span class="menu-text"> ThÃŽng tin cÃ¡ nhÃ¢n </span>
+								</a>
+							</li>
+							
+						</ul>
+					</nav>
+					<div class="sidebar-collapse" id="sidebar-collapse">
+						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
+					</div>
+
+					<script type="text/javascript">
+						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
+					</script>
+
+					<ul class="logo-group list-inline">
+						<li><img src="<?php echo $base_url;?>assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
+						<li><img src="<?php echo $base_url;?>assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
+					</ul>
+				</div>
