Merge pull request #17 from toalina/pagination

Pagination

.gitignore

@@ -25,4 +25,4 @@ build/Release
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 node_modules
-build
+build

build/index.html

@@ -36,7 +36,8 @@ <h1 class="logo">intelly</h1>
     </header>
 
     <!-- SOME KIND OF NG-VIEW THING -->
-		<main ng-view ng-controller="GistsCtrl">
+    <main ng-view ng-controller="GistsCtrl">
+       <div ng-include="'./html/blogpost.html'"></div>
     </main>
     <!-- CONTACT SECTION  -->
     <section>

src/html/blogpost.html

@@ -35,8 +35,8 @@ <h1>Blog</h1>
     <article ng-repeat="gist in gists|pager:pagination" class="blog-summary">
      <!-- filter:search -->
       <h1>{{ gist.description }}</h1>
-
-      <a href="{{gist.html_url}}">{{gist.id}}</a>
+      <!-- <p> {{ Gist Files Here}}</p> -->
+      <a href="{{gist.html_url}}">View Original</a>
       <img src="{{gist.owner.avatar_url}}" alt="Alina's big face" height="20%" width="20%">
 
       <ul class="blog-metadata">
@@ -57,7 +57,6 @@ <h1>{{ gist.description }}</h1>
             {{file.language}}
           </li>
         </ul>
-
       </ul>
 
 			<a class="btn-primary" href="#/blogposts/:blog {{ gist.id }}">Read More</a>
@@ -67,10 +66,9 @@ <h1>{{ gist.description }}</h1>
 
     <a class="btn-primary-alt" href="#/blogposts/new">Add New</a>
 
-    <a class="btn-small" ng-click="pagination.prevPage()">Prev</a>
-    <a class="btn-small" ng-click="pagination.nextPage()">Next</a>
-
   </div>
+  <button class="btn-small" type="button" ng-click="pagination.prevPage()">Prev</button>
+  <button class="btn-small" type="button" ng-click="pagination.nextPage()">Next</button>
 </section>
 
 

src/index.html

@@ -36,7 +36,8 @@ <h1 class="logo">intelly</h1>
     </header>
 
     <!-- SOME KIND OF NG-VIEW THING -->
-		<main ng-view ng-controller="GistsCtrl">
+    <main ng-view ng-controller="GistsCtrl">
+       <div ng-include="'./html/blogpost.html'"></div>
     </main>
     <!-- CONTACT SECTION  -->
     <section>

src/js/gists-ctrl.js

@@ -10,7 +10,7 @@ require('./gists-app.js');
 angular.module('gisty').controller('GistsCtrl', function($scope, $http, $log, token) {
 
   $scope.pagination = {
-    currentPage: 1,
+    currentPage: 0,
     perPage: 4,
     getOffset: function () {
       return $scope.pagination.currentPage * $scope.pagination.perPage;

src/js/gists-filters.js

@@ -14,7 +14,6 @@ angular.module('gisty').filter('offset', function ($filter) {
 angular.module('gisty').filter('pager', function ($filter) {
   return function(results, pagerObj) {
     var filteredResults;
-    console.log(pagerObj);
     filteredResults = $filter('offset')(results, pagerObj.getOffset());
     filteredResults = $filter('limitTo')(filteredResults, pagerObj.perPage);
     return filteredResults;