owl-bt/src/client/components/sidePanel/sidePanel.directive.js

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.

(function () {
  'use strict';
  angular.module('editorApp')
    .directive('sidePanel', function (_) {
      return {
        template: require('.//sidePanel.html'),
        restrict: 'E',
        replace: true,
        transclude: true,
        scope: {
          title: '@',
          name: '@',
          position: '@',
        },
        link: (scope) => {
          const expandStorageKey = `panel-expand-${scope.name}`;
          scope.isExpanded = localStorage.getItem(expandStorageKey);
          if (_.isNil(scope.isExpanded)) {
            scope.isExpanded = true;
          } else {
            scope.isExpanded = scope.isExpanded === 'true';
          }

          scope.isLeft = scope.position === 'left';

          scope.expand = expand => {
            scope.isExpanded = expand;
            localStorage.setItem(expandStorageKey, scope.isExpanded);
          }
        }
      };
    });
})();