| Radek Krejci | a133960 | 2017-11-02 13:52:38 +0100 | [diff] [blame] | 1 | <ng-container *ngFor="let node of treeData"> |
| 2 | <div class="subtree" *ngIf="node['info']['config'] || activeSession.statusVisibility" [class.status]="!node['info']['config']"> |
| 3 | <div class="node"> |
| 4 | <ng-container *ngFor="let indent of indentation"> |
| 5 | <img *ngIf="!indent" class="indentation" src="assets/netopeer/icons/tree_cont.svg"/> |
| 6 | <img *ngIf="indent" class="indentation" src="assets/netopeer/icons/tree_empty.svg"/> |
| 7 | </ng-container> |
| 8 | <img *ngIf="node['last']" class="indentation" src="assets/netopeer/icons/tree_last_branch.svg"/> |
| 9 | <img *ngIf="!node['last']" class="indentation" src="assets/netopeer/icons/tree_branch.svg"/> |
| 10 | <ng-container [ngSwitch]="node['info']['type']"> |
| 11 | <img *ngSwitchCase="1" class="icon" src="assets/netopeer/icons/container.svg" alt="container" title="container"/> |
| 12 | <img *ngSwitchCase="4" class="icon" src="assets/netopeer/icons/leaf.svg" alt="leaf" title="leaf"/> |
| 13 | <img *ngSwitchCase="8" class="icon" src="assets/netopeer/icons/leaflist.svg" alt="leaf-list" title="leaf-list"/> |
| 14 | <img *ngSwitchCase="16" class="icon" src="assets/netopeer/icons/container.svg" alt="list" title="list"/> |
| 15 | <img *ngSwitchCase="32800" class="icon" src="assets/netopeer/icons/anydata.svg" alt="anydata" title="anydata"/> |
| 16 | </ng-container> |
| 17 | <img class="icon" src="assets/netopeer/icons/info.svg" |
| 18 | onmouseover="this.src='assets/netopeer/icons/info_active.svg'" |
| 19 | onmouseout="this.src='assets/netopeer/icons/info.svg'" alt="info" title="{{node['info']['dsc']}}"/> |
| 20 | <ng-container *ngIf="expandable(node)"> |
| Radek Krejci | 77f7720 | 2017-11-03 15:33:50 +0100 | [diff] [blame] | 21 | <img *ngIf="hasHiddenChild(node)" (click)="expand(node, true)" |
| Radek Krejci | a133960 | 2017-11-02 13:52:38 +0100 | [diff] [blame] | 22 | class="icon_action" src="assets/netopeer/icons/show_all.svg" |
| 23 | onmouseover="this.src='assets/netopeer/icons/show_all_active.svg'" |
| 24 | onmouseout="this.src='assets/netopeer/icons/show_all.svg'" alt="show-all" title="expand subtree"/> |
| Radek Krejci | 77f7720 | 2017-11-03 15:33:50 +0100 | [diff] [blame] | 25 | <img *ngIf="!node['children']" (click)="expand(node, false)" |
| Radek Krejci | a133960 | 2017-11-02 13:52:38 +0100 | [diff] [blame] | 26 | class="icon_action" src="assets/netopeer/icons/show_children.svg" |
| 27 | onmouseover="this.src='assets/netopeer/icons/show_children_active.svg'" |
| 28 | onmouseout="this.src='assets/netopeer/icons/show_children.svg'" alt="show-children" title="expand children"/> |
| 29 | <img *ngIf="node['children']" (click)="collapse(node)" |
| 30 | class="icon_action" src="assets/netopeer/icons/collapse.svg" alt="collapse" title="collapse" |
| 31 | onmouseover="this.src='assets/netopeer/icons/collapse_active.svg'" |
| 32 | onmouseout="this.src='assets/netopeer/icons/collapse.svg'"/> |
| 33 | </ng-container> |
| 34 | <div>{{node['info']['name']}}</div> |
| 35 | <ng-container *ngIf="node['value']"> |
| 36 | :<div class="value" >{{node['value']}}</div> |
| 37 | </ng-container> |
| 38 | <div class="module_name">{{node['info']['module']}}</div> |
| 39 | </div> |
| 40 | <div class="children" *ngIf="node['children']"> |
| 41 | <tree-view [treeData]="node['children']" [indentation]="inheritIndentation(node)"></tree-view> |
| 42 | </div> |
| 43 | </div> |
| 44 | </ng-container> |