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" ng-click="vm.getDirectoriesFromBreadcrumbs(breadcrumb)" data="{{ breadcrumb }}" class="cp breadcrumbs-list">
        {{ breadcrumb }}
      </li>
    </ul>
  </div>
  <div class="row">
    <div class="col-lg-6">
      <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 files-only ls-none">
        <li ng-repeat="file in vm.siteFiles track by $index">
          <span class="tree_label filez">{{ file }}</span><span class="pull-right"><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash"></i></button></span>
        </li>
        <li class="move-back">
          <a><i class="fa fa-plus"></i> Add Files</a>
        </li>
      </ul>
      <hr>
      <h1>ADD UPLOAD STUFF HERE</h1>
    </div>
    <div class="col-lg-6">
      <pre style="font-size: 10px;">{{ vm.folderStructure | stringify }}</pre>
    </div>
  </div>
  <div class="row">
    <div class="text-center">
      <button type="button" class="btn btn-danger" ng-click="vm.Sites.remove(r)"><i class="fa fa-trash"></i> Remove all Files</button>
    </div>
  </div>
</div>