acha-framework/src/frontend/core/scripts/directives/crumb-nav/template.html

is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...

<div ng-show="visible" class="af-crumb-nav clearfix {{::cssClass}}">
    <div ng-click="vm.onRoot()" class="parent-button-container">
        <a href="javascript:void(0)">
            <i class="af-icon af-icon-hdd"></i>
        </a>
        <div class="show-sub-folders">
            <i class="af-icon af-icon-chevron_{{::vm.rtl ? 'left':'right'}}"></i>
        </div>
    </div>
    <div class="path-inner-container">
        <div class="slide-handler left-slide-handler"
             ng-click="vm.scrollRight()">
            <i class="fa fa-chevron-right"></i>
        </div>
        <div class="slide-handler right-slide-handler"
        ng-click="vm.scrollLeft()">
            <i class="fa fa-chevron-left"></i>
        </div>
        <ul class="root-folders clearfix">
            <li ng-repeat="item in model" class="root-folder open">
                <a href="javascript:void(0)" ng-click="vm.onAction(item)" >
                    <i ng-if="::item.icon" class="{{::$eval(item.icon)}}"></i>
                    <span>{{::item.title|textOrTranslate:item.titleTranslate}}</span>
                </a>
                <div ng-if="::!$last" class="show-sub-folders" ng-click="vm.onExpand(item, $event)">
                    <i class="af-icon af-icon-chevron_{{::vm.rtl ? 'left':'right'}}"></i>
                    <ul ng-if="item.items.length&&item.expand" class="sub-folders">
                        <li ng-repeat="sub in item.items">
                            <a ng-click="vm.onAction(sub)"
                               href="javascript:void(0)">
                                <i ng-if="::sub.icon" class="{{::$eval(sub.icon)}}"></i>
                                <span>{{::sub.title|textOrTranslate:sub.titleTranslate}}</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <div class="refresh-button-container">
        <button ng-disabled="waiting" ng-click="vm.refresh()">
            <i class="af-icon af-icon-refresh"></i>
        </button>
    </div>
</div>