+ Document component

src/client/components/Document.js

@@ -0,0 +1,13 @@
+import template from '../../templates/components/document.html';
+
+export default function (app) {
+    app.component('document', {
+        bindings: {
+            document: '='
+        },
+        controller: function () {
+            //this.testing = 123;
+        },
+        template: template
+    });
+};

src/templates/components/document.html

@@ -0,0 +1,8 @@
+<div class="doc">
+    <a href="{{$ctrl.document.url}}" target="_blank" class="invisible">
+        <img ng-src="{{$ctrl.document.preview}}">
+    </a>
+    <p>
+        <a href="{{$ctrl.document.url}}" target="_blank">{{$ctrl.document.title | uppercaseFirst}}</a>
+    </p>
+</div>