From 6c83fee2d6242881ca78b72c3ce1ddcee3d4bb27 Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@netways.de>
Date: Tue, 8 Jan 2019 13:20:42 +0100
Subject: [PATCH] NodeTile: Show total amount of children beneath a parent's
 name

---
 .../Renderer/TileRenderer/NodeTile.php        | 11 +++++++++
 public/css/module.less                        | 23 ++++++++++---------
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/library/Businessprocess/Renderer/TileRenderer/NodeTile.php b/library/Businessprocess/Renderer/TileRenderer/NodeTile.php
index 7504116..0e6e83f 100644
--- a/library/Businessprocess/Renderer/TileRenderer/NodeTile.php
+++ b/library/Businessprocess/Renderer/TileRenderer/NodeTile.php
@@ -83,6 +83,17 @@ class NodeTile extends BaseHtmlElement
             if ($renderer->isBreadcrumb()) {
                 $link->add($renderer->renderStateBadges($node->getStateSummary()));
             } else {
+                $this->add(Html::tag(
+                    'p',
+                    ['class' => 'children-count'],
+                    $node->hasChildren()
+                        ? Html::tag(
+                            'span',
+                            null,
+                            sprintf('%u %s', $node->countChildren(), mt('businessprocess', 'Children'))
+                        )
+                        : null
+                ));
                 $this->add($renderer->renderStateBadges($node->getStateSummary()));
             }
         }
diff --git a/public/css/module.less b/public/css/module.less
index 35f0ed7..68a58b3 100644
--- a/public/css/module.less
+++ b/public/css/module.less
@@ -477,23 +477,28 @@ td > a > .badges {
         margin: 0.5em;
         text-align: center;
         font-size: 0.5em;
-        display: block;
     }
 
     > a {
         display: block;
-        position: relative;
         text-decoration: none;
         font-size: 0.7em;
         text-align: center;
-        padding: 1em;
+        padding: 1em 1em 0;
         font-weight: bold;
         word-wrap: break-word;
         color: @text-color-inverted;
-        top: 50%;
-        -ms-transform: translateY(-50%);
-        -webkit-transform: translateY(-50%);
-        transform: translateY(-50%);
+
+        & + p.children-count {
+            margin: 0;
+            font-size: .5em;
+            text-align: center;
+
+            span {
+                font-size: .8em;
+                font-weight: bold;
+            }
+        }
     }
 
     &:hover {
@@ -502,10 +507,6 @@ td > a > .badges {
 
     .actions {
         opacity: 0.8;
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
         margin: 0.5em 0 0 0.5em;
         font-size: 0.75em;
         height: 1.8em;