<nav
  class="navigator"
  ng-class="{
    open: vm.navOpen,
    minheight: !vm.rootNodes().length,
    'nav-hidden-on-startup': vm.navHiddenOnStartup
  }"
>
  <header class="title">
    <div class="tenant-brand"></div>
    <c8y-app-icon app="vm.app"></c8y-app-icon>
    <span>{{ vm.app | humanizeAppName }}</span>
  </header>

  <div class="navigatorContent" ng-show="vm.showNavigator()">
    <c8y-ui-navigator-node
      node="vm.rootNode"
      is-root="true"
      visibility-check="vm.showNode"
    ></c8y-ui-navigator-node>
  </div>

  <div class="powered-by" ng-if="!vm.hidePowered">
    <button
      class="btn-clean"
      type="button"
      aria-label="backend: {{ vm.backendVersion }} , ui: {{ vm.uiVersion }}"
      uib-tooltip="backend: {{ vm.backendVersion }} , ui: {{ vm.uiVersion }}"
      tooltip-popup-delay="500"
      tooltip-append-to-body="true"
    >
      powered by Cumulocity
    </button>
  </div>
</nav>
