From 6d09cfb3c1f3eade49b1c103a4b67640f3c46fcb Mon Sep 17 00:00:00 2001
From: Nguyen Sy Thanh Son <sonnst@sigma-solutions.eu>
Date: Thu, 6 Aug 2015 18:09:21 +0700
Subject: [PATCH] add ajax sample

---
 app/scripts/app.js                          | 16 ++++++++
 app/scripts/controllers/sample.js           | 14 +++++++
 app/scripts/directives/sidebar/sidebar.html |  3 ++
 app/scripts/services/sample.js              | 11 ++++++
 app/scripts/services/sample.json            | 42 ++++++++++++++++++++
 app/views/sample.html                       | 43 +++++++++++++++++++++
 6 files changed, 129 insertions(+)
 create mode 100644 app/scripts/controllers/sample.js
 create mode 100644 app/scripts/services/sample.js
 create mode 100644 app/scripts/services/sample.json
 create mode 100644 app/views/sample.html

diff --git a/app/scripts/app.js b/app/scripts/app.js
index 7c1b8b033..18668301c 100644
--- a/app/scripts/app.js
+++ b/app/scripts/app.js
@@ -93,6 +93,22 @@ angular
           }
         }
       })
+      .state('dashboard.ajax',{
+        url:'/ajax',
+        controller: 'SampleCtrl',
+        templateUrl:'views/sample.html',
+        resolve: {
+          loadMyFiles:function($ocLazyLoad) {
+            return $ocLazyLoad.load({
+              name:'sbAdminApp',
+              files:[
+              'scripts/controllers/sample.js',
+              'scripts/services/sample.js'
+              ]
+            })
+          }
+        }
+      })
       .state('dashboard.form',{
         templateUrl:'views/form.html',
         url:'/form'
diff --git a/app/scripts/controllers/sample.js b/app/scripts/controllers/sample.js
new file mode 100644
index 000000000..9fceb91e6
--- /dev/null
+++ b/app/scripts/controllers/sample.js
@@ -0,0 +1,14 @@
+'use strict';
+/**
+ * @ngdoc function
+ * @name sbAdminApp.controller:MainCtrl
+ * @description
+ * # MainCtrl
+ * Controller of the sbAdminApp
+ */
+angular.module('sbAdminApp')
+  .controller('SampleCtrl', function($scope,$position, Sample) {
+      Sample.get().then(function(data){
+          $scope.users = data
+      })
+  });
diff --git a/app/scripts/directives/sidebar/sidebar.html b/app/scripts/directives/sidebar/sidebar.html
index 0fef6c150..31242bd10 100644
--- a/app/scripts/directives/sidebar/sidebar.html
+++ b/app/scripts/directives/sidebar/sidebar.html
@@ -13,6 +13,9 @@
             <li ui-sref-active="active">
                 <a ui-sref="dashboard.table"><i class="fa fa-table fa-fw"></i> Tables</a>
             </li>
+            <li ui-sref-active="active">
+                <a ui-sref="dashboard.ajax"><i class="fa fa-table fa-fw"></i> Ajax Sample</a>
+            </li>
             <li ui-sref-active="active">
                 <a ui-sref="dashboard.form"><i class="fa fa-edit fa-fw"></i> Forms</a>
             </li>
diff --git a/app/scripts/services/sample.js b/app/scripts/services/sample.js
new file mode 100644
index 000000000..a8198dca8
--- /dev/null
+++ b/app/scripts/services/sample.js
@@ -0,0 +1,11 @@
+angular.module('sbAdminApp').factory('Sample', function($http, $q) {
+    return {
+        get: function(){
+            var deferred = $q.defer();
+            $http.get('scripts/services/sample.json').success(function(data) {
+                deferred.resolve(data)
+            }).error(deferred.reject);
+            return deferred.promise;
+        }
+    }
+});
diff --git a/app/scripts/services/sample.json b/app/scripts/services/sample.json
new file mode 100644
index 000000000..5f3808a65
--- /dev/null
+++ b/app/scripts/services/sample.json
@@ -0,0 +1,42 @@
+[{
+    "id": "1",
+    "firstname": "Nguyen Sy",
+    "lastname": "Thanh Son",
+    "username": "thanhson1085"
+},
+{
+    "id": "2",
+    "firstname": "Mark",
+    "lastname": "Otto",
+    "username": "mdo"
+},
+{
+    "id": "3",
+    "firstname": "Athony",
+    "lastname": "Vinc",
+    "username": "anthony"
+},
+{
+    "id": "4",
+    "firstname": "Do",
+    "lastname": "Minh Khai",
+    "username": "minhkhai"
+},
+{
+    "id": "5",
+    "firstname": "Ba Ngoc",
+    "lastname": "Cuong",
+    "username": "bangoccuong"
+},
+{
+    "id": "6",
+    "firstname": "Adam",
+    "lastname": "East",
+    "username": "adam"
+},
+{
+    "id": "7",
+    "firstname": "Larry",
+    "lastname": "Bird",
+    "username": "larry"
+}]
diff --git a/app/views/sample.html b/app/views/sample.html
new file mode 100644
index 000000000..a90bf5f07
--- /dev/null
+++ b/app/views/sample.html
@@ -0,0 +1,43 @@
+<div class="row">
+    <div class="col-lg-12">
+        <h1 class="page-header">Tables</h1>
+    </div>
+    <!-- /.col-lg-12 -->
+</div>
+<!-- /.row -->
+<div class="row">
+    <div class="col-lg-12">
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                Basic Table
+            </div>
+            <!-- /.panel-heading -->
+            <div class="panel-body">
+                <div class="table-responsive">
+                    <table class="table">
+                        <thead>
+                            <tr>
+                                <th>#</th>
+                                <th>First Name</th>
+                                <th>Last Name</th>
+                                <th>Username</th>
+                            </tr>
+                        </thead>
+                        <tbody ng-repeat="user in users">
+                            <tr>
+                                <td>{{ user.id }}</td>
+                                <td>{{ user.firstname }}</td>
+                                <td>{{ user.lastname }}</td>
+                                <td>@{{ user.username }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <!-- /.table-responsive -->
+            </div>
+            <!-- /.panel-body -->
+        </div>
+        <!-- /.panel -->
+    </div>
+    <!-- /.col-lg-6 -->
+</div>