walnut_launchpad.html/templates/widgets/filetree.html

54 lines
2.0 KiB
HTML

<div class="text-left">
<div class="row">
<ul class="breadcrumb">
<li ng-repeat="breadcrumb in vm.breadcrumbs">
<a>{{ 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.doSomething(directory)" data="{{ directory }}">{{ directory }}</label>
</li>
<hr>
<li>
<input type="checkbox" id="{{ r.challenge }}" />
<label class="tree_label" for="{{ r.challenge }}">Level 0</label>
<ul class="ls-none">
<li>
<input type="checkbox" id="{{ r.challenge }}1" />
<label for="{{ r.challenge }}1" class="tree_label">Level 1</label>
<ul class="ls-none">
<li><span class="tree_label">Level 2</span></li>
<li><span class="tree_label">Level 2</span></li>
</ul>
</li>
<li>
<input type="checkbox" id="{{ r.challenge }}2" />
<label for="{{ r.challenge }}2" class="tree_label">Looong level 1 <br/>label text <br/>with line-breaks</label>
<ul class="ls-none">
<li><span class="tree_label">Level 2</span></li>
<li>
<input type="checkbox" id="{{ r.challenge }}3" />
<label for="{{ r.challenge }}3" class="tree_label"><span class="tree_custom">Specified tree item view</span></label>
<ul class="ls-none">
<li><span class="tree_label">Level 3</span></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<pre style="font-size: 10px;">{{ vm.folderStructure | stringify }}</pre>
</div>
</div>
</div>