aboutsummaryrefslogtreecommitdiffstats
path: root/ui/imports/ui/components/tree-node/tree-node.html
blob: 87f5f1e6cbb65f7a8b7376f70135e514067a1735 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!-- 
########################################################################################
# Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others #
#                                                                                      #
# All rights reserved. This program and the accompanying materials                     #
# are made available under the terms of the Apache License, Version 2.0                #
# which accompanies this distribution, and is available at                             #
# http://www.apache.org/licenses/LICENSE-2.0                                           #
########################################################################################
 -->
<template name="TreeNode">
<div class="os-tree-node" style="background-color: {{ calcColor level }};">

  {{#if showDetailsLine }}
  <div class="sm-details-line">
    <div class="sm-node-desc">
      <div class="sm-type-icon">
        {{#if childDetected }}
        <i class="material-icons">class</i>
        {{else }}
        <i class="material-icons">description</i>
        {{/if }}
      </div>
      <div class="sm-space-a"></div>
      <div class="sm-node-name">{{ node.object_name }}</div>
    </div>

    <div class="sm-actions-segment">
      {{#if linkDetected }}
      <div class="sm-link-icon"
        data-toggle="tooltip"
        data-placement="right"
        title="Link to {{ linkRefName }} under zone."
        >
        <i class="fa fa-arrow-right" aria-hidden="true"></i>
      </div>
      {{/if }}

      {{#if childDetected }}
      <div class="sm-node-open-button">
        {{#if isOpen }}
        <i class="fa fa-minus" aria-hidden="true"></i>
        {{else }}
        <i class="fa fa-plus" aria-hidden="true"></i>
        {{/if }}
      </div>
      {{/if }}
    </div>
  </div>
  {{/if }}

  <div class="sm-children-list {{#if isOpen }} cl-opened {{else }} cl-closed {{/if }}">
    {{#each child in children }}
      {{>TreeNode (argsChild child node) }}
    {{/each }}
  </div>
</div>
</template>