736 lines
28 KiB
JavaScript
736 lines
28 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
angular.module('Application').controller('SettingsController', ['$scope', '$location', '$rootScope', '$timeout', 'Client', 'AppStore', function ($scope, $location, $rootScope, $timeout, Client, AppStore) {
|
||
|
|
Client.onReady(function () { if (!Client.getUserInfo().admin) $location.path('/'); });
|
||
|
|
|
||
|
|
$scope.client = Client;
|
||
|
|
$scope.user = Client.getUserInfo();
|
||
|
|
$scope.config = Client.getConfig();
|
||
|
|
$scope.backupConfig = {};
|
||
|
|
$scope.appstoreConfig = {};
|
||
|
|
|
||
|
|
$scope.lastBackup = null;
|
||
|
|
$scope.backups = [];
|
||
|
|
|
||
|
|
$scope.currency = null;
|
||
|
|
|
||
|
|
$scope.availableRegions = [];
|
||
|
|
$scope.currentRegionSlug = null;
|
||
|
|
|
||
|
|
$scope.availablePlans = [];
|
||
|
|
$scope.currentPlan = null;
|
||
|
|
|
||
|
|
$scope.currentSubscription = null;
|
||
|
|
|
||
|
|
// List is from http://docs.aws.amazon.com/general/latest/gr/rande.html#s3_region
|
||
|
|
$scope.s3Regions = [
|
||
|
|
{ name: 'Asia Pacific (Mumbai)', value: 'ap-south-1' },
|
||
|
|
{ name: 'Asia Pacific (Seoul)', value: 'ap-northeast-2' },
|
||
|
|
{ name: 'Asia Pacific (Singapore)', value: 'ap-southeast-1' },
|
||
|
|
{ name: 'Asia Pacific (Sydney)', value: 'ap-southeast-2' },
|
||
|
|
{ name: 'Asia Pacific (Tokyo)', value: 'ap-northeast-1' },
|
||
|
|
{ name: 'Canada (Central)', value: 'ca-central-1' },
|
||
|
|
{ name: 'EU (Frankfurt)', value: 'eu-central-1' },
|
||
|
|
{ name: 'EU (Ireland)', value: 'eu-west-1' },
|
||
|
|
{ name: 'EU (London)', value: 'eu-west-2' },
|
||
|
|
{ name: 'South America (São Paulo)', value: 'sa-east-1' },
|
||
|
|
{ name: 'US East (N. Virginia)', value: 'us-east-1' },
|
||
|
|
{ name: 'US East (Ohio)', value: 'us-east-2' },
|
||
|
|
{ name: 'US West (N. California)', value: 'us-west-1' },
|
||
|
|
{ name: 'US West (Oregon)', value: 'us-west-2' },
|
||
|
|
];
|
||
|
|
|
||
|
|
$scope.doSpacesRegions = [
|
||
|
|
{ name: 'AMS3', value: 'https://ams3.digitaloceanspaces.com' },
|
||
|
|
{ name: 'NYC3', value: 'https://nyc3.digitaloceanspaces.com' }
|
||
|
|
];
|
||
|
|
|
||
|
|
$scope.storageProvider = [
|
||
|
|
{ name: 'Amazon S3', value: 's3' },
|
||
|
|
{ name: 'DigitalOcean Spaces', value: 'digitalocean-spaces' },
|
||
|
|
{ name: 'Exoscale SOS', value: 'exoscale-sos' },
|
||
|
|
{ name: 'Filesystem', value: 'filesystem' },
|
||
|
|
{ name: 'Google Cloud Storage', value: 'gcs' },
|
||
|
|
{ name: 'Minio', value: 'minio' },
|
||
|
|
{ name: 'No-op (Only for testing)', value: 'noop' },
|
||
|
|
{ name: 'S3 API Compatible (v4)', value: 's3-v4-compat' },
|
||
|
|
];
|
||
|
|
|
||
|
|
$scope.retentionTimes = [
|
||
|
|
{ name: '2 days', value: 2 * 24 * 60 * 60 },
|
||
|
|
{ name: '1 week', value: 7 * 24 * 60 * 60}, // the default
|
||
|
|
{ name: '1 month', value: 30 * 24 * 60 * 60},
|
||
|
|
{ name: 'Forever', value: -1 }
|
||
|
|
];
|
||
|
|
|
||
|
|
$scope.formats = [
|
||
|
|
{ name: 'Tarball (zipped)', value: 'tgz' },
|
||
|
|
{ name: 'rsync', value: 'rsync' }
|
||
|
|
];
|
||
|
|
|
||
|
|
$scope.planChange = {
|
||
|
|
busy: false,
|
||
|
|
error: {},
|
||
|
|
password: '',
|
||
|
|
requestedPlan: null,
|
||
|
|
|
||
|
|
showChangePlan: function () {
|
||
|
|
$('#planChangeModal').modal('show');
|
||
|
|
},
|
||
|
|
|
||
|
|
planChangeReset: function () {
|
||
|
|
$scope.planChange.error.password = null;
|
||
|
|
$scope.planChange.password = '';
|
||
|
|
|
||
|
|
$scope.planChangeForm.$setPristine();
|
||
|
|
$scope.planChangeForm.$setUntouched();
|
||
|
|
},
|
||
|
|
|
||
|
|
doChangePlan: function () {
|
||
|
|
$scope.planChange.busy = true;
|
||
|
|
|
||
|
|
var options = {
|
||
|
|
size: $scope.planChange.requestedPlan.slug,
|
||
|
|
name: $scope.planChange.requestedPlan.name,
|
||
|
|
price: $scope.planChange.requestedPlan.price,
|
||
|
|
region: $scope.currentRegionSlug
|
||
|
|
};
|
||
|
|
|
||
|
|
Client.changePlan(options, $scope.planChange.password, function (error) {
|
||
|
|
$scope.planChange.busy = false;
|
||
|
|
|
||
|
|
if (error) {
|
||
|
|
if (error.statusCode === 403) {
|
||
|
|
$scope.planChange.error.password = true;
|
||
|
|
$scope.planChange.password = '';
|
||
|
|
$scope.planChangeForm.password.$setPristine();
|
||
|
|
$('#inputPlanChangePassword').focus();
|
||
|
|
} else {
|
||
|
|
console.error('Unable to change plan.', error);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
$scope.planChange.planChangeReset();
|
||
|
|
|
||
|
|
$('#planChangeModal').modal('hide');
|
||
|
|
|
||
|
|
window.location.href = '/update.html';
|
||
|
|
}
|
||
|
|
|
||
|
|
$scope.planChange.busy = false;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$scope.createBackup = {
|
||
|
|
busy: false,
|
||
|
|
percent: 0,
|
||
|
|
message: '',
|
||
|
|
errorMessage: '',
|
||
|
|
result: '',
|
||
|
|
|
||
|
|
updateStatus: function () {
|
||
|
|
Client.progress(function (error, data) {
|
||
|
|
if (error) return window.setTimeout($scope.createBackup.updateStatus, 250);
|
||
|
|
|
||
|
|
// check if we are done
|
||
|
|
if (!data.backup || data.backup.percent >= 100) {
|
||
|
|
if (data.backup && data.backup.message) console.error('Backup message: ' + data.backup.message); // backup error message
|
||
|
|
|
||
|
|
$scope.createBackup.busy = false;
|
||
|
|
$scope.createBackup.message = '';
|
||
|
|
$scope.createBackup.detail = '';
|
||
|
|
$scope.createBackup.percent = 100; // indicates that 'result' is valid
|
||
|
|
$scope.createBackup.result = data.backup ? data.backup.message : null;
|
||
|
|
|
||
|
|
return fetchBackups();
|
||
|
|
}
|
||
|
|
|
||
|
|
$scope.createBackup.busy = true;
|
||
|
|
$scope.createBackup.percent = data.backup.percent;
|
||
|
|
$scope.createBackup.message = data.backup.message;
|
||
|
|
$scope.createBackup.detail = data.backup.detail;
|
||
|
|
window.setTimeout($scope.createBackup.updateStatus, 500);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
doCreateBackup: function () {
|
||
|
|
$scope.createBackup.busy = true;
|
||
|
|
$scope.createBackup.percent = 0;
|
||
|
|
$scope.createBackup.message = '';
|
||
|
|
$scope.createBackup.detail = '';
|
||
|
|
$scope.createBackup.result = '';
|
||
|
|
$scope.createBackup.errorMessage = '';
|
||
|
|
|
||
|
|
Client.backup(function (error) {
|
||
|
|
if (error) {
|
||
|
|
if (error.statusCode === 409 && error.message.indexOf('full_backup') !== -1) {
|
||
|
|
$scope.createBackup.errorMessage = 'Backup already in progress. Please retry later.';
|
||
|
|
} else if (error.statusCode === 409) {
|
||
|
|
$scope.createBackup.errorMessage = 'App task is currently in progress. Please retry later.';
|
||
|
|
} else {
|
||
|
|
console.error(error);
|
||
|
|
$scope.createBackup.errorMessage = error.message;
|
||
|
|
}
|
||
|
|
|
||
|
|
$scope.createBackup.busy = false;
|
||
|
|
$('#createBackupFailedModal').modal('show');
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
$scope.createBackup.updateStatus();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$scope.avatarChange = {
|
||
|
|
busy: false,
|
||
|
|
error: {},
|
||
|
|
avatar: null,
|
||
|
|
availableAvatars: [{
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/avatar_0.png',
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/rubber-duck.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/carrot.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/cup.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/football.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/owl.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/space-rocket.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/armchair.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/cap.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/pan.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/meat.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/umbrella.png'
|
||
|
|
}, {
|
||
|
|
file: null,
|
||
|
|
data: null,
|
||
|
|
url: '/img/avatars/jar.png'
|
||
|
|
}],
|
||
|
|
|
||
|
|
getBlobFromImg: function (img, callback) {
|
||
|
|
var size = 256;
|
||
|
|
|
||
|
|
var canvas = document.createElement('canvas');
|
||
|
|
canvas.width = size;
|
||
|
|
canvas.height = size;
|
||
|
|
|
||
|
|
var imageDimensionRatio = img.width / img.height;
|
||
|
|
var canvasDimensionRatio = canvas.width / canvas.height;
|
||
|
|
var renderableHeight, renderableWidth, xStart, yStart;
|
||
|
|
|
||
|
|
if (imageDimensionRatio > canvasDimensionRatio) {
|
||
|
|
renderableHeight = canvas.height;
|
||
|
|
renderableWidth = img.width * (renderableHeight / img.height);
|
||
|
|
xStart = (canvas.width - renderableWidth) / 2;
|
||
|
|
yStart = 0;
|
||
|
|
} else if (imageDimensionRatio < canvasDimensionRatio) {
|
||
|
|
renderableWidth = canvas.width;
|
||
|
|
renderableHeight = img.height * (renderableWidth / img.width);
|
||
|
|
xStart = 0;
|
||
|
|
yStart = (canvas.height - renderableHeight) / 2;
|
||
|
|
} else {
|
||
|
|
renderableHeight = canvas.height;
|
||
|
|
renderableWidth = canvas.width;
|
||
|
|
xStart = 0;
|
||
|
|
yStart = 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
var ctx = canvas.getContext('2d');
|
||
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||
|
|
ctx.drawImage(img, xStart, yStart, renderableWidth, renderableHeight);
|
||
|
|
|
||
|
|
canvas.toBlob(callback);
|
||
|
|
},
|
||
|
|
|
||
|
|
doChangeAvatar: function () {
|
||
|
|
$scope.avatarChange.error.avatar = null;
|
||
|
|
$scope.avatarChange.busy = true;
|
||
|
|
|
||
|
|
var img = document.getElementById('previewAvatar');
|
||
|
|
$scope.avatarChange.avatar.file = $scope.avatarChange.getBlobFromImg(img, function (blob) {
|
||
|
|
Client.changeCloudronAvatar(blob, function (error) {
|
||
|
|
if (error) {
|
||
|
|
console.error('Unable to change cloudron avatar.', error);
|
||
|
|
} else {
|
||
|
|
Client.resetAvatar();
|
||
|
|
}
|
||
|
|
|
||
|
|
$('#avatarChangeModal').modal('hide');
|
||
|
|
$scope.avatarChange.avatarChangeReset();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
setPreviewAvatar: function (avatar) {
|
||
|
|
$scope.avatarChange.avatar = avatar;
|
||
|
|
},
|
||
|
|
|
||
|
|
avatarChangeReset: function () {
|
||
|
|
$scope.avatarChange.error.avatar = null;
|
||
|
|
$scope.avatarChange.avatar = null;
|
||
|
|
$scope.avatarChange.busy = false;
|
||
|
|
},
|
||
|
|
|
||
|
|
showChangeAvatar: function () {
|
||
|
|
$scope.avatarChange.avatarChangeReset();
|
||
|
|
$('#avatarChangeModal').modal('show');
|
||
|
|
},
|
||
|
|
|
||
|
|
showCustomAvatarSelector: function () {
|
||
|
|
$('#avatarFileInput').click();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$scope.s3like = function (provider) {
|
||
|
|
return provider === 's3' || provider === 'minio' || provider === 's3-v4-compat' || provider === 'exoscale-sos' || provider === 'digitalocean-spaces';
|
||
|
|
};
|
||
|
|
|
||
|
|
function readFileLocally(obj, file, fileName) {
|
||
|
|
return function (event) {
|
||
|
|
$scope.$apply(function () {
|
||
|
|
obj[file] = null;
|
||
|
|
obj[fileName] = event.target.files[0].name;
|
||
|
|
|
||
|
|
var reader = new FileReader();
|
||
|
|
reader.onload = function (result) {
|
||
|
|
if (!result.target || !result.target.result) return console.error('Unable to read local file');
|
||
|
|
obj[file] = result.target.result;
|
||
|
|
};
|
||
|
|
reader.readAsText(event.target.files[0]);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
$scope.configureBackup = {
|
||
|
|
busy: false,
|
||
|
|
error: {},
|
||
|
|
|
||
|
|
provider: '',
|
||
|
|
bucket: '',
|
||
|
|
prefix: '',
|
||
|
|
accessKeyId: '',
|
||
|
|
secretAccessKey: '',
|
||
|
|
gcsKey: { keyFileName: '', content: '' },
|
||
|
|
region: '',
|
||
|
|
endpoint: '',
|
||
|
|
backupFolder: '',
|
||
|
|
retentionSecs: 7 * 24 * 60 * 60,
|
||
|
|
acceptSelfSignedCerts: false,
|
||
|
|
useHardlinks: true,
|
||
|
|
format: 'tgz',
|
||
|
|
|
||
|
|
clearForm: function () {
|
||
|
|
$scope.configureBackup.bucket = '';
|
||
|
|
$scope.configureBackup.prefix = '';
|
||
|
|
$scope.configureBackup.accessKeyId = '';
|
||
|
|
$scope.configureBackup.secretAccessKey = '';
|
||
|
|
$scope.configureBackup.gcsKey.keyFileName = '';
|
||
|
|
$scope.configureBackup.gcsKey.content = '';
|
||
|
|
$scope.configureBackup.endpoint = '';
|
||
|
|
$scope.configureBackup.region = '';
|
||
|
|
$scope.configureBackup.backupFolder = '';
|
||
|
|
$scope.configureBackup.retentionSecs = 7 * 24 * 60 * 60;
|
||
|
|
$scope.configureBackup.format = 'tgz';
|
||
|
|
$scope.configureBackup.acceptSelfSignedCerts = false;
|
||
|
|
$scope.configureBackup.useHardlinks = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
show: function () {
|
||
|
|
$scope.configureBackup.error = {};
|
||
|
|
$scope.configureBackup.busy = false;
|
||
|
|
|
||
|
|
$scope.configureBackup.provider = $scope.backupConfig.provider;
|
||
|
|
$scope.configureBackup.bucket = $scope.backupConfig.bucket;
|
||
|
|
$scope.configureBackup.prefix = $scope.backupConfig.prefix;
|
||
|
|
$scope.configureBackup.region = $scope.backupConfig.region;
|
||
|
|
$scope.configureBackup.accessKeyId = $scope.backupConfig.accessKeyId;
|
||
|
|
$scope.configureBackup.secretAccessKey = $scope.backupConfig.secretAccessKey;
|
||
|
|
if ($scope.backupConfig.provider === 'gcs') {
|
||
|
|
$scope.configureBackup.gcsKey.keyFileName = $scope.backupConfig.credentials.client_email;
|
||
|
|
$scope.configureBackup.gcsKey.content = JSON.stringify({
|
||
|
|
project_id: $scope.backupConfig.projectId,
|
||
|
|
client_email: $scope.backupConfig.credentials.client_email,
|
||
|
|
private_key: $scope.backupConfig.credentials.private_key,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
$scope.configureBackup.endpoint = $scope.backupConfig.endpoint;
|
||
|
|
$scope.configureBackup.key = $scope.backupConfig.key;
|
||
|
|
$scope.configureBackup.backupFolder = $scope.backupConfig.backupFolder;
|
||
|
|
$scope.configureBackup.retentionSecs = $scope.backupConfig.retentionSecs;
|
||
|
|
$scope.configureBackup.format = $scope.backupConfig.format;
|
||
|
|
$scope.configureBackup.acceptSelfSignedCerts = !!$scope.backupConfig.acceptSelfSignedCerts;
|
||
|
|
$scope.configureBackup.useHardlinks = !$scope.backupConfig.noHardlinks;
|
||
|
|
|
||
|
|
$('#configureBackupModal').modal('show');
|
||
|
|
},
|
||
|
|
|
||
|
|
submit: function () {
|
||
|
|
$scope.configureBackup.error = {};
|
||
|
|
$scope.configureBackup.busy = true;
|
||
|
|
|
||
|
|
var backupConfig = {
|
||
|
|
provider: $scope.configureBackup.provider,
|
||
|
|
key: $scope.configureBackup.key,
|
||
|
|
retentionSecs: $scope.configureBackup.retentionSecs,
|
||
|
|
format: $scope.configureBackup.format
|
||
|
|
};
|
||
|
|
|
||
|
|
// only set provider specific fields, this will clear them in the db
|
||
|
|
if ($scope.s3like(backupConfig.provider)) {
|
||
|
|
backupConfig.bucket = $scope.configureBackup.bucket;
|
||
|
|
backupConfig.prefix = $scope.configureBackup.prefix;
|
||
|
|
backupConfig.accessKeyId = $scope.configureBackup.accessKeyId;
|
||
|
|
backupConfig.secretAccessKey = $scope.configureBackup.secretAccessKey;
|
||
|
|
|
||
|
|
if ($scope.configureBackup.endpoint) backupConfig.endpoint = $scope.configureBackup.endpoint;
|
||
|
|
|
||
|
|
if (backupConfig.provider === 's3') {
|
||
|
|
if ($scope.configureBackup.region) backupConfig.region = $scope.configureBackup.region;
|
||
|
|
} else if (backupConfig.provider === 'minio' || backupConfig.provider === 's3-v4-compat') {
|
||
|
|
backupConfig.region = 'us-east-1';
|
||
|
|
backupConfig.acceptSelfSignedCerts = $scope.configureBackup.acceptSelfSignedCerts;
|
||
|
|
} else if (backupConfig.provider === 'exoscale-sos') {
|
||
|
|
backupConfig.endpoint = 'https://sos.exo.io';
|
||
|
|
backupConfig.region = 'us-east-1';
|
||
|
|
backupConfig.signatureVersion = 'v2';
|
||
|
|
} else if (backupConfig.provider === 'digitalocean-spaces') {
|
||
|
|
backupConfig.region = 'us-east-1';
|
||
|
|
}
|
||
|
|
} else if (backupConfig.provider === 'gcs') {
|
||
|
|
backupConfig.bucket = $scope.configureBackup.bucket;
|
||
|
|
backupConfig.prefix = $scope.configureBackup.prefix;
|
||
|
|
try {
|
||
|
|
var serviceAccountKey = JSON.parse($scope.configureBackup.gcsKey.content);
|
||
|
|
backupConfig.projectId = serviceAccountKey.project_id;
|
||
|
|
backupConfig.credentials = {
|
||
|
|
client_email: serviceAccountKey.client_email,
|
||
|
|
private_key: serviceAccountKey.private_key
|
||
|
|
};
|
||
|
|
|
||
|
|
if (!backupConfig.projectId || !backupConfig.credentials || !backupConfig.credentials.client_email || !backupConfig.credentials.private_key) {
|
||
|
|
throw 'fields_missing';
|
||
|
|
}
|
||
|
|
} catch (e) {
|
||
|
|
$scope.configureBackup.error.generic = 'Cannot parse Google Service Account Key: ' + e.message;
|
||
|
|
$scope.configureBackup.error.gcsKeyInput = true;
|
||
|
|
$scope.configureBackup.busy = false;
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
} else if (backupConfig.provider === 'filesystem') {
|
||
|
|
backupConfig.backupFolder = $scope.configureBackup.backupFolder;
|
||
|
|
backupConfig.noHardlinks = !$scope.configureBackup.useHardlinks;
|
||
|
|
}
|
||
|
|
|
||
|
|
Client.setBackupConfig(backupConfig, function (error) {
|
||
|
|
$scope.configureBackup.busy = false;
|
||
|
|
|
||
|
|
if (error) {
|
||
|
|
if (error.statusCode === 402) {
|
||
|
|
$scope.configureBackup.error.generic = error.message;
|
||
|
|
|
||
|
|
if (error.message.indexOf('AWS Access Key Id') !== -1) {
|
||
|
|
$scope.configureBackup.error.accessKeyId = true;
|
||
|
|
$scope.configureBackup.accessKeyId = '';
|
||
|
|
$scope.configureBackupForm.accessKeyId.$setPristine();
|
||
|
|
$('#inputConfigureBackupAccessKeyId').focus();
|
||
|
|
} else if (error.message.indexOf('not match the signature') !== -1 ) {
|
||
|
|
$scope.configureBackup.error.secretAccessKey = true;
|
||
|
|
$scope.configureBackup.secretAccessKey = '';
|
||
|
|
$scope.configureBackupForm.secretAccessKey.$setPristine();
|
||
|
|
$('#inputConfigureBackupSecretAccessKey').focus();
|
||
|
|
} else if (error.message.toLowerCase() === 'access denied') {
|
||
|
|
$scope.configureBackup.error.bucket = true;
|
||
|
|
$scope.configureBackup.bucket = '';
|
||
|
|
$scope.configureBackupForm.bucket.$setPristine();
|
||
|
|
$('#inputConfigureBackupBucket').focus();
|
||
|
|
} else if (error.message.indexOf('ECONNREFUSED') !== -1) {
|
||
|
|
$scope.configureBackup.error.generic = 'Unknown region';
|
||
|
|
$scope.configureBackup.error.region = true;
|
||
|
|
$scope.configureBackupForm.region.$setPristine();
|
||
|
|
$('#inputConfigureBackupRegion').focus();
|
||
|
|
} else if (error.message.toLowerCase() === 'wrong region') {
|
||
|
|
$scope.configureBackup.error.generic = 'Wrong S3 Region';
|
||
|
|
$scope.configureBackup.error.region = true;
|
||
|
|
$scope.configureBackupForm.region.$setPristine();
|
||
|
|
$('#inputConfigureBackupRegion').focus();
|
||
|
|
} else {
|
||
|
|
$('#inputConfigureBackupBucket').focus();
|
||
|
|
}
|
||
|
|
} else if (error.statusCode === 400) {
|
||
|
|
$scope.configureBackup.error.generic = error.message;
|
||
|
|
|
||
|
|
if ($scope.configureBackup.provider === 'filesystem') {
|
||
|
|
$scope.configureBackup.error.backupFolder = true;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
console.error('Unable to change provider.', error);
|
||
|
|
}
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// $scope.configureBackup.reset();
|
||
|
|
$('#configureBackupModal').modal('hide');
|
||
|
|
|
||
|
|
// now refresh the ui
|
||
|
|
Client.refreshConfig();
|
||
|
|
getBackupConfig();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
document.getElementById('gcsKeyFileInput').onchange = readFileLocally($scope.configureBackup.gcsKey, 'content', 'keyFileName');
|
||
|
|
|
||
|
|
$scope.autoUpdate = {
|
||
|
|
busy: false,
|
||
|
|
success: false,
|
||
|
|
error: '',
|
||
|
|
pattern: '',
|
||
|
|
currentPattern: '',
|
||
|
|
|
||
|
|
checkNow: function () {
|
||
|
|
$scope.autoUpdate.busy = true;
|
||
|
|
|
||
|
|
Client.checkForUpdates(function (error) {
|
||
|
|
if (error) $scope.autoUpdate.error = error.message;
|
||
|
|
|
||
|
|
$scope.autoUpdate.busy = false;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
submit: function () {
|
||
|
|
if ($scope.autoUpdate.pattern === $scope.autoUpdate.currentPattern) return;
|
||
|
|
|
||
|
|
$scope.autoUpdate.error = '';
|
||
|
|
$scope.autoUpdate.busy = true;
|
||
|
|
$scope.autoUpdate.success = false;
|
||
|
|
|
||
|
|
Client.setAutoupdatePattern($scope.autoUpdate.pattern, function (error) {
|
||
|
|
if (error) $scope.autoUpdate.error = error.message;
|
||
|
|
else $scope.autoUpdate.currentPattern = $scope.autoUpdate.pattern;
|
||
|
|
|
||
|
|
$scope.autoUpdate.busy = false;
|
||
|
|
$scope.autoUpdate.success = true;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function fetchBackups() {
|
||
|
|
Client.getBackups(function (error, backups) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
$scope.backups = backups;
|
||
|
|
|
||
|
|
if ($scope.backups.length > 0) {
|
||
|
|
$scope.lastBackup = backups[0];
|
||
|
|
} else {
|
||
|
|
$scope.lastBackup = null;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function getBackupConfig() {
|
||
|
|
Client.getBackupConfig(function (error, backupConfig) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
$scope.backupConfig = backupConfig;
|
||
|
|
|
||
|
|
// Check if a proper storage backend is configured. TODO: this check fails if /var/backups is actually external
|
||
|
|
if (backupConfig.provider === 'filesystem' && backupConfig.backupFolder === '/var/backups') {
|
||
|
|
var actionScope = $scope.$new(true);
|
||
|
|
actionScope.action = '/#/settings';
|
||
|
|
|
||
|
|
Client.notify('Backup Configuration', 'Please setup an external backup storage to avoid data loss', false, 'info', actionScope);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function getAutoupdatePattern() {
|
||
|
|
Client.getAutoupdatePattern(function (error, result) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
$scope.autoUpdate.currentPattern = result.pattern;
|
||
|
|
$scope.autoUpdate.pattern = result.pattern;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function getSubscription() {
|
||
|
|
AppStore.getSubscription($scope.appstoreConfig, function (error, result) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
$scope.currentSubscription = result;
|
||
|
|
|
||
|
|
// check again to give more immediate feedback once a subscription was setup
|
||
|
|
if (result.plan.id === 'free') $timeout(getSubscription, 10000);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function getPlans() {
|
||
|
|
AppStore.getSizes(function (error, result) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
var found = false;
|
||
|
|
var SIZE_SLUGS = [ '512mb', '1gb', '2gb', '4gb', '8gb', '16gb', '32gb', '48gb', '64gb' ];
|
||
|
|
result = result.filter(function (size) {
|
||
|
|
// only show plans bigger than the current size
|
||
|
|
if (found) return true;
|
||
|
|
found = SIZE_SLUGS.indexOf(size.slug) > SIZE_SLUGS.indexOf($scope.config.plan.slug);
|
||
|
|
return found;
|
||
|
|
});
|
||
|
|
angular.copy(result, $scope.availablePlans);
|
||
|
|
|
||
|
|
// prepend the current plan
|
||
|
|
$scope.availablePlans.unshift($scope.config.plan);
|
||
|
|
|
||
|
|
$scope.planChange.requestedPlan = $scope.availablePlans[0]; // need the reference to preselect
|
||
|
|
|
||
|
|
AppStore.getRegions(function (error, result) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
angular.copy(result, $scope.availableRegions);
|
||
|
|
|
||
|
|
$scope.currentRegionSlug = $scope.config.region;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$('#avatarFileInput').get(0).onchange = function (event) {
|
||
|
|
var fr = new FileReader();
|
||
|
|
fr.onload = function () {
|
||
|
|
$scope.$apply(function () {
|
||
|
|
var tmp = {
|
||
|
|
file: event.target.files[0],
|
||
|
|
data: fr.result,
|
||
|
|
url: null
|
||
|
|
};
|
||
|
|
|
||
|
|
$scope.avatarChange.availableAvatars.push(tmp);
|
||
|
|
$scope.avatarChange.setPreviewAvatar(tmp);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
fr.readAsDataURL(event.target.files[0]);
|
||
|
|
};
|
||
|
|
|
||
|
|
$scope.cloudronNameChange = {
|
||
|
|
busy: false,
|
||
|
|
error: {},
|
||
|
|
name: '',
|
||
|
|
|
||
|
|
reset: function () {
|
||
|
|
$scope.cloudronNameChange.busy = false;
|
||
|
|
$scope.cloudronNameChange.error.name = null;
|
||
|
|
$scope.cloudronNameChange.name = '';
|
||
|
|
|
||
|
|
$scope.cloudronNameChangeForm.$setUntouched();
|
||
|
|
$scope.cloudronNameChangeForm.$setPristine();
|
||
|
|
},
|
||
|
|
|
||
|
|
show: function () {
|
||
|
|
$scope.cloudronNameChange.reset();
|
||
|
|
$scope.cloudronNameChange.name = $scope.config.cloudronName;
|
||
|
|
$('#cloudronNameChangeModal').modal('show');
|
||
|
|
},
|
||
|
|
|
||
|
|
submit: function () {
|
||
|
|
$scope.cloudronNameChange.error.name = null;
|
||
|
|
$scope.cloudronNameChange.busy = true;
|
||
|
|
|
||
|
|
Client.changeCloudronName($scope.cloudronNameChange.name, function (error) {
|
||
|
|
$scope.cloudronNameChange.busy = false;
|
||
|
|
|
||
|
|
if (error) {
|
||
|
|
if (error.statusCode === 400) {
|
||
|
|
$scope.cloudronNameChange.error.name = 'Invalid name';
|
||
|
|
$scope.cloudronNameChange.name = '';
|
||
|
|
$('#inputCloudronName').focus();
|
||
|
|
$scope.cloudronNameChangeForm.password.$setPristine();
|
||
|
|
} else {
|
||
|
|
console.error('Unable to change name.', error);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$scope.cloudronNameChange.reset();
|
||
|
|
$('#cloudronNameChangeModal').modal('hide');
|
||
|
|
|
||
|
|
Client.refreshConfig();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
Client.onReady(function () {
|
||
|
|
fetchBackups();
|
||
|
|
getBackupConfig();
|
||
|
|
getAutoupdatePattern();
|
||
|
|
|
||
|
|
// show backup status
|
||
|
|
$scope.createBackup.updateStatus();
|
||
|
|
|
||
|
|
if ($scope.config.provider === 'caas') {
|
||
|
|
getPlans();
|
||
|
|
|
||
|
|
$scope.currentPlan = $scope.config.plan;
|
||
|
|
$scope.currency = $scope.config.currency === 'eur' ? '€' : '$';
|
||
|
|
} else {
|
||
|
|
Client.getAppstoreConfig(function (error, result) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
if (result.token) {
|
||
|
|
$scope.appstoreConfig = result;
|
||
|
|
|
||
|
|
AppStore.getProfile(result.token, function (error, result) {
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
$scope.appstoreConfig.profile = result;
|
||
|
|
|
||
|
|
getSubscription();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// setup all the dialog focus handling
|
||
|
|
['planChangeModal', 'appstoreLoginModal', 'cloudronNameChangeModal', 'configureBackupModal'].forEach(function (id) {
|
||
|
|
$('#' + id).on('shown.bs.modal', function () {
|
||
|
|
$(this).find("[autofocus]:first").focus();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.modal-backdrop').remove();
|
||
|
|
}]);
|