Integrate moment.js and its angular bindings.

static/js/app.js

@@ -1,4 +1,4 @@
-quayApp = angular.module('quay', ['restangular'], function($provide) {
+quayApp = angular.module('quay', ['restangular', 'angularMoment'], function($provide) {
     $provide.factory('UserService', ['Restangular', function(Restangular) {
       var userResponse = {
         verified: false,

static/js/controllers.js

@@ -30,6 +30,10 @@ function RepoCtrl($scope, Restangular, $routeParams, $rootScope) {
     $scope.repo.put();
   };
 
+  $scope.parseDate = function(dateString) {
+    return Date.parse(dateString);
+  };
+
   var namespace = $routeParams.namespace;
   var name = $routeParams.name;
   var tag = $routeParams.tag || 'latest';

static/partials/view-repo.html

@@ -39,7 +39,7 @@
   <div id="current-image">
     <dl class="dl-horizontal">
       <dt>Created</dt>
-      <dd>{{ currentTag.image.created }}</dd>
+      <dd am-time-ago="parseDate(currentTag.image.created)"></dd>
 
       <dt>ID</dt>
       <dd>{{ currentTag.image.id }}</dd>

templates/index.html

@@ -18,6 +18,9 @@
     <script src="//cdn.jsdelivr.net/underscorejs/1.5.2/underscore-min.js"></script>
     <script src="//cdn.jsdelivr.net/restangular/1.1.3/restangular.js"></script>
 
+    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.2.1/moment.min.js"></script>
+    <script src="static/lib/angular-moment.min.js"></script>
+
     <script src="static/js/app.js"></script>
     <script src="static/js/controllers.js"></script>