From 169be87239e4a20999a418178afedaf99fb796f0 Mon Sep 17 00:00:00 2001 From: Michael Jumper Date: Thu, 13 Aug 2015 11:23:47 -0700 Subject: [PATCH 01/11] GUAC-1293: Display file transfer dialog in front of file browser / guac menu. --- .../main/webapp/app/client/styles/file-transfer-dialog.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/guacamole/src/main/webapp/app/client/styles/file-transfer-dialog.css b/guacamole/src/main/webapp/app/client/styles/file-transfer-dialog.css index 52c00d65c..5f7d594fa 100644 --- a/guacamole/src/main/webapp/app/client/styles/file-transfer-dialog.css +++ b/guacamole/src/main/webapp/app/client/styles/file-transfer-dialog.css @@ -25,6 +25,7 @@ position: absolute; right: 0; bottom: 0; + z-index: 20; font-size: 0.8em; padding: 0.5em; @@ -35,6 +36,6 @@ } #file-transfer-dialog .transfer-manager { - border: 1px solid rgba(0, 0, 0, 0.125); - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125); + border: 1px solid rgba(0, 0, 0, 0.5); + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); } From 56d35a84d83aaab1d8f48231406f469bd7dea5cb Mon Sep 17 00:00:00 2001 From: Michael Jumper Date: Thu, 13 Aug 2015 11:57:52 -0700 Subject: [PATCH 02/11] GUAC-1293: Focus files on click. Download or change directory on double-click. --- .../webapp/app/client/directives/guacFileBrowser.js | 10 ++++++++-- .../src/main/webapp/app/client/styles/file-browser.css | 6 ++++++ .../webapp/app/client/templates/guacFileBrowser.html | 2 +- 3 files changed, 15 insertions(+), 3 deletions(-) diff --git a/guacamole/src/main/webapp/app/client/directives/guacFileBrowser.js b/guacamole/src/main/webapp/app/client/directives/guacFileBrowser.js index d612dfdfc..bd68211b4 100644 --- a/guacamole/src/main/webapp/app/client/directives/guacFileBrowser.js +++ b/guacamole/src/main/webapp/app/client/directives/guacFileBrowser.js @@ -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; }; diff --git a/guacamole/src/main/webapp/app/client/styles/file-browser.css b/guacamole/src/main/webapp/app/client/styles/file-browser.css index 73fce34ad..602f4069c 100644 --- a/guacamole/src/main/webapp/app/client/styles/file-browser.css +++ b/guacamole/src/main/webapp/app/client/styles/file-browser.css @@ -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 */ diff --git a/guacamole/src/main/webapp/app/client/templates/guacFileBrowser.html b/guacamole/src/main/webapp/app/client/templates/guacFileBrowser.html index 196a18dcd..57b4967e1 100644 --- a/guacamole/src/main/webapp/app/client/templates/guacFileBrowser.html +++ b/guacamole/src/main/webapp/app/client/templates/guacFileBrowser.html @@ -23,7 +23,7 @@