owl-bt/src/client/components/sidePanel/sidePanel.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="side-panel" ng-class="{'side-panel--collapsed' : !isExpanded}">
  <div class="side-panel_expand" ng-click="expand(true)">
    <span class="side-panel_expand-icon fa" ng-class="{'fa-angle-right' : isLeft, 'fa-angle-left' : !isLeft}"></span>
  </div>
  <h2 class="side-panel_title" ng-click="expand(false)">{{title}}
    <span class="side-panel_hide fa" ng-class="{'fa-angle-left' : isLeft, 'fa-angle-right' : !isLeft}"></span>
  </h2>
  <div class="side-panel_body-wrap">
    <div ng-scrollbars class="side-panel_body">
      <ng-transclude></ng-transclude>
    </div>
  </div>
</div>