openproject/frontend/app/components/wp-relations/wp-relations-hierarchy/wp-relations-hierarchy.template.html

<div class="wp-relations-hierarchy-section">
    <div class="attributes-group--header">
        <div class="attributes-group--header-container">
            <h3 class="attributes-group--header-text">
                {{ ::$ctrl.text.hierarchyHeadline }}
            </h3>
        </div>
    </div>

    <wp-relations-hierarchy-row
            work-package="$ctrl.workPackage"
            related-work-package="$ctrl.parent"
            relation-type="parent"></wp-relations-hierarchy-row>
    <wp-relations-hierarchy-row
            work-package="$ctrl.workPackage"
            indent-by="20"></wp-relations-hierarchy-row>
    <wp-relations-hierarchy-row
            work-package="$ctrl.workPackage"
            related-work-package="relatedWorkPackage"
            indent-by="40"
            relation-type="child"
            ng-repeat="relatedWorkPackage in $ctrl.children"></wp-relations-hierarchy-row>

    <wp-relations-create
            fixed-relation-type="children"
            work-package="$ctrl.workPackage"
            template="add-child"
            ng-if="$ctrl.canHaveChildren"></wp-relations-create>
</div>