Files
Umbraco-CMS/src/Umbraco.Web.UI.Client/src/views/components/tree/umb-tree.html
Tiffany 4dbd7de0d6 Tree Roots are H1
(cherry picked from commit 105670dcc1)
2022-12-14 13:34:17 +01:00

80 lines
3.6 KiB
HTML

<ul class="umb-tree" ng-class="{'hide-options': hideoptions === 'true'}">
<li ng-if="!tree.root.containsGroups">
<div class="umb-tree-root" data-element="tree-root" ng-class="getNodeCssClass(tree.root)" ng-if="hideheader !== 'true'" on-right-click="altSelect(tree.root, $event)">
<h1>
<a ng-href="#/{{section}}" ng-click="select(tree.root, $event)" class="umb-tree-root-link umb-outline" data-element="tree-root-link">
<umb-icon icon="icon-check"
class="umb-tree-icon"
ng-class="selectEnabledNodeClass(tree.root)"
ng-if="enablecheckboxes === 'true'">
</umb-icon>
{{tree.name}}
</a>
</h1>
<umb-button-ellipsis element="tree-item-options"
action="options(tree.root, $event)"
text="Open context node for {{tree.name}}"
state="hidden"
class="umb-options"
ng-hide="tree.root.isContainer || !tree.root.menuUrl"
ng-swipe-right="options(tree.root, $event)">
</umb-button-ellipsis>
</div>
<ul ng-if="tree.root.children.length > 0">
<umb-tree-item class="umb-animated"
ng-repeat="child in tree.root.children"
enablelistviewexpand="{{enablelistviewexpand}}"
node="child"
current-node="currentNode"
tree="this"
is-dialog="isdialog"
section="{{section}}">
</umb-tree-item>
</ul>
</li>
<!-- REPEAT for each group in the tree -->
<li ng-if="tree.root.containsGroups"
ng-repeat="group in tree.root.children">
<div class="umb-tree-root" data-element="tree-root" ng-class="getNodeCssClass(group)" ng-hide="hideheader === 'true'" on-right-click="altSelect(group, $event)">
<h1>
<a ng-href="#/{{section}}" ng-click="select(group, $event)" class="umb-tree-root-link umb-outline" data-element="tree-root-link">
<umb-icon icon="icon-check"
class="umb-tree-icon"
ng-class="selectEnabledNodeClass(group)"
ng-if="enablecheckboxes === 'true'">
</umb-icon>
{{group.name}}
</a>
</h1>
<umb-button-ellipsis element="tree-item-options"
action="options(group, $event)"
text="Open context node for {{group.name}}"
state="hidden"
class="umb-options"
ng-hide="group.isContainer || !group.menuUrl"
ng-swipe-right="options(group, $event)">
</umb-button-ellipsis>
</div>
<ul ng-if="group.children.length > 0">
<umb-tree-item class="umb-animated"
ng-repeat="child in group.children"
enablelistviewexpand="{{enablelistviewexpand}}"
node="child"
current-node="currentNode"
tree="this"
is-dialog="isdialog"
section="{{section}}">
</umb-tree-item>
</ul>
</li>
<!-- END REPEAT -->
</ul>