Added Comment Marker

javascript/src/CodeCorrection.js

@@ -58,6 +58,7 @@ var QfqNS = QfqNS || {};
         this.language = this.$parent.data("highlight") || "typo3conf/ext/qfq/Resources/Public/Json/javascript.json";
         console.log(this.data);
         this.currentUser = $container.data("uid");
+        console.log(this.currentUser);
         var that = this;
         if (this.$target.val()) {
             var jImport = $.parseJSON(this.$target.val());
@@ -142,17 +143,21 @@ var QfqNS = QfqNS || {};
             var $hook = this.$rows[annotation.lineNumber];
             var commentController = this._buildCommentContainer($hook);
             commentController.importComments(annotation.comments, this.users);
-
+            $hook.append(this._getCommentMarker(annotation.comments.length));
             this._setListeners(commentController);
             this._setCommentController(annotation.lineNumber, commentController);
         }
     };
 
-    n.CodeCorrection.prototype._setCommentMarker = function($hook, numberOfComments) {
+    n.CodeCorrection.prototype._getCommentMarker = function(numberOfComments) {
         var container = $('<span/>', {
-            class: "badge",
-            text: numberOfComments
+            class: "badge qfq-comment-marker",
+            text: numberOfComments + ' '
         });
+        container.append($('<span/>', {
+            class: "glyphicon glyphicon-comment"
+        }));
+        return container;
     };
 
     /**

less/qfq-bs.css.less

@@ -173,6 +173,12 @@ select.qfq-locked:invalid {
   width: 44px;
 }
 
+.qfq-comment-marker {
+  position: absolute;
+  right: 22px;
+  z-index: 2;
+}
+
 .nav-pills>li>a {
   border-radius: 0;
 }