safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-09 22:51:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

GUAC-1172: Implement navigation via breadcrumbs - no more tree.

Browse Source
This commit is contained in:
Michael Jumper
2015-07-01 15:47:01 -07:00
parent c673de30e1
commit 149fba6737
8 changed files with 131 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
guacamole/src/main/webapp/app/client/templates/client.html
View File

@@ -174,6 +174,12 @@
<button class="back" ng-click="hideFilesystemMenu()">Back</button>
</div>
<!-- Breadcrumbs -->
<div class="header breadcrumbs" ng-show="getPath(filesystemMenuContents.currentDirectory).length">
<div class="breadcrumb" ng-repeat="file in getPath(filesystemMenuContents.currentDirectory)"
ng-click="changeDirectory(filesystemMenuContents, file)">{{file.name}}</div>
</div>
<!-- Scrollable body -->
<div class="menu-body">
<guac-file-browser client="client" filesystem="filesystemMenuContents"></guac-file-browser>

27
guacamole/src/main/webapp/app/client/templates/guacFileBrowser.html
View File

@@ -32,27 +32,32 @@
</div>
<!-- Directory -->
<div class="directory" ng-show="isDirectory(file)" ng-class="{expanded: file.expanded}">
<div class="caption" ng-click="toggleExpanded(file)">
<div class="directory" ng-show="isDirectory(file)">
<div class="caption" ng-click="changeDirectory(file)">
<div class="icon"></div>
{{file.name}}
</div>
<!-- Children of this directory -->
<div class="children">
<div class="list-item"
ng-repeat="file in file.files | orderBy : 'name'"
ng-include="'file.html'">
</div>
</div>
</script>
<!-- Root directory contents -->
<!-- Current directory contents -->
<div class="filesystem-root">
<!-- Parent directory -->
<div class="list-item" ng-show="filesystem.currentDirectory.parent">
<div class="directory previous">
<div class="caption" ng-click="changeDirectory(filesystem.currentDirectory.parent)">
<div class="icon"></div> ..
</div>
</div>
</div>
<!-- All other files -->
<div class="list-item"
ng-repeat="file in filesystem.root.files | orderBy : 'name'"
ng-repeat="file in filesystem.currentDirectory.files | orderBy : 'name'"
ng-include="'file.html'"></div>
</div>
</div>