Project

General

Profile

1
<ul class="uk-nav uk-nav-default sidebar uk-overflow-auto uk-margin-left uk-margin-large-top" style="max-height: 85vh">
2
  <li class="uk-nav-header" *ngFor="let menu of menuItems" [class.uk-active]="isTheActiveMenu(menu.rootItem.route, menu.rootItem.params)">
3
    <a *ngIf="menu.rootItem.route && menu.rootItem.route != ''"
4
       [routerLink]="menu.rootItem.route"  class="uk-link"  [queryParams]=menu.rootItem.params>
5
      <span><span class="uk-margin-small-right uk-icon" [attr.uk-icon]=menu.ukIcon></span> {{menu.rootItem.title}}</span>
6
    </a>
7
    <a *ngIf="(!menu.rootItem.route || menu.rootItem.route == '') && (menu.rootItem.url && menu.rootItem.url != '')"
8
       [href]="menu.rootItem.url"  class="uk-link" target="_blank">
9
      <span><span class="uk-margin-small-right uk-icon" [attr.uk-icon]=menu.ukIcon></span> {{menu.rootItem.title}}</span>
10
    </a>
11
    <span *ngIf="!menu.rootItem.route || menu.rootItem.route == ''"><span class="uk-margin-small-right uk-icon" [attr.uk-icon]=menu.ukIcon></span> {{menu.rootItem.title}}</span>
12
    <ul *ngIf="menu.items.length > 0" class="uk-nav-sub uk-margin-left">
13
      <li *ngFor="let item of menu.items" [class.uk-active]="isTheActiveMenu(item.rootItem.route, item.rootItem.params)">
14
        <a *ngIf="item.rootItem.route && item.rootItem.route != ''" [routerLink]="item.rootItem.route"  class="uk-link"  [queryParams]=item.rootItem.params>
15
          <span>{{item.rootItem.title}}</span>
16
        </a>
17
        <a *ngIf="(!item.rootItem.route || item.rootItem.route == '') && (item.rootItem.url && item.rootItem.url != '')"
18
           [href]="item.rootItem.url"  class="uk-link" target="_blank">
19
          <span>{{item.rootItem.title}}</span>
20
        </a>
21
        <ul *ngIf="item.items.length > 0" class="uk-nav-sub uk-margin-left">
22
          <li *ngFor="let subItem of item.items" [class.uk-active]="isTheActiveMenu(subItem.route, subItem.params)">
23
            <a *ngIf="subItem.route && subItem.route != ''" [routerLink]="subItem.route"  class="uk-link" [queryParams]=subItem.params>
24
              <span>{{subItem.title}}</span>
25
            </a>
26
            <a *ngIf="(!subItem.route || subItem.route == '') && (subItem.url && subItem.url != '')"
27
               [href]="subItem.url"   class="uk-link" target="_blank">
28
              <span>{{subItem.title}}</span>
29
            </a>
30
            <span *ngIf="!subItem.route || subItem.route == ''">{{subItem.title}}</span>
31
          </li>
32
        </ul>
33
      </li>
34
    </ul>
35
  </li>
36
</ul>
(1-1/3)