<div ng-controller="Umbraco.Overlays.SectionPickerController as vm">

    <umb-load-indicator
        ng-if="vm.loading">
    </umb-load-indicator>

    <div ng-if="!vm.loading">

        <ul class="umb-tree">
            <li ng-repeat="section in vm.sections">
                <div style="padding: 5px 10px;" ng-class="{'umb-tree-node-checked': section.selected }">
                    <a href="" ng-click="vm.selectSection(section)">
                        <div style="position: relative; overflow: initial;">
                            <i class="icon umb-tree-icon {{section.icon}}"></i>
                        </div>
                        <span>{{ section.name }}</span>
                    </a>
                </div>
            </li>
        </ul>

    </div>

</div>