From e61c249c9ca9d179d65f8f93c2ea6a3ab4a62288 Mon Sep 17 00:00:00 2001
From: Guillaume Wuip <guillaume@wuips.com>
Date: Mon, 22 Dec 2014 22:06:12 +0100
Subject: [PATCH] Add line number

---
 static/js/directives/log.js       |  8 ++++++++
 static/partials/elements/log.html |  4 ++++
 static/partials/logs.html         |  1 +
 static/style.css                  | 17 +++++++++++------
 4 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/static/js/directives/log.js b/static/js/directives/log.js
index 147081c..25710b3 100644
--- a/static/js/directives/log.js
+++ b/static/js/directives/log.js
@@ -21,6 +21,14 @@
                  */
                 log      : "=",
 
+                /**
+                 * number
+                 *
+                 * Line number
+                 * @type {Int}
+                 */
+                number : "=",
+
                 /**
                  * showFile
                  *
diff --git a/static/partials/elements/log.html b/static/partials/elements/log.html
index 6691f53..b82a7d8 100644
--- a/static/partials/elements/log.html
+++ b/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>
diff --git a/static/partials/logs.html b/static/partials/logs.html
index 4aa221a..670675f 100644
--- a/static/partials/logs.html
+++ b/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"
diff --git a/static/style.css b/static/style.css
index 4e5ca17..d068bb3 100644
--- a/static/style.css
+++ b/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;