owl-bt/src/client/app/tree/treeItemPalette/treeItemPalette.html

owl-bt is editor for Behavior trees. It has been inspired by Unreal engine behavior trees in a way, that it supports special node items like decorators and services. This makes trees smaller and much more readable.

<div class="tree-item-palette">
  <ul ng-show="hasSelectedNode" class="tree-item-palette_groups">
    <tree-item-palette-group ng-show="selNodeIsComposite" type="node" default-color="#d08038" title="Composite Nodes" filter="compositeNodes(items)"></tree-item-palette-group>
    <tree-item-palette-group ng-show="selNodeIsComposite" type="node" default-color="#955cc6" title="Action Nodes" filter="actionNodes(items)"></tree-item-palette-group>
    <tree-item-palette-group type="service" default-color="#5cc690" title="Services"></tree-item-palette-group>
    <tree-item-palette-group type="decorator" default-color="#5c90c6" title="Decorators"></tree-item-palette-group>
  </ul>
  <div ng-show="!hasSelectedNode" class="tree-item-palette_no-sel">
    Select a node in the tree view
  </div>
</div>