jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add migration confirm dialog

Browse Source
This commit is contained in:
Johannes Zellner
2015-06-09 16:59:16 +02:00
parent 4c55b67fe0
commit bb46e780f0
2 changed files with 37 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webadmin/src/views/upgrade.html
+22 -12
View File
@@ -1,3 +1,21 @@
<!-- Modal migrate -->
<div class="modal fade" id="migrationModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Migrate your Cloudron</h4>
</div>
<div class="modal-body">
Do you really want to migrate your Cloudron?<br/>
Your Cloudron will have a downtime of around 10 minutes, where none of you apps will be reachable.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" ng-click="doMigration()" ng-disabled="migration.busy"><i class="fa fa-spinner fa-pulse" ng-show="migration.busy"></i> Migrate</button>
</div>
</div>
</div>
</div>
<div style="max-width: 600px; margin: 0 auto;" ng-show="user.admin">
<div class="text-left">
@@ -16,7 +34,7 @@
<span class="text-muted">Size:</span>
</div>
<div class="col-xs-6 text-right">
<span>...</span>
<span>{{currentSize}}</span>
</div>
</div>
<div class="row">
@@ -24,15 +42,7 @@
<span class="text-muted">Region:</span>
</div>
<div class="col-xs-6 text-right">
<span>...</span>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<span class="text-muted">Zone:</span>
</div>
<div class="col-xs-6 text-right">
<span>...</span>
<span>{{currentRegion}}</span>
</div>
</div>
</div>
@@ -43,12 +53,12 @@
</div>
<div class="col-xs-3 text-right">
<select class="form-control" id="sizeSlug" ng-model="appMigrate.sizeSlug">
<select class="form-control" id="sizeSlug" ng-model="migration.sizeSlug">
<option value="{{size.slug}}" ng-repeat="size in availableSizes">{{size.name}}</option>
</select>
</div>
<div class="col-xs-3 text-right">
<button class="btn btn-outline btn-primary" ng-click="showMigrateConfirm()">Migrate</button>
<button class="btn btn-outline btn-primary" ng-click="showMigrationConfirm()">Migrate</button>
</div>
</div>
</div>
webadmin/src/views/upgrade.js
+15 -2
View File
@@ -6,16 +6,29 @@ angular.module('Application').controller('UpgradeController', ['$scope', '$locat
$scope.user = Client.getUserInfo();
$scope.config = Client.getConfig();
$scope.availableSizes = [];
$scope.currentSize = 'small';
$scope.currentRegion = 'sfo';
$scope.appMigrate = {
$scope.migration = {
sizeSlug: 'small'
};
$scope.showMigrationConfirm = function () {
$('#migrationModal').modal('show');
};
$scope.doMigration = function () {
Client.migrate($scope.migration.sizeSlug, function (error) {
if (error) return console.error(error);
$('#migrationModal').modal('hide');
});
};
Client.onReady(function () {
AppStore.getSizes(function (error, result) {
if (error) return console.error(error);
angular.copy(result, $scope.availableSizes);
$scope.appMigrate.sizeSlug = $scope.availableSizes[0].slug;
$scope.migration.sizeSlug = $scope.availableSizes[0].slug;
});
});
}]);