Work on the restore UI
This commit is contained in:
Kenneth Skovhede
@@ -3,8 +3,190 @@ backupApp.controller('RestoreController', function ($scope, $routeParams, $locat
|
||||
$scope.SystemInfo = SystemInfo.watch($scope);
|
||||
$scope.AppUtils = AppUtils;
|
||||
|
||||
$scope.restore_step = 0;
|
||||
$scope.connecting = false;
|
||||
$scope.isTemporaryBackup = true;
|
||||
|
||||
$scope.TargetURL = 'file:///Users/kenneth/Udvikler/duplicati-git/Duplicati/GUI/Duplicati.GUI.TrayIcon/bin/Debug/testtarget';
|
||||
|
||||
var filesetsBuilt = {};
|
||||
var filesetsRepaired = {};
|
||||
var filesetStamps = {};
|
||||
var inProgress = {};
|
||||
|
||||
function createGroupLabel(dt) {
|
||||
var dateStamp = function(a) { return a.getFullYear() * 10000 + a.getMonth() * 100 + a.getDate(); }
|
||||
|
||||
var now = new Date();
|
||||
var today = dateStamp(now);
|
||||
var yesterday = dateStamp(new Date(new Date().setDate(now.getDate() - 1)));
|
||||
var week = dateStamp(new Date(new Date().setDate(now.getDate() - 7)));
|
||||
var thismonth = dateStamp(new Date(new Date().setMonth(now.getMonth() - 1)));
|
||||
var lastmonth = dateStamp(new Date(new Date().setMonth(now.getMonth() - 2)));
|
||||
|
||||
var dateBuckets = [
|
||||
{text:'Today', stamp: today},
|
||||
{text: 'Yesterday', stamp: yesterday},
|
||||
{text: 'This week', stamp: week},
|
||||
{text: 'This month', stamp: thismonth},
|
||||
{text: 'Last month', stamp: lastmonth}
|
||||
];
|
||||
|
||||
var stamp = dateStamp(dt);
|
||||
|
||||
for(var t in dateBuckets)
|
||||
if (stamp >= dateBuckets[t].stamp)
|
||||
return dateBuckets[t].text;
|
||||
|
||||
return dt.getFullYear() + '';
|
||||
};
|
||||
|
||||
$scope.HideEditUri = function() {
|
||||
$scope.EditUriState = false;
|
||||
};
|
||||
|
||||
$scope.doConnect = function() {
|
||||
$scope.connecting = true;
|
||||
$scope.ConnectionProgress = 'Registering temporary backup ...';
|
||||
|
||||
var opts = {};
|
||||
var obj = {'Backup': {'TargetURL': $scope.TargetURL } };
|
||||
|
||||
if (($scope.EncryptionPassphrase || '') == '')
|
||||
opts['--no-encryption'] = 'true';
|
||||
else
|
||||
opts['passphrase'] = $scope.EncryptionPassphrase;
|
||||
|
||||
if (!AppUtils.parse_extra_options($scope.ExtendedOptions, opts))
|
||||
return false;
|
||||
|
||||
obj.Backup.Settings = [];
|
||||
for(var k in opts) {
|
||||
obj.Backup.Settings.push({
|
||||
Name: k,
|
||||
Value: opts[k]
|
||||
});
|
||||
}
|
||||
|
||||
AppService.post('/backups?temporary=true', obj, {'headers': {'Content-Type': 'application/json'}}).then(
|
||||
function(resp) {
|
||||
$scope.ConnectionProgress = 'Listing backup dates ...';
|
||||
$scope.BackupID = resp.data.ID;
|
||||
$scope.fetchBackupTimes();
|
||||
}, function(resp) {
|
||||
var message = resp.statusText;
|
||||
if (resp.data != null && resp.data.Message != null)
|
||||
message = resp.data.Message;
|
||||
|
||||
$scope.connecting = false;
|
||||
$scope.ConnectionProgress = '';
|
||||
alert('Failed to connect: ' + message);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
$scope.fetchBackupTimes = function() {
|
||||
AppService.get('/backup/' + $scope.BackupID + '/filesets').then(
|
||||
function(resp) {
|
||||
$scope.Filesets = resp.data;
|
||||
|
||||
filesetStamps = {};
|
||||
|
||||
for(var n in $scope.Filesets) {
|
||||
var item = $scope.Filesets[n];
|
||||
item.DisplayLabel = item.Version + ': ' + AppUtils.toDisplayDateAndTime(AppUtils.parseDate(item.Time));
|
||||
item.GroupLabel = n == 0 ? 'Latests' : createGroupLabel(AppUtils.parseDate(item.Time));
|
||||
|
||||
filesetStamps[item.Version + ''] = item.Time;
|
||||
}
|
||||
|
||||
$scope.RestoreVersion = 0;
|
||||
$scope.restore_step = 1;
|
||||
$scope.connecting = false;
|
||||
$scope.ConnectionProgress = '';
|
||||
|
||||
$scope.fetchPathInformation();
|
||||
},
|
||||
|
||||
function(resp) {
|
||||
var message = resp.statusText;
|
||||
if (resp.data != null && resp.data.Message != null)
|
||||
message = resp.data.Message;
|
||||
|
||||
$scope.connecting = false;
|
||||
$scope.ConnectionProgress = '';
|
||||
alert('Failed to connect: ' + message);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
$scope.fetchPathInformation = function() {
|
||||
var version = $scope.RestoreVersion + '';
|
||||
|
||||
if (inProgress[version] || $scope.restore_step != 1)
|
||||
return;
|
||||
|
||||
if (filesetsBuilt[version] == null) {
|
||||
if ($scope.isTemporaryBackup && filesetsRepaired[version] == null) {
|
||||
$scope.connecting = true;
|
||||
$scope.ConnectionProgress = 'Fetching path information ...';
|
||||
inProgress[version] = true;
|
||||
|
||||
AppService.post('/backup/' + $scope.BackupID + '/repairupdate', { 'only-paths': true, 'version': version}).then(
|
||||
function(resp) {
|
||||
delete inProgress[version];
|
||||
$scope.connecting = false;
|
||||
$scope.ConnectionProgress = '';
|
||||
|
||||
filesetsRepaired[version] = true;
|
||||
$scope.fetchPathInformation();
|
||||
},
|
||||
function(resp) {
|
||||
delete inProgress[version];
|
||||
|
||||
var message = resp.statusText;
|
||||
if (resp.data != null && resp.data.Message != null)
|
||||
message = resp.data.Message;
|
||||
|
||||
$scope.connecting = false;
|
||||
$scope.ConnectionProgress = '';
|
||||
alert('Failed to connect: ' + message);
|
||||
}
|
||||
);
|
||||
|
||||
} else {
|
||||
var stamp = filesetStamps[version];
|
||||
$scope.connecting = true;
|
||||
$scope.ConnectionProgress = 'Fetching path information ...';
|
||||
inProgress[version] = true;
|
||||
|
||||
AppService.get('/backup/' + $scope.BackupID + '/files/*?prefix-only=true&folder-contents=false&time=' + encodeURIComponent(stamp)).then(
|
||||
function(resp) {
|
||||
delete inProgress[version];
|
||||
$scope.connecting = false;
|
||||
$scope.ConnectionProgress = '';
|
||||
|
||||
filesetsBuilt[version] = resp.data;
|
||||
$scope.Paths = filesetsBuilt[version];
|
||||
},
|
||||
function(resp) {
|
||||
delete inProgress[version];
|
||||
var message = resp.statusText;
|
||||
if (resp.data != null && resp.data.Message != null)
|
||||
message = resp.data.Message;
|
||||
|
||||
$scope.connecting = false;
|
||||
$scope.ConnectionProgress = '';
|
||||
alert('Failed to connect: ' + message);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
} else {
|
||||
$scope.Paths = filesetsBuilt[version];
|
||||
}
|
||||
};
|
||||
|
||||
$scope.$watch('RestoreVersion', function() { $scope.fetchPathInformation(); });
|
||||
|
||||
});
|
||||
@@ -1,25 +1,49 @@
|
||||
<div class="restore" ng-controller="RestoreController">
|
||||
<form id="restore" class="styled">
|
||||
<backup-edit-uri uri="TargetURL" hide="HideEditUri" ng-show="EditUriState"></backup-edit-uri>
|
||||
<div ng-show="restore_step == 0">
|
||||
<backup-edit-uri uri="TargetURL" hide="HideEditUri" ng-show="EditUriState"></backup-edit-uri>
|
||||
|
||||
<div ng-hide="EditUriState">
|
||||
<h1>Restore files</h1>
|
||||
<div class="input textarea linklabel">
|
||||
<label for="target"><a href class="target" ng-click="EditUriState = true">Connect to ></a></label>
|
||||
<textarea name="target" id="target" ng-model="TargetURL" placeholder="Enter a url, or click the 'Connect to>' link"></textarea>
|
||||
<div ng-hide="EditUriState">
|
||||
<h1>Restore files</h1>
|
||||
<div class="input textarea linklabel">
|
||||
<label for="target"><a href class="target" ng-click="EditUriState = true">Connect to ></a></label>
|
||||
<textarea name="target" id="target" ng-model="TargetURL" placeholder="Enter a url, or click the 'Connect to>' link"></textarea>
|
||||
</div>
|
||||
<div class="input password">
|
||||
<label for="password">Passphrase</label>
|
||||
<input type="password" id="password" name="password" ng-model="EncryptionPassphrase" placeholder="Enter backup passphrase, if any" />
|
||||
</div>
|
||||
<div class="input textarea">
|
||||
<label for="options">Advanced Options<span class="info">i</span></label>
|
||||
<textarea id="options" name="options" ng-model="ExtendedOptions" placeholder="Enter one option per line in command-line format, eg. --prefix=backup"></textarea>
|
||||
</div>
|
||||
<div class="buttons" ng-hide="connecting">
|
||||
<a href="#" id="cancel" class="submit">Cancel</a>
|
||||
<input type="button" id="save" class="submit" value="Connect" ng-click="doConnect()" />
|
||||
</div>
|
||||
<div ng-show="connecting">
|
||||
{{ConnectionProgress}}
|
||||
</div>
|
||||
<div class="input password">
|
||||
<label for="password">Passphrase</label>
|
||||
<input type="password" id="password" name="password" placeholder="Enter backup passphrase, if any" />
|
||||
</div>
|
||||
<div class="input textarea">
|
||||
<label for="options">Advanced Options<span class="info">i</span></label>
|
||||
<textarea id="options" name="options" placeholder="Enter one option per line in command-line format, eg. --prefix=backup"></textarea>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a href="#" id="cancel" class="submit">Cancel</a>
|
||||
<input type="button" id="save" class="submit" value="Connect" />
|
||||
</div>
|
||||
|
||||
<div ng-show="restore_step == 1">
|
||||
<h1>Restore files</h1>
|
||||
<div class="input timestamp">
|
||||
<label for="restoreversion">Restore from</label>
|
||||
|
||||
<select name="restoreversion" id="restoreversion" ng-model="RestoreVersion" ng-options="fs.Version as fs.DisplayLabel group by fs.GroupLabel for fs in Filesets | orderBy: ['Version']">
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div ng-show="restore_step == 2">
|
||||
</div>
|
||||
|
||||
<div ng-show="restore_step == 3">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user