entry-show: better display for checkbox tree

tools/bazar/fields/CheckboxListField.php

@@ -28,14 +28,50 @@ protected function renderStatic($entry)
     {
         $keys = $this->getValues($entry);
         $values = [];
+
+        if (count($values) > 0) {
+            return '';
+        }
+
+        // List with multi levels
+        if ($this->optionsTree) {
+            return $this->render('@bazar/fields/checkbox-tree.twig', [
+                'treeValues' => $this->filterTree($this->optionsTree, $keys),
+            ]);
+        }
+
+        // List with one level
         foreach ($this->getOptions() as $key => $label) {
             if (in_array($key, $keys)) {
                 $values[$key] = $label;
             }
         }
 
-        return (count($values) > 0) ? $this->render('@bazar/fields/checkbox.twig', [
+        return $this->render('@bazar/fields/checkbox.twig', [
             'values' => $values,
-        ]) : '';
+        ]);
+    }
+
+    // Filter the tree to keep only branches where a nodeID is checked
+    private function filterTree($tree, $checkedValues)
+    {
+        $filteredTree = [];
+
+        foreach ($tree as $node) {
+            if (in_array($node['id'], $checkedValues)) {
+                $filteredNode = $node;
+                $filteredNode['children'] = $this->filterTree($node['children'], $checkedValues);
+                $filteredTree[] = $filteredNode;
+            } else {
+                $filteredChildren = $this->filterTree($node['children'], $checkedValues);
+                if (!empty($filteredChildren)) {
+                    $filteredNode = $node;
+                    $filteredNode['children'] = $filteredChildren;
+                    $filteredTree[] = $filteredNode;
+                }
+            }
+        }
+
+        return $filteredTree;
     }
 }

tools/bazar/templates/fields/checkbox-tree.twig

@@ -0,0 +1,32 @@
+{% extends "@bazar/layouts/field.twig" %}
+
+{% block value_container %}
+	<span class="BAZ_texte field-checkbox-tree">
+		{{ _self.renderNodes(treeValues) }}
+	</span>
+{% endblock %}
+
+{% macro renderNodes(nodes) %}
+
+{# Add some classes "leaf", "only-leafs", "one-child" to make customization with CSS easy #}
+{% set allChildrenEmpty = true %}
+{% for node in nodes %}
+    {% if node.children is not empty %}
+        {% set allChildrenEmpty = false %}
+    {% endif %}
+{% endfor %}
+<ul class="{{ allChildrenEmpty ? 'only-leafs' : ''}}">
+	{% for node in nodes %}
+		<li class="{{ node.children|length == 0 ? 'leaf' : ''}} {{ node.children|length == 1 ? 'one-child' : ''}}">
+			{{ node.label|raw }}
+			{% if node.children|length > 0 %}
+			   {{ _self.renderNodes(node.children) }}
+			{% endif %}
+		</li>
+	{% endfor %}
+</ul>
+{% endmacro %}
+
+
+
+