Convert <timestamp> to a component

src/sidebar/app.js

@@ -146,6 +146,7 @@ module.exports = angular.module('h', [
   .component('loginControl', require('./directive/login-control'))
   .component('loginForm', require('./directive/login-form').component)
   .component('publishAnnotationBtn', require('./directive/publish-annotation-btn'))
+  .component('timestamp', require('./directive/timestamp'))
 
   .directive('excerpt', require('./directive/excerpt').directive)
   .directive('formInput', require('./directive/form-input'))
@@ -166,7 +167,6 @@ module.exports = angular.module('h', [
   .directive('svgIcon', require('./directive/svg-icon'))
   .directive('tagEditor', require('./directive/tag-editor'))
   .directive('threadList', require('./directive/thread-list'))
-  .directive('timestamp', require('./directive/timestamp'))
   .directive('topBar', require('./directive/top-bar'))
   .directive('windowScroll', require('./directive/window-scroll'))
 

src/sidebar/directive/test/timestamp-test.js

@@ -11,7 +11,7 @@ describe('timestamp', function () {
 
   before(function () {
     angular.module('app',[])
-      .directive('timestamp', require('../timestamp'));
+      .component('timestamp', require('../timestamp'));
   });
 
   beforeEach(function () {

src/sidebar/directive/timestamp.js

@@ -42,19 +42,15 @@ function TimestampController($scope, time) {
   };
 }
 
-module.exports = function () {
-  return {
-    bindToController: true,
-    controller: TimestampController,
-    controllerAs: 'vm',
-    restrict: 'E',
-    scope: {
-      className: '<',
-      href: '<',
-      timestamp: '<',
-    },
-    template: ['<a class="{{vm.className}}" target="_blank" ng-title="vm.absoluteTimestamp"',
-               ' href="{{vm.href}}"',
-               '>{{vm.relativeTimestamp}}</a>'].join(''),
-  };
+module.exports = {
+  controller: TimestampController,
+  controllerAs: 'vm',
+  bindings: {
+    className: '<',
+    href: '<',
+    timestamp: '<',
+  },
+  template: ['<a class="{{vm.className}}" target="_blank" ng-title="vm.absoluteTimestamp"',
+             ' href="{{vm.href}}"',
+             '>{{vm.relativeTimestamp}}</a>'].join(''),
 };