Added resize handles to path browsers

Duplicati/Server/webroot/ngax/index.html

@@ -7,8 +7,9 @@
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">    
 
-    <link rel="stylesheet" href="styles/styles2.css">
-    <link rel="stylesheet" href="styles/style.css">
+	<link rel="stylesheet" type="text/css" href="styles/smoothness/jquery-ui.min.css">
+    <link rel="stylesheet" type="text/css" href="styles/styles2.css">
+    <link rel="stylesheet" type="text/css" href="styles/style.css">
     <link rel="stylesheet" type="text/css" href="styles/oem.css" />
     <link rel="stylesheet" type="text/css" href="../customized/customized.css" />
 
@@ -16,7 +17,8 @@
     <script type="text/javascript" src="scripts/libs/cryptojs.js"></script>
     <script type="text/javascript" src="scripts/libs/zxcvbn.js"></script>
 
-    <!-- <script type="text/javascript" src="scripts/libs/jquery.min.js"></script> -->
+    <script type="text/javascript" src="scripts/libs/jquery.min.js"></script>
+    <script type="text/javascript" src="scripts/libs/jquery-ui.min.js"></script>
 
     <script type="text/javascript" src="scripts/angular/angular.min.js"></script>
     <script type="text/javascript" src="scripts/angular/angular-route.min.js"></script>

Duplicati/Server/webroot/ngax/styles/styles2.css

@@ -241,11 +241,12 @@
 }
 
 .step2 source-folder-picker, #folder_path_picker, #restore_file_picker {
-  max-height: 200px;
   overflow: auto;
   display: block;
   border: 1px solid lightgray;
-  padding: 2px
+  padding: 2px;
+  height: 100%;
+  overflow: auto;
 }
 
 .step1 li.strength.score-0 {
@@ -573,3 +574,11 @@ ul.notification {
 .notification .warning .title, .notification .warning .content, .notification .warning .button {
   border-color: orange;
 }
+
+.filepicker {
+  height: 200px;
+}
+
+.resizable {
+  margin-bottom: 6px;
+}

Duplicati/Server/webroot/ngax/templates/addoredit.html

@@ -1,3 +1,5 @@
+<script>$(function() { $( ".resizable" ).resizable(); });</script>
+
 <div class="add" ng-controller="EditBackupController">
     <div class="steps">
         <div class="step step1" ng-class="{active: CurrentStep == 0}" ng-click="CurrentStep = 0">
@@ -94,7 +96,9 @@
                     <a href ng-hide="EditSourceAdvanced" ng-click="showhiddenfolders = !showhiddenfolders" style="float: right; margin-right: 10px;">{{showhiddenfolders ? 'Hide' : 'Show'}} hidden folders</a>
                 </div>
 
-                <source-folder-picker ng-show-hidden="showhiddenfolders" ng-sources="Backup.Sources" ng-filters="Backup.Filters" ng-hide="EditSourceAdvanced"></source-folder-picker>
+                <div class="resizable filepicker">
+                    <source-folder-picker ng-show-hidden="showhiddenfolders" ng-sources="Backup.Sources" ng-filters="Backup.Filters" ng-hide="EditSourceAdvanced"></source-folder-picker>
+                </div>
 
                 <div class="input textarea" ng-show="EditSourceAdvanced">
                     <label for="SourcePathList">Source folders</label>

Duplicati/Server/webroot/ngax/templates/backends/file.html

@@ -1,3 +1,5 @@
+<script>$(function() { $( ".resizable" ).resizable(); });</script>
+
 <div ng-init="HideFolderBrowser = ($parent.Path || '') != ''"></div>
 
 <div ng-show="HideFolderBrowser" class="input text overlayButton multiple" style="max-width: none">
@@ -15,7 +17,9 @@
     </div>
 	
     <label for="folder_path_picker">Folder path</label>
-	<destination-folder-picker style="float: left; width: 440px; max-height: " id="folder_path_picker" ng-model="$parent.Path" ng-show-hidden="ShowHiddenFolders" ng-hide-user-node="true"></destination-folder-picker>
+    <div class="resizable filepicker">
+	   <destination-folder-picker style="float: left; width: 440px; max-height: " id="folder_path_picker" ng-model="$parent.Path" ng-show-hidden="ShowHiddenFolders" ng-hide-user-node="true"></destination-folder-picker>
+   </div>
 </div>
 
 <div class="input text">

Duplicati/Server/webroot/ngax/templates/restore.html

@@ -1,3 +1,5 @@
+<script>$(function() { $( ".resizable" ).resizable(); });</script>
+
 <div class="restore" ng-controller="RestoreController">
     <form id="restore" class="styled">
 
@@ -17,8 +19,9 @@
                 <a href id="searchfiltersubmit" class="button" ng-click="doSearch()" ng-cancelsearch="clearSearch()" ng-enabled="!Searching">{{ Searching ? 'Busy...' : 'Search' }}</a>
             </div>
 
-            <restore-file-picker id="restore_file_picker" ng-sources="Paths" ng-backup-id="BackupID" ng-timestamp="filesetStamps[RestoreVersion + '']" treedata="treedata" ng-selected="Selected" ng-search-filter="SearchFilter" ng-search-mode="InSearchMode">
-            </restore-file-picker>
+            <div class="resizable filepicker">
+                <restore-file-picker id="restore_file_picker" ng-sources="Paths" ng-backup-id="BackupID" ng-timestamp="filesetStamps[RestoreVersion + '']" treedata="treedata" ng-selected="Selected" ng-search-filter="SearchFilter" ng-search-mode="InSearchMode"></restore-file-picker>
+            </div>
             <!-- <div ng-repeat="value in Selected" >{{value}}</div> -->
             <div class="buttons">
                 <a href class="submit" ng-click="onClickNext()">Continue</a>
@@ -55,7 +58,9 @@
                 </div>
                 
                 <label for="folder_path_picker">Folder path</label>
-                <destination-folder-picker style="float: left; width: 440px; max-height: " id="folder_path_picker" ng-model="RestorePath" ng-show-hidden="ShowHiddenFolders" ng-hide-user-node="false"></destination-folder-picker>
+                <div class="resizable filepicker" style="clear: both;">
+                    <destination-folder-picker id="folder_path_picker" ng-model="RestorePath" ng-show-hidden="ShowHiddenFolders" ng-hide-user-node="false"></destination-folder-picker>
+                </div>
             </div>
 
             <h2>How do you want to handle existing files?</h2>