mirror of https://github.com/Squidex/squidex.git
Sebastian
7 years ago
27 changed files with 435 additions and 309 deletions
@ -0,0 +1,62 @@ |
|||||
|
// ==========================================================================
|
||||
|
// Squidex Headless CMS
|
||||
|
// ==========================================================================
|
||||
|
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
||||
|
// All rights reserved. Licensed under the MIT license.
|
||||
|
// ==========================================================================
|
||||
|
|
||||
|
using System; |
||||
|
using System.Threading.Tasks; |
||||
|
using Squidex.Infrastructure.Assets; |
||||
|
using Squidex.Infrastructure.Log; |
||||
|
|
||||
|
namespace Squidex.Domain.Apps.Entities.Backup.Helpers |
||||
|
{ |
||||
|
public static class Safe |
||||
|
{ |
||||
|
public static async Task DeleteAsync(IBackupArchiveLocation backupArchiveLocation, Guid id, ISemanticLog log) |
||||
|
{ |
||||
|
try |
||||
|
{ |
||||
|
await backupArchiveLocation.DeleteArchiveAsync(id); |
||||
|
} |
||||
|
catch (Exception ex) |
||||
|
{ |
||||
|
log.LogError(ex, w => w |
||||
|
.WriteProperty("action", "deleteArchive") |
||||
|
.WriteProperty("status", "failed") |
||||
|
.WriteProperty("operationId", id.ToString())); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
public static async Task DeleteAsync(IAssetStore assetStore, Guid id, ISemanticLog log) |
||||
|
{ |
||||
|
try |
||||
|
{ |
||||
|
await assetStore.DeleteAsync(id.ToString(), 0, null); |
||||
|
} |
||||
|
catch (Exception ex) |
||||
|
{ |
||||
|
log.LogError(ex, w => w |
||||
|
.WriteProperty("action", "deleteBackup") |
||||
|
.WriteProperty("status", "failed") |
||||
|
.WriteProperty("operationId", id.ToString())); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
public static async Task CleanupRestoreAsync(BackupHandler handler, Guid appId, Guid id, ISemanticLog log) |
||||
|
{ |
||||
|
try |
||||
|
{ |
||||
|
await handler.CleanupRestoreAsync(appId); |
||||
|
} |
||||
|
catch (Exception ex) |
||||
|
{ |
||||
|
log.LogError(ex, w => w |
||||
|
.WriteProperty("action", "cleanupRestore") |
||||
|
.WriteProperty("status", "failed") |
||||
|
.WriteProperty("operationId", id.ToString())); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,55 @@ |
|||||
|
<sqx-title message="Restore Backup"></sqx-title> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<ng-container *ngIf="restoreJob; let job"> |
||||
|
<div class="card section"> |
||||
|
<div class="card-header"> |
||||
|
<div class="row no-gutters"> |
||||
|
<div class="col col-auto pr-2"> |
||||
|
<div *ngIf="job.status === 'Started'" class="restore-status restore-status-pending spin"> |
||||
|
<i class="icon-hour-glass"></i> |
||||
|
</div> |
||||
|
<div *ngIf="job.status === 'Failed'" class="restore-status restore-status-failed"> |
||||
|
<i class="icon-exclamation"></i> |
||||
|
</div> |
||||
|
<div *ngIf="job.status === 'Completed'" class="restore-status restore-status-success"> |
||||
|
<i class="icon-checkmark"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col"> |
||||
|
<h3>Last Restore Operation</h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="card-body"> |
||||
|
<div *ngFor="let row of job.log"> |
||||
|
{{row}} |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="card-footer"> |
||||
|
<div class="row"> |
||||
|
<div class="col"> |
||||
|
Started: {{job.started | sqxISODate}} |
||||
|
</div> |
||||
|
<div class="col text-right" *ngIf="job.stopped"> |
||||
|
Stopped: {{job.stopped | sqxISODate}} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</ng-container> |
||||
|
|
||||
|
<div class="table-items-row"> |
||||
|
<form [formGroup]="restoreForm.form" (submit)="restore()"> |
||||
|
<div class="row no-gutters"> |
||||
|
<div class="col"> |
||||
|
<input class="form-control" name="url" formControlName="url" placeholder="Url to backup" /> |
||||
|
</div> |
||||
|
<div class="col col-auto pl-1"> |
||||
|
<button type="submit" class="btn btn-success" [disabled]="restoreForm.hasNoUrl | async">Restore Backup</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,59 @@ |
|||||
|
@import '_vars'; |
||||
|
@import '_mixins'; |
||||
|
|
||||
|
$circle-size: 2rem; |
||||
|
|
||||
|
h3 { |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.section { |
||||
|
margin-bottom: .8rem; |
||||
|
} |
||||
|
|
||||
|
.container { |
||||
|
padding-top: 2rem; |
||||
|
} |
||||
|
|
||||
|
.card { |
||||
|
&-header { |
||||
|
h3 { |
||||
|
line-height: $circle-size; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
&-body { |
||||
|
font-family: monospace; |
||||
|
background: $color-border; |
||||
|
max-height: 400px; |
||||
|
min-height: 300px; |
||||
|
overflow-y: scroll; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.restore { |
||||
|
&-status { |
||||
|
& { |
||||
|
@include circle($circle-size); |
||||
|
line-height: $circle-size + .1rem; |
||||
|
text-align: center; |
||||
|
font-size: .6 * $circle-size; |
||||
|
font-weight: normal; |
||||
|
background: $color-border; |
||||
|
color: $color-dark-foreground; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
&-pending { |
||||
|
color: inherit; |
||||
|
} |
||||
|
|
||||
|
&-failed { |
||||
|
background: $color-theme-error; |
||||
|
} |
||||
|
|
||||
|
&-success { |
||||
|
background: $color-theme-green; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,66 @@ |
|||||
|
/* |
||||
|
* Squidex Headless CMS |
||||
|
* |
||||
|
* @license |
||||
|
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. |
||||
|
*/ |
||||
|
|
||||
|
import { Component, OnDestroy, OnInit } from '@angular/core'; |
||||
|
import { FormBuilder } from '@angular/forms'; |
||||
|
import { Subscription, timer } from 'rxjs'; |
||||
|
import { switchMap } from 'rxjs/operators'; |
||||
|
|
||||
|
import { |
||||
|
AuthService, |
||||
|
BackupsService, |
||||
|
DialogService, |
||||
|
RestoreDto, |
||||
|
RestoreForm |
||||
|
} from '@app/shared'; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'sqx-restore-page', |
||||
|
styleUrls: ['./restore-page.component.scss'], |
||||
|
templateUrl: './restore-page.component.html' |
||||
|
}) |
||||
|
export class RestorePageComponent implements OnDestroy, OnInit { |
||||
|
private timerSubscription: Subscription; |
||||
|
|
||||
|
public restoreJob: RestoreDto | null; |
||||
|
public restoreForm = new RestoreForm(this.formBuilder); |
||||
|
|
||||
|
constructor( |
||||
|
public readonly authState: AuthService, |
||||
|
private readonly backupsService: BackupsService, |
||||
|
private readonly dialogs: DialogService, |
||||
|
private readonly formBuilder: FormBuilder |
||||
|
) { |
||||
|
} |
||||
|
|
||||
|
public ngOnDestroy() { |
||||
|
this.timerSubscription.unsubscribe(); |
||||
|
} |
||||
|
|
||||
|
public ngOnInit() { |
||||
|
this.timerSubscription = |
||||
|
timer(0, 1000).pipe(switchMap(() => this.backupsService.getRestore())) |
||||
|
.subscribe(dto => { |
||||
|
this.restoreJob = dto; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
public restore() { |
||||
|
const value = this.restoreForm.submit(); |
||||
|
|
||||
|
if (value) { |
||||
|
this.restoreForm.submitCompleted({}); |
||||
|
|
||||
|
this.backupsService.postRestore(value.url) |
||||
|
.subscribe(() => { |
||||
|
this.dialogs.notifyInfo('Restore started, it can take several minutes to complete.'); |
||||
|
}, error => { |
||||
|
this.dialogs.notifyError(error); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue