angular · JesseGinnever · Jan 12, 2018
diff --git a/app/app.css b/app/app.css
@@ -23,3 +23,25 @@
   content: "|";
   padding-right: 0.3em;
 }
+
+#followers {
+    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+    border-collapse: collapse;
+    width: 100%;
+}
+
+#followers td, #followers th {
+    border: 1px solid #ddd;
+    padding: 8px;
+}
+
+#followers tr:nth-child(even){background-color: #f2f2f2;}
+
+#followers tr:hover {background-color: #ddd;}
+
+#followers th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
diff --git a/app/app.js b/app/app.js
@@ -5,7 +5,8 @@ angular.module('myApp', [
   'ngRoute',
   'myApp.view1',
   'myApp.view2',
-  'myApp.version'
+  'myApp.version',
+  'core.followers'
 ]).
 config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) {
   $locationProvider.hashPrefix('!');

diff --git a/app/components/version/version.js b/app/components/version/version.js
@@ -5,4 +5,4 @@ angular.module('myApp.version', [
   'myApp.version.version-directive'
 ])
 
-.value('version', '0.1');
+.value('version', '1.0');
diff --git a/app/core/core.module.js b/app/core/core.module.js
@@ -0,0 +1,4 @@
+'use strict';
+
+// Define the `core` module
+angular.module('core', ['core.followers');
diff --git a/app/core/followers/followers.module.js b/app/core/followers/followers.module.js
@@ -0,0 +1,4 @@
+'use strict';
+
+// Define the `core.followers` module
+angular.module('core.followers', ['ngResource']);
diff --git a/app/core/followers/followers.service.js b/app/core/followers/followers.service.js
@@ -0,0 +1,15 @@
+'use strict';
+
+angular.
+  module('core.followers').
+  factory('Followers', ['$resource',
+    function($resource) {
+      return $resource('https://api.github.com/users/:githubId/followers', {}, {
+        query: {
+          method: 'GET',
+          params: {githubId: 'octocat'},
+          isArray: true
+        }
+      });
+    }
+  ]);
diff --git a/app/index.html b/app/index.html
@@ -15,27 +15,30 @@
   <script src="bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
 </head>
 <body>
-  <ul class="menu">
+  <!--<ul class="menu">
     <li><a href="#!/view1">view1</a></li>
     <li><a href="#!/view2">view2</a></li>
-  </ul>
+  </ul>-->
 
   <!--[if lt IE 7]>
       <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
   <![endif]-->
 
   <div ng-view></div>
 
-  <div>Angular seed app: v<span app-version></span></div>
+  <div>GitHub app: v<span app-version></span></div>
 
   <!-- In production use:
   <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
   -->
   <script src="bower_components/angular/angular.js"></script>
   <script src="bower_components/angular-route/angular-route.js"></script>
+  <script src="bower_components/angular-resource/angular-resource.js"></script>
   <script src="app.js"></script>
   <script src="view1/view1.js"></script>
   <script src="view2/view2.js"></script>
+  <script src="core/followers/followers.module.js"></script>
+  <script src="core/followers/followers.service.js"></script>
   <script src="components/version/version.js"></script>
   <script src="components/version/version-directive.js"></script>
   <script src="components/version/interpolate-filter.js"></script>

diff --git a/app/view1/view1.html b/app/view1/view1.html
@@ -1 +1,18 @@
-<p>This is the partial for view 1.</p>
+<p>
+    Search:
+    <input id="fname" ng-model="$ctrl.username"
+           ng-keyup="$event.keyCode == 13 ? updateGitHubFollowers($ctrl.username) : null"
+           placeholder="Enter GitHub Username"/>
+</p>
+<table id="followers">
+    <tr>
+        <th>Username</th>
+        <th>Avatar</th>
+        <th>Type</th>
+    </tr>
+    <tr ng-repeat="user in users">
+        <td>{{user.login}}</td>
+        <td><img ng-src="{{user.avatar_url}}" alt="Description" height="42" width="42"/></td>
+        <td>{{user.type}}</td>
+    </tr>
+</table>
diff --git a/app/view1/view1.js b/app/view1/view1.js
@@ -1,6 +1,6 @@
 'use strict';
 
-angular.module('myApp.view1', ['ngRoute'])
+angular.module('myApp.view1', ['ngRoute', 'core.followers'])
 
 .config(['$routeProvider', function($routeProvider) {
   $routeProvider.when('/view1', {
@@ -9,6 +9,8 @@ angular.module('myApp.view1', ['ngRoute'])
   });
 }])
 
-.controller('View1Ctrl', [function() {
-
-}]);
+.controller('View1Ctrl', ['$scope', 'Followers', function($scope, Followers) {
+            $scope.updateGitHubFollowers = function updateGitHubFollowers(username) {
+                $scope.users = Followers.query({githubId: username});
+            }
+         }]);
diff --git a/bower.json b/bower.json
@@ -10,6 +10,7 @@
     "angular-route": "~1.5.0",
     "angular-loader": "~1.5.0",
     "angular-mocks": "~1.5.0",
+    "angular-resource": "1.5.x",
     "html5-boilerplate": "^5.3.0"
   }
 }
diff --git a/package.json b/package.json
@@ -1,40 +1,34 @@
 {
-  "name": "angular-seed",
-  "private": true,
-  "version": "0.0.0",
-  "description": "A starter project for AngularJS",
-  "repository": "https://github.com/angular/angular-seed",
-  "license": "MIT",
-  "devDependencies": {
-    "bower": "^1.7.7",
-    "http-server": "^0.9.0",
-    "jasmine-core": "^2.4.1",
-    "karma": "^0.13.22",
-    "karma-chrome-launcher": "^0.2.3",
-    "karma-firefox-launcher": "^0.1.7",
-    "karma-jasmine": "^0.3.8",
-    "karma-junit-reporter": "^0.4.1",
-    "protractor": "^4.0.9"
-  },
-  "scripts": {
-    "postinstall": "bower install",
-
-    "update-deps": "npm update",
-    "postupdate-deps": "bower update",
-
-    "prestart": "npm install",
-    "start": "http-server -a localhost -p 8000 -c-1 ./app",
-
-    "pretest": "npm install",
-    "test": "karma start karma.conf.js",
-    "test-single-run": "karma start karma.conf.js --single-run",
-
-    "preupdate-webdriver": "npm install",
-    "update-webdriver": "webdriver-manager update",
-
-    "preprotractor": "npm run update-webdriver",
-    "protractor": "protractor e2e-tests/protractor.conf.js",
-
-    "update-index-async": "node -e \"var fs=require('fs'),indexFile='app/index-async.html',loaderFile='app/bower_components/angular-loader/angular-loader.min.js',loaderText=fs.readFileSync(loaderFile,'utf-8').split(/sourceMappingURL=angular-loader.min.js.map/).join('sourceMappingURL=bower_components/angular-loader/angular-loader.min.js.map'),indexText=fs.readFileSync(indexFile,'utf-8').split(/\\/\\/@@NG_LOADER_START@@[\\s\\S]*\\/\\/@@NG_LOADER_END@@/).join('//@@NG_LOADER_START@@\\n'+loaderText+'    //@@NG_LOADER_END@@');fs.writeFileSync(indexFile,indexText);\""
-  }
+    "name": "angular-seed",
+    "private": true,
+    "version": "0.0.0",
+    "description": "A starter project for AngularJS",
+    "repository": "https://github.com/angular/angular-seed",
+    "license": "MIT",
+    "devDependencies": {
+        "bower": "^1.7.7",
+        "http-server": "^0.9.0",
+        "jasmine-core": "^2.4.1",
+        "karma": "^0.13.22",
+        "karma-chrome-launcher": "^0.2.3",
+        "karma-firefox-launcher": "^0.1.7",
+        "karma-jasmine": "^0.3.8",
+        "karma-junit-reporter": "^0.4.1",
+        "protractor": "^4.0.9"
+    },
+    "scripts": {
+        "postinstall": "bower install",
+        "update-deps": "npm update",
+        "postupdate-deps": "bower update",
+        "prestart": "npm install",
+        "start": "http-server -a localhost -p 8000 -c-1 ./app",
+        "pretest": "npm install",
+        "test": "karma start karma.conf.js",
+        "test-single-run": "karma start karma.conf.js --single-run",
+        "preupdate-webdriver": "npm install",
+        "update-webdriver": "webdriver-manager update",
+        "preprotractor": "npm run update-webdriver",
+        "protractor": "protractor e2e-tests/protractor.conf.js",
+        "update-index-async": "node -e \"var fs=require('fs'),indexFile='app/index-async.html',loaderFile='app/bower_components/angular-loader/angular-loader.min.js',loaderText=fs.readFileSync(loaderFile,'utf-8').split(/sourceMappingURL=angular-loader.min.js.map/).join('sourceMappingURL=bower_components/angular-loader/angular-loader.min.js.map'),indexText=fs.readFileSync(indexFile,'utf-8').split(/\\/\\/@@NG_LOADER_START@@[\\s\\S]*\\/\\/@@NG_LOADER_END@@/).join('//@@NG_LOADER_START@@\\n'+loaderText+'    //@@NG_LOADER_END@@');fs.writeFileSync(indexFile,indexText);\""
+    }
 }