{{define "ptg_treeNode"}}
<!-- der eigentliche Knoten-->
<ul class="node">
    <details open>
        <summary>
            {{.Name}}
        </summary>
        <!-- Die PropertyTypeGroup Subgruppen-->
        {{- range .PropertyTypeGroups}}
        <ul class="node" hx-get="/properties/{{.Id}}/childs" hx-trigger="click" hx-swap="outerHTML">
            <details closed>
                <summary>
                    {{.Name}}
                </summary>
            </details>
        </ul>
        {{- end}}

        <!-- die PropertyTypes der PropertyTypeGroup-->
        {{- range .PropertyTypes}} 
        <ul class="node">
            <li>{{.Name}}</li>
        </ul>
        {{- end}}
    </details>
</ul>