Commit 0ea7a902 authored by đinh thị đầm's avatar đinh thị đầm

commit

parent 94773722
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Dashboard</span> <span class="glyphicon glyphicon-user"></span></i> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Dashboard</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span></i> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span><span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
This diff is collapsed.
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
#myFooter {
background-color: #373a48;
color:white;
}
#myFooter .footer-copyright{
background-color: #383737;
padding-top:3px;
padding-bottom:3px;
text-align: center;
}
#myFooter .footer-copyright p{
margin:10px;
color: #ccc;
}
#myFooter ul{
list-style-type: none;
padding-left: 0;
line-height: 1.7;
}
#myFooter h5{
font-size: 18px;
color: white;
font-weight: bold;
margin-top: 30px;
}
#myFooter a{
color:#d2d1d1;
text-decoration: none;
}
#myFooter a:hover, #myFooter a:focus{
text-decoration: none;
color:white;
}
#myFooter .myCols{
text-align: center;
}
#myFooter .social-networks{
text-align: center;
padding-top: 30px;
padding-bottom: 38px;
}
#myFooter .social-networks a{
font-size: 32px;
margin-right: 5px;
margin-left: 5px;
color: #f9f9f9;
padding: 10px;
transition: 0.2s;
}
#myFooter .social-networks a:hover{
text-decoration: none;
}
#myFooter .facebook:hover{
color:#0077e2;
}
#myFooter .google:hover{
color:#ef1a1a;
}
#myFooter .twitter:hover{
color: #00aced;
}
@media screen and (max-width: 767px){
#myFooter {
text-align: center;
}
}
/* CSS used for positioning the footers at the bottom of the page. */
/* You can remove this. */
html{
height: 100% !important;
}
body{
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
height: 100%;
}
.content{
flex: 1 0 auto;
-webkit-flex: 1 0 auto;
min-height: 100px;
background-color: #F1F1F1;
}
#myFooter{
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
}
\ No newline at end of file
...@@ -8474,4 +8474,116 @@ table{ ...@@ -8474,4 +8474,116 @@ table{
.table > thead > tr > th{ .table > thead > tr > th{
text-align: center; text-align: center;
letter-spacing: 2px;
}
#myFooter {
background-color: #373a48;
color:white;
}
#myFooter .footer-copyright{
background-color: #383737;
padding-top:3px;
padding-bottom:3px;
text-align: center;
}
#myFooter .footer-copyright p{
margin:10px;
color: #ccc;
}
#myFooter ul{
list-style-type: none;
padding-left: 0;
line-height: 1.7;
}
#myFooter h5{
font-size: 18px;
color: white;
font-weight: bold;
margin-top: 30px;
}
#myFooter a{
color:#d2d1d1;
text-decoration: none;
}
#myFooter a:hover, #myFooter a:focus{
text-decoration: none;
color:white;
}
#myFooter .myCols{
text-align: center;
}
#myFooter .social-networks{
text-align: center;
padding-top: 30px;
padding-bottom: 38px;
}
#myFooter .social-networks a{
font-size: 32px;
margin-right: 5px;
margin-left: 5px;
color: #f9f9f9;
padding: 10px;
transition: 0.2s;
}
#myFooter .social-networks a:hover{
text-decoration: none;
}
#myFooter .facebook:hover{
color:#0077e2;
}
#myFooter .google:hover{
color:#ef1a1a;
}
#myFooter .twitter:hover{
color: #00aced;
}
@media screen and (max-width: 767px){
#myFooter {
text-align: center;
}
}
/* CSS used for positioning the footers at the bottom of the page. */
/* You can remove this. */
html{
height: 100% !important;
}
body{
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
height: 100%;
}
.content{
flex: 1 0 auto;
-webkit-flex: 1 0 auto;
min-height: 200px;
}
#myFooter{
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
} }
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span><span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span></i> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span><span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
/** /**
* *
*/ */
angular.module("myApp", ['ui.router']).config(function ($stateProvider, $urlRouterProvider, $locationProvider) { angular.module("myApp", ["ui.router","ui.bootstrap"]).config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
$locationProvider.hashPrefix(''); $locationProvider.hashPrefix('');
$urlRouterProvider.otherwise("/employees"); $urlRouterProvider.otherwise("/employees");
...@@ -31,16 +31,7 @@ angular.module("myApp", ['ui.router']).config(function ($stateProvider, $urlRout ...@@ -31,16 +31,7 @@ angular.module("myApp", ['ui.router']).config(function ($stateProvider, $urlRout
} }
}) })
.state('login', {
url : '/login',
templateUrl : 'pages/login/login.html',
controller : 'LoginController'
})
.state('home', {
url : '/home',
templateUrl : 'pages/login/home.html',
controller : 'HomeController'
});
......
This diff is collapsed.
This diff is collapsed.
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -77,14 +77,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -77,14 +77,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li> </li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
<div class="container"> <div class="container">
<div class="col-8"> <div class="col-8">
<table> <table class="table">
<tr> <tr>
<td><label>User Name</label></td> <td><label>User Name</label></td>
......
...@@ -5,29 +5,30 @@ ...@@ -5,29 +5,30 @@
<tr> <tr>
<td><a class="btn btn-info" href="#" ui-sref="createEmployee">Add</a></td> <td><a class="btn btn-info" href="#" ui-sref="createEmployee">Add</a></td>
</tr> </tr>
<h4>{{emp.length}}</h4>
<table class="table" border="1"> <table class="table" >
<thead> <thead>
<tr> <tr>
<tr>
<td colspan="12">Thông tin nhân viên</td> <td colspan="12">Thông tin nhân viên</td>
</tr> </tr>
<tr>
<th>ID</th> <th>ID</th>
<th>User Name</th> <th>UserName</th>
<th>First Name</th> <th>FirstName</th>
<th>Last Name</th> <th>LastName</th>
<th>EmailAddress</th> <th>EmailAddress</th>
<th>Phone</th> <th>Phone</th>
<th>Education</th> <th>Education</th>
<th>Home Town</th> <th>HomeTown</th>
<th>Department</th> <th>Department</th>
<th>Position</th> <th>Position</th>
<th colspan="2">Menu</th> <th colspan="2">Menu</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="vide" ng-repeat="emp in employess "> <tr class="vide" ng-repeat="emp in filteredEmployee ">
{{emp.text}}
<td>{{$index + 1}}</td> <td>{{$index + 1}}</td>
<td>{{emp.username}}</td> <td>{{emp.username}}</td>
<td>{{emp.firstName}}</td> <td>{{emp.firstName}}</td>
...@@ -47,12 +48,14 @@ ...@@ -47,12 +48,14 @@
</tbody> </tbody>
</table> </table>
<div data-pagination="" data-num-pages="numOfPages()"
data-current-page="curPage" data-max-size="maxSize" <div ng-if="dataHasLoaded" data-pagination="" data-num-pages="numberOfPage()"
data-current-page="currentPage" data-max-size="maxSize"
data-boundary-links="true"></div> data-boundary-links="true"></div>
</div> </div>
</div> </div>
......
...@@ -21,6 +21,18 @@ angular.module("myApp").controller("employeeController", function ($scope, $http ...@@ -21,6 +21,18 @@ angular.module("myApp").controller("employeeController", function ($scope, $http
$scope.save = save; $scope.save = save;
$scope.currentPage = 1;
$scope.employeePerPage = 3;
$scope.maxSize = 5;
$scope.numberOfPage = numberOfPage;
$scope.dataHasLoaded = false;
function numberOfPage() {
return Math.ceil($scope.employess.length / $scope.employeePerPage);
};
function save() { function save() {
console.log($scope.emp); console.log($scope.emp);
$http({ $http({
...@@ -78,45 +90,18 @@ angular.module("myApp").controller("employeeController", function ($scope, $http ...@@ -78,45 +90,18 @@ angular.module("myApp").controller("employeeController", function ($scope, $http
console.log(response); console.log(response);
$scope.employess = response.data; $scope.employess = response.data;
}, function errorCallback(response) {
console.log(response)
});
// $scope.reload = reload;
// function reload() {
// $http.get("http://localhost:8081/employees")
// success(function (data) {
// $scope.employees = data.employees;
// });
// $timeout(function(){
// $scope.reload();
// },3)
// };
// $scope.reload();
// $scope.curPage = 1,
// $scope.curPage = 1,
// $scope.itemsPerPage = 3,
// $scope.maxSize = 5;
//
// this.emp = $scope.emp;
//
//
// $scope.numOfPages = function () {
// return Math.ceil($scope.emp.length / $scope.itemsPerPage);
//
// };
//
// $scope.$watch('curPage + numPerPage', function() {
// var begin = (($scope.curPage - 1) * $scope.itemsPerPage),
// end = begin + $scope.itemsPerPage;
//
// $scope.employess = $scope.emp.slice(begin, end);
// });
$scope.dataHasLoaded = true;
$scope.$watch('currentPage + numPerPage', function () {
var begin = (($scope.currentPage - 1) * $scope.employeePerPage),
end = begin + $scope.employeePerPage;
$scope.filteredEmployee = $scope.employess.slice(begin, end);
});
}, function errorCallback(response) {
console.log(response)
});
}); });
......
<div class="container" ng-app="myApp">
<div class="row">
<div class="col-md-12">
<div class="page-header">
<h1>{{ title }}</h1>
</div>
</div>
<div ui-view></div>
</div>
<script type="text/ng-template" id="login.html">
<div class="col-md-12">
<h3>Login Page</h3>
<form ng-submit="formSubmit()" class="form">
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control" ng-model="username" placeholder="username" required=""/>
</div>
<div class="form-group">
<input type="password" class="form-control" ng-model="password" placeholder="password" required=""/>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success">Login</button>
<span class="text-danger">{{ error }}</span>
</div>
</div>
</form>
</div>
</script>
<script type="text/ng-template" id="home.html">
<div class="col-md-12">
<h3>Home Page</h3>
<a ui-sref="login">Back</a>
</div>
</script>
</div>
\ No newline at end of file
angular.module("myApp").controller("loginController" , function ($rootScope, $location, $state) {
console.log("Login Controller")
})
\ No newline at end of file
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -63,7 +63,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -76,14 +76,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -64,7 +64,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -64,7 +64,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -77,14 +77,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -77,14 +77,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
...@@ -67,7 +67,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -67,7 +67,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li class="header">MAIN NAVIGATION</li> <li class="header">MAIN NAVIGATION</li>
<li class="treeview"> <li class="treeview">
<a href="index.html"> <a href="index.html">
<i class="fa fa-dashboard"></i> <span>Employee</span> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
...@@ -80,14 +80,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -80,14 +80,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
</ul> </ul>
</li>
<li class="treeview">
<a href="charts.html">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="label label-primary pull-right">new</span>
</a>
</li>
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment