Add line number

static/js/directives/log.js

@@ -21,6 +21,14 @@
                  */
                 log      : "=",
 
+                /**
+                 * number
+                 *
+                 * Line number
+                 * @type {Int}
+                 */
+                number : "=",
+
                 /**
                  * showFile
                  *

static/partials/elements/log.html

@@ -1,5 +1,9 @@
 <p ng-class="{'log--collapse' : collapse == true, 'log': true}">
 
+    <span class="log__item log__number">
+        {{number}}
+    </span>
+
     <span class="log__item log__collapse">
         <span ng-if="isMultilines()" ng-click="changeState()">
             <span ng-if="collapse">▶</span>

static/partials/logs.html

@@ -8,6 +8,7 @@
         <log
             ng-repeat="line in lines | orderBy : order : reverse | filter : search track by $index"
             log="line"
+            number="$index"
             show-file="showFile"
             show-time="showTime"
             show-date="showDate"

static/style.css

@@ -439,7 +439,7 @@ body {
     /* width: 100%; */
     text-align: left;
     /* padding: 15px; */
-    border-left: 15px solid #111;
+    border-left: 5px solid #111;
 }
 .log {
     display: table-row;
@@ -456,6 +456,16 @@ body {
         padding-bottom: 2px;
         padding-right: 6px;
         padding-left: 0;
+}
+    .log__number,
+    .log__collapse,
+    .log__time,
+    .log__location {
+        background: #111;
+    }
+
+    .log__number {
+        text-align: right;
 }
     .log__collapse {
         font-size: 12px;
@@ -468,11 +478,6 @@ body {
 }
     .log__tags {
     background: #111;
-}
-    .log__collapse,
-    .log__time,
-    .log__location {
-    background: #111;
 }
         .log__location > span {
             color: #2980b9;