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

GUAC-1293: Focus files on click. Download or change directory on double-click.

Browse Source
This commit is contained in:
Michael Jumper
2015-08-13 11:57:52 -07:00
parent 169be87239
commit 56d35a84d8
3 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guacamole/src/main/webapp/app/client/directives/guacFileBrowser.js
View File

@@ -145,7 +145,7 @@ angular.module('client').directive('guacFileBrowser', [function guacFileBrowser(
// Change current directory when directories are clicked
if ($scope.isDirectory(file)) {
element.addClass('directory');
element.on('click', function changeDirectory() {
element.on('dblclick', function changeDirectory() {
$scope.changeDirectory(file);
});
}
@@ -153,11 +153,17 @@ angular.module('client').directive('guacFileBrowser', [function guacFileBrowser(
// Initiate downloads when normal files are clicked
else if ($scope.isNormalFile(file)) {
element.addClass('normal-file');
element.on('click', function downloadFile() {
element.on('dblclick', function downloadFile() {
$scope.downloadFile(file);
});
}
// Mark file as focused upon click
element.on('click', function focusFile() {
element.parent().children().removeClass('focused');
element.addClass('focused');
});
return element;
};

6
guacamole/src/main/webapp/app/client/styles/file-browser.css
View File

@@ -29,6 +29,12 @@
.file-browser .list-item .caption {
white-space: nowrap;
border: 1px solid transparent;
}
.file-browser .list-item.focused .caption {
border: 1px dotted rgba(0, 0, 0, 0.5);
background: rgba(204, 221, 170, 0.5);
}
/* Directory / file icons */

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

@@ -23,7 +23,7 @@
<!-- Parent directory -->
<div class="list-item directory previous" ng-show="filesystem.currentDirectory.parent">
<div class="caption" ng-click="changeDirectory(filesystem.currentDirectory.parent)">
<div class="caption" ng-dblclick="changeDirectory(filesystem.currentDirectory.parent)">
<div class="icon"></div>..
</div>
</div>