walnut_launchpad.html/templates/widgets/filetree.html

88 lines
5.7 KiB
HTML
Raw Normal View History

2017-10-03 22:28:20 +00:00
<div class="text-left" ng-hide="vm.displayFileTree">
2017-09-25 23:15:52 +00:00
<div class="row">
<ul class="breadcrumb">
2017-10-25 20:39:49 +00:00
<li ng-repeat="breadcrumb in vm.breadcrumbs track by $index" ng-click="vm.getDirectoriesFromBreadcrumbs(breadcrumb); vm.closeFileUploadsContainers();" data="{{ breadcrumb }}" class="cp breadcrumbs-list">
2017-10-03 20:49:45 +00:00
{{ breadcrumb | capitalize }}
2017-09-25 23:15:52 +00:00
</li>
</ul>
</div>
<div class="row">
2017-09-28 21:10:50 +00:00
<div class="col-lg-6">
2017-10-05 19:01:05 +00:00
<div class="text-center {{ vm.displaySpinner }}">
<i class="fa fa-spinner fa-spin fa-5x"></i>
</div>
2017-09-28 21:10:50 +00:00
<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 }}" />
2017-10-25 20:39:49 +00:00
<label class="tree_label" for="{{ r.challenge }}{{ $index }}" ng-click="vm.getDirectories(directory); vm.closeFileUploadsContainers();" data="{{ directory }}">{{ directory }}</label><span class="pull-right"><button ng-if="r.shareAccess.write" type="button" class="btn btn-danger btn-xs" ng-click="vm.deleteFilesFrom(r, directory); vm.closeFileUploadsContainers();" data="{{ directory }}" ><i class="fa fa-trash"></i></button></span>
2017-09-28 21:10:50 +00:00
</li>
</ul>
<ul class="tree files-only ls-none">
<li ng-repeat="file in vm.siteFiles track by $index">
2017-10-25 20:39:49 +00:00
<span class="tree_label filez">{{ file }}</span><span class="pull-right"><button ng-if="r.shareAccess.write" type="button" class="btn btn-danger btn-xs" ng-click="vm.deleteFilesFrom(r, file); vm.closeFileUploadsContainers();" data="{{ file }}" ><i class="fa fa-trash"></i></button></span><br>
2017-09-28 21:10:50 +00:00
</li>
</ul>
2017-10-03 16:32:02 +00:00
<div class="folder-actions">
<hr>
2017-10-25 19:46:05 +00:00
<div>
2017-10-16 20:56:35 +00:00
<button ng-if="r.shareAccess.invite" type="button" name="button" class="btn btn-block btn-primary" ng-click="vm.showAction('invite');">Share folder</button>
2017-11-02 23:00:39 +00:00
<button type="button" name="button" class="btn btn-block btn-primary" ng-click="vm.Sites.archive(r)">Download folder</button>
2017-10-03 21:48:18 +00:00
<ul class="ls-none folder-actions-list">
2017-10-26 17:08:34 +00:00
<li ng-if="r.shareAccess.write"><span><i class="fa fa-upload cp"></i> <a ng-click="vm.autoPopulateFolderName(); vm.uploadFileContainer = true; vm.uploadFolderContainer = false; vm.cleanUploads(r);" class="cp">Upload files</a></span></li>
<li ng-if="r.shareAccess.write"><span><i class="fa fa-folder cp"></i> <a ng-click="vm.uploadFolderContainer = true; vm.uploadFileContainer = false; vm.cleanUploads(r);" class="cp">New folder</a></span></li>
2017-11-02 23:00:39 +00:00
<li ng-if="r.shareAccess.write"><span><i class="fa fa-trash cp"></i> <a ng-click="vm.triggerDeleteFolder(vm.currentFolder, r); vm.cleanUploads(r);" data="{{ vm.currentFolder }}" class="cp">Delete {{ vm.currentFolder | capitalize }} folder</a></span></li>
2017-10-03 20:49:45 +00:00
</ul>
</div>
2017-10-03 16:32:02 +00:00
</div>
2017-10-03 20:49:45 +00:00
<div class="upload-container">
2017-10-25 20:39:49 +00:00
<form ng-show="vm.uploadFileContainer">
2017-10-03 21:14:52 +00:00
<hr>
2017-10-03 20:49:45 +00:00
<div>
<input type="file" ng-model="r.newFile" class="form-control" daplie-file-change="vm.Sites.setUpload(r)" />
<div ng-if="r.isZip"><label><input type="checkbox" ng-model="r.unzip" /> Unpack .zip</label></div>
<div ng-if="r.unzip"><label><input type="checkbox" ng-model="r.stripZip" /> Strip zip directory root</label></div>
<div ng-if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng-model="vm.unzipPath" /></div>
<div ng-if="r.uploadTotal"><span ng-bind="r.uploadPercent">99</span>% | <span ng-bind="r.uploadProgress">1</span> MiB / <span ng-bind="r.uploadTotal">100</span> MiB</div>
<input type="text" class="form-control hidden" ng-model="vm.autoPopulateWebPath" placeholder="/js/config/config.js" disabled/>
2017-10-17 22:52:57 +00:00
<button ng-click="vm.Sites.upload(r)" type="button" name="button" class="btn btn-success" >Add File</button>
2017-09-28 23:27:10 +00:00
</div>
2017-10-03 20:49:45 +00:00
</form>
2017-10-25 20:39:49 +00:00
<form class="form-inline" ng-show="vm.uploadFolderContainer">
2017-10-03 20:49:45 +00:00
<hr>
<ul class="ls-none">
<li class="add-folder">
<span>
2017-10-17 22:52:57 +00:00
<i class="fa fa-folder"></i> <input type="text" class="form-control {{ vm.hideFolderInput }}" ng-model="vm.folderName" ng-blur="vm.createNewFolder(r);" style="width: 85%;"/>
<label>{{ vm.autoPopulateWebPath }}</label>
2017-10-03 20:49:45 +00:00
</span>
</li>
<li class="text-center">
2017-10-17 22:52:57 +00:00
<input type="file" ng-model="r.newFile" class="form-control" daplie-file-change="vm.Sites.setUpload(r)" />
2017-10-03 20:49:45 +00:00
<div ng-if="r.isZip"><label><input type="checkbox" ng-model="r.unzip" /> Unpack .zip</label></div>
<div ng-if="r.unzip"><label><input type="checkbox" ng-model="r.stripZip" /> Strip zip directory root</label></div>
<!-- div ng-if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng-model="vm.unzipPath" /></div -->
<div ng-if="r.uploadTotal"><span ng-bind="r.uploadPercent">99</span>% | <span ng-bind="r.uploadProgress">1</span> MiB / <span ng-bind="r.uploadTotal">100</span> MiB</div>
</li>
<li>
2017-10-17 22:52:57 +00:00
<button ng-click="vm.Sites.upload(r)" type="button" name="button" class="btn btn-success">Add File</button>
2017-10-03 20:49:45 +00:00
</li>
</ul>
</form>
2017-09-28 23:27:10 +00:00
</div>
2017-09-28 21:10:50 +00:00
</div>
<div class="col-lg-6">
2017-10-05 19:01:05 +00:00
<pre style="font-size: 10px;">
<div class="text-center {{ vm.displaySpinner }}">
<i class="fa fa-spinner fa-spin fa-5x"></i>
</div>
{{ vm.folderStructure | stringify }}
</pre>
2017-09-25 23:15:52 +00:00
</div>
</div>
2017-09-26 23:25:59 +00:00
<div class="row">
2017-10-03 16:32:02 +00:00
<div class="padding-side-15">
2017-10-17 20:29:24 +00:00
<button ng-if="r.shareAccess.write" type="button" class="btn btn-danger pull-right" ng-click="vm.removeAllFiles(r, opts)"><i class="fa fa-trash"></i> Remove all Files</button>
2017-09-26 23:25:59 +00:00
</div>
</div>
2017-09-25 23:15:52 +00:00
</div>