walnut_launchpad.html/templates/widgets/filetree.html

<div class="text-left">
  <div class="row">
    <ul class="breadcrumb">
      <li ng-repeat="breadcrumb in vm.breadcrumbs track by $index">
        <a ng-click="vm.doSomething(breadcrumb)" data="{{ breadcrumb }}">{{ breadcrumb }}</a>
        <!-- <li class="active">Data</li> -->
      </li>
    </ul>
  </div>
  <div class="row">
    <ul class="tree ls-none">
      <li class="directories-go-here" ng-repeat="directory in vm.siteDirectories track by $index">
        <input type="checkbox" id="{{ r.challenge }}{{ $index }}" />
        <label class="tree_label" for="{{ r.challenge }}{{ $index }}" ng-click="vm.getDirectories(directory)" data="{{ directory }}">{{ directory }}</label>
      </li>
    </ul>
    <ul class="tree ls-none">
      <li ng-repeat="file in vm.siteFiles track by $index">
        <span class="tree_label">{{ file }}</span>
      </li>
    </ul>
  </div>
  <hr>
  <div class="row">
    <div class="col-lg-12">
      <pre style="font-size: 10px;">{{ vm.folderStructure | stringify }}</pre>
    </div>
  </div>
</div>