From 9107338370d317fe79dc0a0169f48b3cc2169a8a Mon Sep 17 00:00:00 2001
From: Stas Seliverstov <s.seliverstov@gmail.com>
Date: Thu, 15 Jun 2017 18:14:44 +0300
Subject: [PATCH] show parameters in tree

---
 .../javascript/components/tree/TreeView.hbs   |  2 +-
 .../javascript/components/tree/styles.css     | 11 ++++++-
 .../javascript/components/tree/tree-group.hbs |  5 +--
 .../javascript/components/tree/tree-leaf.hbs  | 31 ++++++++++++++-----
 4 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/allure-generator/src/main/javascript/components/tree/TreeView.hbs b/allure-generator/src/main/javascript/components/tree/TreeView.hbs
index 579373444..09a81a566 100644
--- a/allure-generator/src/main/javascript/components/tree/TreeView.hbs
+++ b/allure-generator/src/main/javascript/components/tree/TreeView.hbs
@@ -21,7 +21,7 @@
 <div class="tree">
     {{#if items}}
         {{#each items}}
-            {{> tree-group baseUrl=../baseUrl showGroupInfo=../showGroupInfo tabName=../tabName}}
+            {{~> tree-group baseUrl=../baseUrl showGroupInfo=../showGroupInfo tabName=../tabName}}
         {{/each}}
     {{else}}
            <div class="{{b 'tree' 'empty'}}">{{t 'component.tree.empty'}}</div>
diff --git a/allure-generator/src/main/javascript/components/tree/styles.css b/allure-generator/src/main/javascript/components/tree/styles.css
index 632dfbc81..5894333a8 100644
--- a/allure-generator/src/main/javascript/components/tree/styles.css
+++ b/allure-generator/src/main/javascript/components/tree/styles.css
@@ -22,13 +22,16 @@
     position: absolute;
   }
   &__stats {
+    display: block;
     float: right;
+    white-space: nowrap;
   }
   &__title {
     overflow: hidden;
     line-height: 1.2em;
     padding: 7px $gap-size 7px 25px;
     flex: 1;
+    display: flex;
     cursor: pointer;
     border-top: 1px solid #ECEFF1;
     position: relative;
@@ -55,7 +58,13 @@
   &__time {
     padding: 5px;
   }
-
+  &__parameters {
+    color: $text-muted-color;
+    min-width: 2ch;
+    &_separator:last-child {
+      display: none;
+    }
+  }
   &__children {
     display: none;
     .node__expanded > & {
diff --git a/allure-generator/src/main/javascript/components/tree/tree-group.hbs b/allure-generator/src/main/javascript/components/tree/tree-group.hbs
index f16166346..f8ba7f1ec 100644
--- a/allure-generator/src/main/javascript/components/tree/tree-group.hbs
+++ b/allure-generator/src/main/javascript/components/tree/tree-group.hbs
@@ -7,6 +7,7 @@
             {{else}}
                 {{t 'component.tree.unknown'}}
             {{/if}}
+            <div class="tree__strut">&nbsp</div>
             <span class="node__stats">
                 {{statistic-bar statistic tabName}}
             </span>
@@ -23,10 +24,10 @@
                 </div>
             {{/if}}
             {{#each children}}
-                {{> tree-group baseUrl=../baseUrl showGroupInfo=../showGroupInfo tabName=../tabName}}
+                {{~> tree-group baseUrl=../baseUrl showGroupInfo=../showGroupInfo tabName=../tabName}}
             {{/each}}
         </div>
     </div>
 {{else}}
-    {{> tree-leaf baseUrl=baseUrl}}
+    {{~> tree-leaf baseUrl=baseUrl}}
 {{/if}}
diff --git a/allure-generator/src/main/javascript/components/tree/tree-leaf.hbs b/allure-generator/src/main/javascript/components/tree/tree-leaf.hbs
index 47ea73b9b..fb83e999f 100644
--- a/allure-generator/src/main/javascript/components/tree/tree-leaf.hbs
+++ b/allure-generator/src/main/javascript/components/tree/tree-leaf.hbs
@@ -1,14 +1,31 @@
 <a class="node node__leaf" href="#{{baseUrl}}/{{uid}}">
-    <div class="node__title long-line" data-uid="{{uid}}">
-        <span class="node__anchor">
+    <div class="node__title" data-uid="{{uid}}">
+        <div class="node__anchor">
             {{allure-icon status 'fa-lg'}}
-        </span>
+        </div>
         {{#if flaky}}
             {{allure-icon 'flaky'}}
         {{/if}}
-        {{name}}
-        <span class="node__stats">
-            {{duration time.duration}}
-        </span>
+        <div class="node__name">
+            {{name}}
+        </div>
+        {{#if parameters}}
+
+        <div class="node__parameters long-line line-ellipsis">
+            <span>&nbsp</span>
+            {{#each parameters}}
+                {{#if value}}
+                    {{value}}
+                {{~else}}
+                    null
+                {{~/if~}}
+                <span class="node__parameters_separator">,</span>
+            {{/each}}
+        </div>
+        {{/if}}
+        <div class="tree__strut">&nbsp</div>
+        <div class="node__stats">
+            {{~duration time.duration~}}
+        </div>
     </div>
 </a>
\ No newline at end of file