Contributors grid is now live

forge · Jun 1, 2015 · 00f33c2 · 00f33c2
1 parent bc028bd
commit 00f33c2
Show file tree

Hide file tree

Showing 9 changed files with 32 additions and 33 deletions.
diff --git a/app/index.html b/app/index.html
@@ -179,6 +179,7 @@ <h3>Contact</h3>
 <script type="text/javascript" src="js/controllers/communityCtrl.js"></script>
 <script type="text/javascript" src="js/controllers/docCtrl.js"></script>
 <script type="text/javascript" src="js/controllers/downloadCtrl.js"></script>
+<script type="text/javascript" src="js/controllers/homeCtrl.js"></script>
 <script type="text/javascript" src="js/controllers/newsCtrl.js"></script>
 </body>
 </html>
diff --git a/app/js/app.js b/app/js/app.js
@@ -19,7 +19,7 @@ angular.module('jboss-forge', ['ui.router','routeStyles'])
     url: '/',
     templateUrl: 'views/home.html',
     css: 'css/parallax-styles.css',
-    controller: 'rootCtrl',
+    controller: 'homeCtrl',
     title: 'Home'
   })
   .state('addons', {

diff --git a/app/js/controllers/communityCtrl.js b/app/js/controllers/communityCtrl.js
@@ -1,2 +1,5 @@
-angular.module('jboss-forge').controller('communityCtrl', function($scope){
+angular.module('jboss-forge').controller('communityCtrl', function($scope, backendAPI){
+	backendAPI.fetchContributors(function(data) { 
+		$scope.contributors = data;
+	});
 });
diff --git a/app/js/controllers/homeCtrl.js b/app/js/controllers/homeCtrl.js
@@ -0,0 +1,5 @@
+angular.module('jboss-forge').controller('homeCtrl', function($scope, backendAPI){
+	backendAPI.fetchContributors(function(data) { 
+		$scope.contributors = data;
+	});
+});
diff --git a/app/js/controllers/rootCtrl.js b/app/js/controllers/rootCtrl.js
@@ -2,6 +2,6 @@ angular.module('jboss-forge').controller('rootCtrl', function($scope){
 	$scope.$on('$viewContentLoaded', function(event) {
 		setTimeout(function() {
 			initializeUI();
-		},100);
+		},1000);
 	});
 });
diff --git a/app/js/services/backendAPIService.js b/app/js/services/backendAPIService.js
@@ -39,5 +39,8 @@ angular.module('jboss-forge').service('backendAPI', function($http, config){
 	this.fetchMetadata = function(_success) { 
 		return this.fetch('/api/metadata', _success);
 	}
+	this.fetchContributors = function(_success) { 
+		return this.fetch('/api/contributors', _success);
+	}
 });
 
diff --git a/app/views/community.html b/app/views/community.html
@@ -115,26 +115,9 @@ <h1>Powered by people like you. Our <strong>Community</strong>.</h1>
 
             <!-- Community image section -->
             <div class="community-images-holder">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-alt-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-alt-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-alt-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
-                <img alt="Placeholder" src="images/place-img-300x300.jpg">
+                <a href="{{contrib.html_url}}" target="_blank" ng-repeat="contrib in contributors">
+                    <img title="{{contrib.login}}" ng-src="{{contrib.avatar_url}}">
+                </a>
             </div>
             <!-- Community Grid -->
             <div class="community-grid reg-display hidden-xs container">

diff --git a/app/views/home.html b/app/views/home.html
@@ -155,16 +155,9 @@ <h2>
 
             <!-- Right Side -->
             <div class="network-img-holder">
-                <img  src="images/place-img-alt-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-alt-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
-                <img  src="images/place-img-300x300.jpg" alt="Placeholder" />
+                <a href="{{contrib.html_url}}" target="_blank" ng-repeat="contrib in contributors">
+                    <img title="{{contrib.login}}" ng-src="{{contrib.avatar_url}}">
+                </a>
             </div>
 
             <div class="col-sm-6 hidden-xs  network-graphic-grid-container">

diff --git a/server.js b/server.js
@@ -24,6 +24,7 @@ var Git         =
 var config      = cc()
                     .add(
                         {
+                            'FORGE_CONTRIBUTORS_URL' : 'https://api.github.com/repos/forge/core/contributors',
                             'FORGE_SH_URL' : 'https://raw.githubusercontent.com/forge/core/master/forge-install.sh',
                             'REDOCULOUS_HOST': 'redoculous-forge.rhcloud.com',
                             'FORGE_WEBSITE_DATA_URL': 'https://github.com/forge/website-data',
@@ -41,6 +42,16 @@ app.get('/api/addons', function(req, res) {
     res.json(allAddons());
 });
 
+app.get('/api/contributors', function(req, res) {
+    fetchUrl(config.get('FORGE_CONTRIBUTORS_URL'), function(error, meta, response) { 
+        if (meta.status == 200) {
+            res.header("Content-Type", "application/json");
+            res.write(response);
+        }
+        res.end();
+    });
+});
+
 app.get('/api/docs', function(req, res) {
     res.json(allDocs());
 });