
diff -r 1da12bcb9894 -r 55c024fc7c60 src_js/iconolab-bundle/src/components/editor/Comment.vue
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src_js/iconolab-bundle/src/components/editor/Comment.vue	Mon Feb 20 17:29:55 2017 +0100
@@ -0,0 +1,49 @@
+<template>
+    <div class="comment">
+        {{ comment }}
+        <div class="comment-footer">
+            <span class="comment-author">{{ username }}</span>
+            <span class="comment-date">{{ dateFormatted }}</span>
+        </div>
+    </div>
+</template>
+
+<script>
+
+    export default {
+        props: [
+            'comment',
+            'username',
+            'email',
+            'date'
+        ],
+        computed: {
+            dateFormatted: function () {
+
+                var date = new Date(this.date);
+
+                var day = date.getDate();
+                var month = date.getMonth() + 1;
+                var year = date.getFullYear();
+
+                return day + '/' + month + '/' + year;
+            }
+        }
+    }
+
+</script>
+
+<style scoped>
+.comment {
+    font-size: 12px;
+    padding: 5px 0;
+    border-bottom: 1px solid #ccc;
+}
+.comment-footer {
+    margin-top: 5px;
+    color: #ccc;
+}
+.comment-date {
+    float: right;
+}
+</style>




