Skip to content

Q
QLNS_N01
Commit 2e3743ac authored by đinh thị đầm's avatar đinh thị đầm
Browse files
Options

paging

parent 3b48a118
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 152 additions and 1508 deletions
src/main/resources/public/404.html deleted 100644 → 0
View file @ 3b48a118
This diff is collapsed.
src/main/resources/public/500.html deleted 100644 → 0
View file @ 3b48a118
This diff is collapsed.
src/main/resources/public/blank-page.html
View file @ 2e3743ac
......@@ -106,15 +106,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="validation.html"><i class="fa fa-angle-right"></i> Form Validations</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-table"></i> <span>Tables</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="tables.html"><i class="fa fa-angle-right"></i> Simple tables</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-envelope"></i> <span>Mailbox</span>
......@@ -132,8 +124,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<ul class="treeview-menu">
<li><a href="login.html"><i class="fa fa-angle-right"></i> Login</a></li>
<li><a href="signup.html"><i class="fa fa-angle-right"></i> Register</a></li>
<li><a href="404.html"><i class="fa fa-angle-right"></i> 404 Error</a></li>
<li><a href="500.html"><i class="fa fa-angle-right"></i> 500 Error</a></li>
<li><a href="blank-page.html"><i class="fa fa-angle-right"></i> Blank Page</a></li>
</ul>
</li>
......@@ -385,7 +376,6 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<!-- //Classie --><!-- //for toggle left push menu script -->
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
......
src/main/resources/public/buttons.html
View file @ 2e3743ac
......@@ -106,15 +106,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="validation.html"><i class="fa fa-angle-right"></i> Form Validations</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-table"></i> <span>Tables</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="tables.html"><i class="fa fa-angle-right"></i> Simple tables</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-envelope"></i> <span>Mailbox</span>
......@@ -132,8 +124,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<ul class="treeview-menu">
<li><a href="login.html"><i class="fa fa-angle-right"></i> Login</a></li>
<li><a href="signup.html"><i class="fa fa-angle-right"></i> Register</a></li>
<li><a href="404.html"><i class="fa fa-angle-right"></i> 404 Error</a></li>
<li><a href="500.html"><i class="fa fa-angle-right"></i> 500 Error</a></li>
<li><a href="blank-page.html"><i class="fa fa-angle-right"></i> Blank Page</a></li>
</ul>
</li>
......
src/main/resources/public/css/style.css
View file @ 2e3743ac
......@@ -13,7 +13,7 @@ html, body{
font-family: 'PT Sans', sans-serif;
font-size: 100%;
overflow-x: hidden;
background: #fff;
/*background: #fff;*/
}
body a{
transition: 0.5s all ease;
......@@ -1314,7 +1314,7 @@ h3.hdg {
.label {
font-weight: 300 !important;
border-radius:4px;
}
}
.grid_3 {
padding: 1.5em 1em;
}
......@@ -1340,9 +1340,9 @@ h3.hdg {
.badge-danger {
background-color: #e51c23;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: none;
}
/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {*/
/* border-top: none;*/
/*}*/
.grid_3 p{
line-height: 2em;
color: #888;
......@@ -1439,16 +1439,16 @@ section#tables p {
.tables .panel-body ,.tables .bs-example{
padding: 2em 2em 0.5em;
}
.tables .table > thead > tr > th, .tables .table > tbody > tr > th, .tables .table > tfoot > tr > th, .tables .table > thead > tr > td, .tables .table > tbody > tr > td, .tables .table > tfoot > tr > td {
padding: 13px;
border-top: 1px solid #E0E0E0;
}
/*.tables .table > thead > tr > th, .tables .table > tbody > tr > th, .tables .table > tfoot > tr > th, .tables .table > thead > tr > td, .tables .table > tbody > tr > td, .tables .table > tfoot > tr > td {*/
/* padding: 13px;*/
/* border-top: 1px solid #E0E0E0;*/
/*}*/
.bs-example {
margin-top: 2em;
}
.table-hover > tbody > tr:hover {
background-color: #E8E6E6;
}
/*.table-hover > tbody > tr:hover {*/
/* background-color: #E8E6E6;*/
/*}*/
/*--//table--*/
/*--forms--*/
.forms h4 {
......@@ -2740,61 +2740,7 @@ header.widget-header h4 {
font-size: 19px;
color:#000;
}
.widgettable .table {
margin-bottom: 0;
}
.widgettable .table-bordered,.widgettable .table-bordered>tbody>tr>td,.widgettable .table-bordered>tbody>tr>th,.widgettable .table-bordered>tfoot>tr>td,.widgettable .table-bordered>tfoot>tr>th,.widgettable .table-bordered>thead>tr>td,.widgettable .table-bordered>thead>tr>th {
border: 1px solid #F5F5F5;
}
.widgettable .table {
width: 100%;
max-width: 100%;
margin-bottom: 16px;
}
.widgettable pre code,.widgettable table {
background-color: transparent;
}
.widgettable table {
border-collapse: collapse;
border-spacing: 0;
}
.widgettable .table>caption+thead>tr:first-child>td,.widgettable .table>caption+thead>tr:first-child>th,.widgettable .table>colgroup+thead>tr:first-child>td,.widgettable .table>colgroup+thead>tr:first-child>th,.widgettable .table>thead:first-child>tr:first-child>td,.widgettable .table>thead:first-child>tr:first-child>th {
border-top: 0;
font-weight: 600;
color: #000;
}
.widgettable .table-bordered>thead>tr>th {
border-left: 0;
}
.widgettable .table>tbody>tr>td,.widgettable .table>tbody>tr>th,.widgettable .table>tfoot>tr>td,.widgettable .table>tfoot>tr>th,.widgettable .table>thead>tr>td,.widgettable .table>thead>tr>th {
padding: 12px;
}
.widgettable .table>thead>tr>th {
background-color: #fff;
vertical-align: middle;
font-weight: 500;
color: #333;
border-width: 1px;
}
.btn, .m-sidebar header h2, .p-menu>li>a, .popover-title, .table>thead>tr>th {
text-transform: capitalize;
}
.widgettable .table-bordered>thead>tr>td,.widgettable .table-bordered>thead>tr>th {
border-bottom-width: 2px;
}
.widgettable .table-bordered,.widgettable .table-bordered>tbody>tr>td,.widgettable .table-bordered>tbody>tr>th,.widgettable .table-bordered>tfoot>tr>td,.widgettable .table-bordered>tfoot>tr>th,.widgettable .table-bordered>thead>tr>td,.widgettable .table-bordered>thead>tr>th {
border: 1px solid #F5F5F5;
}
.widgettable .table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #F5F5F5;
}
.widgettable .table>tbody>tr>td,.widgettable .table>tbody>tr>th,.widgettable .table>tfoot>tr>td,.widgettable .table>tfoot>tr>th,.widgettable .table>thead>tr>td,.widgettable .table>thead>tr>th {
padding: 15px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #F5F5F5;
}
*, :active, :focus, :hover {
outline: 0!important;
-webkit-tap-highlight-color: transparent!important;
......@@ -3345,9 +3291,9 @@ ul.bt-list li a {
.col-24 {
background-color: #4c4c4c;
}
.col-8 {
background-color: #739b9d;
}
/*.col-8 {*/
/* background-color: #739b9d;*/
/*}*/
.col-9 {
background-color: #3598db;
}
......@@ -8477,12 +8423,12 @@ table{
letter-spacing: 2px;
}
#myFooter {
background-color: #373a48;
/*background-color: #373a48;*/
color:white;
}
#myFooter .footer-copyright{
background-color: #383737;
/*background-color: #383737;*/
padding-top:3px;
padding-bottom:3px;
text-align: center;
......@@ -8561,10 +8507,6 @@ table{
/* CSS used for positioning the footers at the bottom of the page. */
/* You can remove this. */
html{
height: 100% !important;
}
......@@ -8587,3 +8529,40 @@ body{
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
}
td{
border: 1px solid #000;
padding: 15px;
text-align : center;
}
th{
border: 1px solid #000;
padding: 15px;
text-align : center;
}
tr:nth-child(2n+1) td{
background-color: #deecff;
}
tr:nth-child(2n+4) td{
background-color: #f0e9e9;
}
tr:nth-child(n+2) td:last-child{
color: #060608;
font-weight: bold;
}
tr:nth-child(n+3) td:first-child{
font-weight:bold;
color: #060608;
}
tr:nth-child(n+3) td:nth-child(even){
color: #060608;
}
tr:nth-child(n+3) td:nth-child(odd):not(:first-child){
color: #060608;
}
.table>tbody>tr>td{
font-family: sans-serif;
font-size: 16px;
text-align: center;
}
\ No newline at end of file
src/main/resources/public/index.html
View file @ 2e3743ac
......@@ -196,15 +196,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<li><a href="validation.html"><i class="fa fa-angle-right"></i> Form Validations</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-table"></i> <span>Tables</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="tables.html"><i class="fa fa-angle-right"></i> Simple tables</a></li>
</ul>
</li>
<
<li class="treeview">
<a href="#">
<i class="fa fa-envelope"></i> <span>Mailbox </span>
......@@ -222,8 +214,6 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<ul class="treeview-menu">
<li><a href="login.html"><i class="fa fa-angle-right"></i> Login</a></li>
<li><a href="signup.html"><i class="fa fa-angle-right"></i> Register</a></li>
<li><a href="404.html"><i class="fa fa-angle-right"></i> 404 Error</a></li>
<li><a href="500.html"><i class="fa fa-angle-right"></i> 500 Error</a></li>
<li><a href="blank-page.html"><i class="fa fa-angle-right"></i> Blank Page</a></li>
</ul>
</li>
......@@ -454,7 +444,7 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
<div id="page-wrapper">
<div class="main-page">
<div ui-view="content">
Content222
<!-- Content222-->
</div>
</div>
</div>
......@@ -671,10 +661,8 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
}
}
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
......
src/main/resources/public/pages/employee/createEmployee.html
View file @ 2e3743ac
<div class="container">
<div class="col-8">
<table class="table">
<tr>
<td><label>User Name</label></td>
<td>
<input type="text" maxlength="29" ng-model="emp.username"/>
</td>
</tr>
<tr>
<td><label>First Name</label></td>
<td>
<input type="text" maxlength="29" ng-model="emp.firstName"/>
</td>
</tr>
<tr>
<td><label>Last Name</label></td>
<td>
<input type="text" maxlength="29" ng-model="emp.lastName"/>
</td>
</tr>
<tr>
<td><label id="email" for="email">Email</label></td>
<td>
<input type="email" maxlength="150" ng-model="emp.emailAddress"/>
</td>
</tr>
<tr>
<td><label>Phone</label></td>
<td>
<input type="text" maxlength="10" value="" ng-model="emp.phoneNumber"/>
</td>
</tr>
<tr>
<td><label>Education</label></td>
<td>
<input type="text" ng-model="emp.education"/>
</td>
</tr>
<tr>
<td><label>Home town</label></td>
<td><input type="text" ng-model="emp.homeTown"/></td>
</tr>
<tr>
<td><label>Department</label></td>
<td><input type="text" ng-model="emp.department"/></td>
</tr>
<tr>
<td><label>Position</label></td>
<td><input type="text" ng-model="emp.position"/></td>
</tr>
<tr>
<td></td>
<table class="table">
<form>
<div class="form-row">
<div class="col">
<tr>
<td><label>User Name</label></td>
<td>
<input type="text" maxlength="29" ng-model="emp.username"/>
</td>
</tr>
<tr>
<td><label>First Name</label></td>
<td>
<input type="text" maxlength="29" ng-model="emp.firstName"/>
</td>
</tr>
<tr>
<td><label>Last Name</label></td>
<td>
<input type="text" maxlength="29" ng-model="emp.lastName"/>
</td>
</tr>
<tr>
<td><label id="email" for="email">Email</label></td>
<td>
<input class="form-check-label" type="email" maxlength="150" ng-model="emp.emailAddress"/>
</td>
</tr>
<tr>
<td><label>Phone</label></td>
<td>
<input type="text" maxlength="10" value="" ng-model="emp.phoneNumber"/>
</td>
</tr>
</div>
<div class="col">
<tr>
<td><label>Education</label></td>
<td>
<input type="text" ng-model="emp.education"/>
</td>
</tr>
<tr>
<td><label>Home town</label></td>
<td><input type="text" ng-model="emp.homeTown"/></td>
</tr>
<tr>
<td><label>Department</label></td>
<td><input type="text" ng-model="emp.department"/></td>
</tr>
<tr>
<td><label>Position</label></td>
<td><input type="text" ng-model="emp.position"/></td>
</tr>
<tr>
</div>
</div>
</form>
<td></td>
<td>
<input type="submit" name="submit" value="submit" ng-click="save();"/>
<input type="submit" name="clear" value="clear" ng-click=" emp = null"/>
<input class="btn btn-primary" type="submit" name="submit" value="submit" ng-click="save();"/>
<input class="btn btn-primary" type="submit" name="clear" value="clear" ng-click=" emp = null"/>
</td>
</tr>
</table>
</div>
</div>
\ No newline at end of file
src/main/resources/public/pages/employee/employee.html
View file @ 2e3743ac
......@@ -3,16 +3,19 @@
<div class="col-md-8">
<tr>
<td><a class="btn btn-info" href="#" ui-sref="createEmployee">Add</a></td>
<td><a href="#addEmployeeModal" ui-sref="createEmployee" class="btn btn-success" data-toggle="modal"><i
class="fa fa-user-plus"></i> <span>Add New Employee</span></a></a></td>
</tr>
<h4>{{emp.length}}</h4>
<tr></tr>
<input class="search" ng-model="keyword" type="text" placeholder="Search" ng-change="currentPage =1">
<tr></tr>
<h2>Thông tin nhân viên</h2>
<table class="table">
<input ng-model="keyword" type="text" placeholder="Tìm kiếm" ng-change="currentPage =1">
<table class="table" >
<thead>
<tr>
<td colspan="12">Thông tin nhân viên</td>
</tr>
<tr>
<th>ID</th>
<th>UserName</th>
......@@ -28,7 +31,8 @@
</tr>
</thead>
<tbody>
<tr class="vide" ng-repeat="emp in employess | filter:{username:keyword} | lmto:3:3*(currentPage-1) track by $index">
<tr class="vide"
ng-repeat="emp in employess | filter:{username:keyword} | lmto:3:3*(currentPage-1) track by $index">
<td>{{$index + 1}}</td>
<td>{{emp.username}}</td>
<td>{{emp.firstName}}</td>
......@@ -39,8 +43,18 @@
<td>{{emp.homeTown}}</td>
<td>{{emp.department}}</td>
<td>{{emp.position}}</td>
<td><a href="#" ng-click="updateEmp(emp);">Edit</a>
<td><a href="#" ng-click="deleteEmp(emp);">Delete</a>
<td><a href="#" ng-click="updateEmp(emp);">
<p data-placement="top" data-toggle="tooltip" title="Edit">
<button class="btn btn-primary btn-xs" data-title="Edit" data-toggle="modal"
data-target="#edit"><span class="glyphicon glyphicon-pencil"></span></button>
</p>
</a></td>
<td><a href="#" ng-click="deleteEmp(emp);">
<p data-placement="top" data-toggle="tooltip" title="Delete">
<button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal"
data-target="#delete"><span class="glyphicon glyphicon-trash"></span></button>
</p>
</a></td>
</td>
</tr>
......@@ -50,9 +64,9 @@
</table>
<!-- <uib-pagination ng-if="employess.length" total-items="getTotalItems()" boundary-link-numbers="true" ng-model="currentPage" ng-change="pageChangedIndex()" rotate="true" items-per-page="employeePerPage"></uib-pagination>-->
<uib-pagination total-items="getTotalItems()" boundary-link-numbers="true" ng-model="currentPage" ng-change="pageChangedIndex()" rotate="true" items-per-page="employeePerPage"></uib-pagination>
<uib-pagination total-items="getTotalItems()" boundary-link-numbers="true" ng-model="currentPage"
ng-change="pageChangedIndex()" rotate="true"
items-per-page="employeePerPage"></uib-pagination>
</div>
......
src/main/resources/public/pages/employee/employeeController.js
View file @ 2e3743ac
......@@ -79,8 +79,7 @@ angular.module("myApp").controller("employeeController", function ($scope, $http
}
// HTTP DELETE- delete employee by Id
// Call: http://localhost:8080/employee/{id}
$scope.deleteEmp = function (emp) {
$http({
method: 'DELETE',
......@@ -119,18 +118,6 @@ angular.module("myApp").controller("employeeController", function ($scope, $http
}
// $http({
// method: 'GET',
// url: "http://localhost:8081/list_employee/"
// }).then(function successCallback(response) {
// console.log(response);
//
// $scope.employess = response.data;
// }, function errorCallback(response) {
// console.log(response)
// });
});
......
src/main/resources/public/pages/login/login.html deleted 100644 → 0
View file @ 3b48a118
<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
src/main/resources/public/pages/login/loginController.js deleted 100644 → 0
View file @ 3b48a118
angular.module("myApp").controller("loginController" , function ($rootScope, $location, $state) {
console.log("Login Controller")
})
\ No newline at end of file
src/main/resources/public/tables.html deleted 100644 → 0
View file @ 3b48a118
This diff is collapsed.
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