diff options
Diffstat (limited to 'ui/imports/ui/components/tree-node/tree-node.html')
| -rw-r--r-- | ui/imports/ui/components/tree-node/tree-node.html | 58 |
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> |