acha-framework
Version:
is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...
145 lines • 8.59 kB
HTML
<div class="af-toolbar content-nav">
<div class="navbar navbar-default content-nav-navbar">
<div class="navbar-header">
<a data-toggle="collapse"
data-target="#navbar-collapse-2"
class="navbar-toggle collapsed">
<div class="icon"></div>
</a>
<a ng-if="::vm.dataSource.title"
href="javascript:void(0)" class="navbar-brand">
{{vm.dataSource.title}}
</a>
<a ng-if="::vm.dataSource.titleTranslate"
href="javascript:void(0)" class="navbar-brand">
{{vm.dataSource.titleTranslate | translate}}
</a>
</div>
<div id="navbar-collapse-2" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li ng-repeat="menu in vm.dataSource.menus"
class="dropdown content-nav-navbar-fw">
<a href="javascript:void(0)"
data-toggle="dropdown"
class="dropdown-toggle">
<span ng-if="::menu.title">{{:: menu.title}}</span>
<span ng-if="::menu.titleTranslate">
{{:: menu.titleTranslate | translate}}
</span>
<i class="dropdown-caret pe-7s-angle-down"></i>
</a>
<ul class="dropdown-menu">
<li>
<div class="content-nav-navbar-content p-b-0">
<ul ng-if="::(menu.type === 'thumbnail')"
class="thumbnail-links row">
<li ng-repeat="thumbnail in menu.thumbnails"
class="col-sm-4">
<a ng-if="::thumbnail.href" href="{{::thumbnail.href}}">
<i class="{{::thumbnail.icon}}"></i>
<div ng-if="::thumbnail.title" class="link-title">
{{::thumbnail.title}}
</div>
<div ng-if="::thumbnail.titleTranslate" class="link-title">
{{::thumbnail.titleTranslate | translate}}
</div>
<p>{{::thumbnail.description}}</p>
</a>
<a ng-if="::!thumbnail.href"
ng-click="vm.onAction(thumbnail)"
href="javascript:void(0)">
<i class="{{::thumbnail.icon}}"></i>
<div ng-if="::thumbnail.title" class="link-title">
{{::thumbnail.title}}
</div>
<div ng-if="::thumbnail.titleTranslate" class="link-title">
{{::thumbnail.titleTranslate | translate}}
</div>
<p>{{::thumbnail.description}}</p>
</a>
</li>
</ul>
<ul ng-if="::(menu.type === 'categories')"
class="categories-links row">
<li ng-repeat="cat in menu.categories" class="col-sm-4">
<div ng-if="::cat.title" class="category-title">
{{::cat.title}}
</div>
<div ng-if="::cat.titleTranslate" class="category-title">
{{::cat.titleTranslate | translate}}
</div>
<ul>
<li ng-repeat="item in cat.items">
<a ng-if="::item.href" href="{{::item.href}}">
<i class="{{::item.icon}}"></i>
<span ng-if="::item.title">
{{::item.title}}
</span>
<span ng-if="::item.titleTranslate">
{{::item.titleTranslate|translate}}
</span>
</a>
<a ng-if="::!item.href"
href="javascript:void(0)"
ng-click="vm.onAction(item)">
<i class="{{::item.icon}}"></i>
<span ng-if="::item.title">
{{::item.title}}
</span>
<span ng-if="::item.titleTranslate">
{{::item.titleTranslate|translate}}
</span>
</a>
</li>
</ul>
</li>
</ul>
<ul ng-if="::(menu.type === 'gallery')"
class="gallery-links row">
<li ng-repeat="item in menu.gallery" class="col-sm-3">
<a ng-if="::item.href" href="{{::item.href}}">
<img ng-src="{{::item.image}}"
alt="{{::item.title}}"/>
<div class="link-title">{{::item.title}}</div>
<p>{{::item.description}}</p>
</a>
<a ng-if="::!item.href"
ng-click="vm.onAction(item)"
href="javascript:void(0)">
<img ng-src="{{::item.image}}"
alt="{{::item.title}}"/>
<div class="link-title">{{::item.title}}</div>
<p>{{::item.description}}</p>
</a>
</li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
<ul ng-if="vm.dataSource.actions.length"
class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="javascript:void(0)"
data-toggle="dropdown"
class="dropdown-toggle">
<span ng-if="::vm.dataSource.actionsTitle">
{{::vm.dataSource.actionsTitle}}
</span>
<span ng-if="::vm.dataSource.actionsTitleTranslate">
{{::vm.dataSource.actionsTitleTranslate | translate}}
</span>
<i class="dropdown-caret pe-7s-angle-down"></i>
</a>
<ul class="dropdown-menu">
<li ng-repeat="action in vm.dataSource.actions"
class="{{::action.cssClass}}"
ng-bind-html="action.content|to_trusted_html">
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>