aboutsummaryrefslogtreecommitdiffstats
path: root/ui/imports/ui/components/tree-node/tree-node.html
diff options
context:
space:
mode:
authorKoren Lev <korenlev@gmail.com>2017-07-27 16:42:15 +0300
committerKoren Lev <korenlev@gmail.com>2017-07-27 16:42:15 +0300
commitb88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 (patch)
treeffa30a6e1511d72562d8772b8700cda52b2752a1 /ui/imports/ui/components/tree-node/tree-node.html
parentb70483739d1f6f4f0d31987ed2e4d1e30d71d579 (diff)
adding calipso ui
Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4 Signed-off-by: Koren Lev <korenlev@gmail.com>
Diffstat (limited to 'ui/imports/ui/components/tree-node/tree-node.html')
-rw-r--r--ui/imports/ui/components/tree-node/tree-node.html58
1 files changed, 58 insertions, 0 deletions
diff --git a/ui/imports/ui/components/tree-node/tree-node.html b/ui/imports/ui/components/tree-node/tree-node.html
new file mode 100644
index 0000000..87f5f1e
--- /dev/null
+++ b/ui/imports/ui/components/tree-node/tree-node.html
@@ -0,0 +1,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>