new commit

src/main/java/com/itsol/quantrivanphong/QuantrivanphongApplication.java

@@ -2,7 +2,9 @@ package com.itsol.quantrivanphong;
 
 import org.springframework.boot.SpringApplication;
 import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.context.annotation.Bean;
 import org.springframework.data.jpa.repository.config.EnableJpaAuditing;
+import org.springframework.web.filter.ShallowEtagHeaderFilter;
 
 @SpringBootApplication
 @EnableJpaAuditing
@@ -11,5 +13,9 @@ public class QuantrivanphongApplication {
     public static void main(String[] args) {
         SpringApplication.run(QuantrivanphongApplication.class, args);
     }
+    @Bean
+    public ShallowEtagHeaderFilter shallowEtagHeaderFilter() {
+        return new ShallowEtagHeaderFilter();
+    }
 
 }

src/main/java/com/itsol/quantrivanphong/manager/employee/business/EmployeeBusiness.java

@@ -26,4 +26,6 @@ public interface EmployeeBusiness extends Validator {
     boolean confirmEmployee(Employee employee);
     public Page<Employee> findAll(Pageable pageable);
 
+
+
 }

src/main/resources/public/index.html

@@ -51,8 +51,9 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
 	<script src="js/app.js"></script>
 	<script src="pages/employee/employeeController.js"></script>
 	<script src="pages/employee/createEmployeeController.js"></script>
-
+	<script src="js/ui-bootstrap-tpls-0.3.0.min.js"></script>
 	<script src="js/dirPagination.js"></script>
+	<script src="js/ui-bootstrap-tpls-0.3.0.min.js"></script>
 	<!--	end anguarjs app-->
 <link href="css/custom.css" rel="stylesheet">
 <!--//Metis Menu -->

src/main/resources/public/pages/employee/employee.html

@@ -45,6 +45,9 @@
 
                 </tbody>
             </table>
+            <div data-pagination="" data-num-pages="numOfPages()"
+                 data-current-page="curPage" data-max-size="maxSize"
+                 data-boundary-links="true"></div>
             <tr>
             <td><a class="btn btn-info" href="#" ui-sref="createEmployee">Add</a></td>
             </tr>

src/main/resources/public/pages/employee/employeeController.js

 /**
  *
  */
-angular.module("myApp").controller("employeeController", function($scope, $http, $state) {
+angular.module("myApp").controller("employeeController", function ($scope, $http, $state) {
     console.log("Employee controller");
 
     $scope.emp = {
@@ -40,17 +40,7 @@ angular.module("myApp").controller("employeeController", function($scope, $http,
     function updateEmp(emp) {
         console.log('edit');
         $state.go('createEmployee', {emp: emp});
-        // $scope.emp = emp;
-        // $http({
-        //     method: 'PUT',
-        //     url: "/employee/" + emp.id,
-        //     data: $scope.emp
-        // }).then(function successCallback(response) {
-        //     console.log(response);
-        //
-        // }, function errorCallback(response) {
-        //     console.log(response)
-        // });
+
     }
 
     // HTTP DELETE- delete employee by Id
@@ -102,7 +92,27 @@ angular.module("myApp").controller("employeeController", function($scope, $http,
     //     },3)
     // };
     // $scope.reload();
+    // $scope.curPage = 1,
+
+    $scope.page = function (emp) {
+        $scope.curPage = 1,
+            $scope.empPerPage = 3,
+            $scope.maxSize = 5;
+
+        $scope.numOfPages = function () {
+            return Math.ceil(emp.length / $scope.empPerPage);
+
+        };
 
+        $scope.$watch('curPage + numPerPage', function () {
+            var begin = (($scope.curPage - 1) * $scope.empPerPage),
+                end = begin + $scope.empPerPage;
 
+            $scope.employess = emp.slice(begin, end);
+        });
+    };
 });
 
+
+
+