Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-30 12:11:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: add backups info

Browse Source
This commit is contained in:
waterplea
2024-05-14 11:34:14 +01:00
parent 7e1b433c17
commit 70dc53bda7
8 changed files with 156 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/startos/bindings/PackageDataEntry.ts
View File

@@ -16,6 +16,7 @@ export type PackageDataEntry = {
developerKey: string; developerKey: string;
icon: DataUrl; icon: DataUrl;
lastBackup: string | null; lastBackup: string | null;
nextBackup: string | null;
currentDependencies: CurrentDependencies; currentDependencies: CurrentDependencies;
actions: { [key: ActionId]: ActionMetadata }; actions: { [key: ActionId]: ActionMetadata };
serviceInterfaces: { serviceInterfaces: {

184
web/package-lock.json generated
View File

@@ -23,17 +23,17 @@
"@start9labs/argon2": "^0.1.0", "@start9labs/argon2": "^0.1.0",
"@start9labs/emver": "^0.1.5", "@start9labs/emver": "^0.1.5",
"@start9labs/start-sdk": "file:../sdk/dist", "@start9labs/start-sdk": "file:../sdk/dist",
"@taiga-ui/addon-charts": "3.73.0", "@taiga-ui/addon-charts": "3.77.1",
"@taiga-ui/addon-commerce": "3.73.0", "@taiga-ui/addon-commerce": "3.77.1",
"@taiga-ui/addon-mobile": "3.73.0", "@taiga-ui/addon-mobile": "3.77.1",
"@taiga-ui/cdk": "3.73.0", "@taiga-ui/cdk": "3.77.1",
"@taiga-ui/core": "3.73.0", "@taiga-ui/core": "3.77.1",
"@taiga-ui/experimental": "3.73.0", "@taiga-ui/experimental": "3.77.1",
"@taiga-ui/icons": "3.73.0", "@taiga-ui/icons": "3.77.1",
"@taiga-ui/kit": "3.73.0", "@taiga-ui/kit": "3.77.1",
"@taiga-ui/styles": "3.73.0", "@taiga-ui/styles": "3.77.1",
"@tinkoff/ng-dompurify": "4.0.0", "@tinkoff/ng-dompurify": "4.0.0",
"@tinkoff/ng-event-plugins": "3.1.1", "@tinkoff/ng-event-plugins": "3.2.0",
"ansi-to-html": "^0.7.2", "ansi-to-html": "^0.7.2",
"base64-js": "^1.5.1", "base64-js": "^1.5.1",
"cbor": "npm:@jprochazk/cbor@^0.4.9", "cbor": "npm:@jprochazk/cbor@^0.4.9",
@@ -5085,72 +5085,72 @@
"link": true "link": true
}, },
"node_modules/@taiga-ui/addon-charts": { "node_modules/@taiga-ui/addon-charts": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-charts/-/addon-charts-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/addon-charts/-/addon-charts-3.77.1.tgz",
"integrity": "sha512-4zK0sXqMtuz2fVlsgbnBLMuzphCqLbsSR/owMzJxAsrlZV7Lv1VUaMHHe9sdhDBmvO3VZu2d1wNuv/Z1jVfpYQ==", "integrity": "sha512-yk9cvMewoRRVxTv1sIorVgO9GBkleQyRzkT774RPQACQHizGS2Sq5dQMtetwD3usPmLR2GblDR6NM+iOyHhMIA==",
"dependencies": { "dependencies": {
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/common": ">=12.0.0", "@angular/common": ">=12.0.0",
"@angular/core": ">=12.0.0", "@angular/core": ">=12.0.0",
"@ng-web-apis/common": "3.0.6", "@ng-web-apis/common": "^3.0.6",
"@taiga-ui/cdk": "^3.73.0", "@taiga-ui/cdk": "^3.77.1",
"@taiga-ui/core": "^3.73.0", "@taiga-ui/core": "^3.77.1",
"@tinkoff/ng-polymorpheus": "4.3.0" "@tinkoff/ng-polymorpheus": "^4.3.0"
} }
}, },
"node_modules/@taiga-ui/addon-commerce": { "node_modules/@taiga-ui/addon-commerce": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-commerce/-/addon-commerce-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/addon-commerce/-/addon-commerce-3.77.1.tgz",
"integrity": "sha512-LVK1ROrutavqIvOEHCaXRcX9ZNyznz3cCQFhbLldTIgTSXoYQNNitAgG4cRmntLioLupcVnKt0JZOHiObEx49A==", "integrity": "sha512-4qNgDZfxyzTHQdKaerw28xP8d2PCuumLM9xjlRbNE5XcnhUI+rccgZOV9MtZtQoNBl++OBPmbaT2/9+zbSqbxg==",
"dependencies": { "dependencies": {
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/common": ">=12.0.0", "@angular/common": ">=12.0.0",
"@angular/core": ">=12.0.0", "@angular/core": ">=12.0.0",
"@angular/forms": ">=12.0.0", "@angular/forms": ">=12.0.0",
"@maskito/angular": "1.9.0", "@maskito/angular": "^1.9.0",
"@maskito/core": "1.9.0", "@maskito/core": "^1.9.0",
"@maskito/kit": "1.9.0", "@maskito/kit": "^1.9.0",
"@ng-web-apis/common": "3.0.6", "@ng-web-apis/common": "^3.0.6",
"@taiga-ui/cdk": "^3.73.0", "@taiga-ui/cdk": "^3.77.1",
"@taiga-ui/core": "^3.73.0", "@taiga-ui/core": "^3.77.1",
"@taiga-ui/i18n": "^3.73.0", "@taiga-ui/i18n": "^3.77.1",
"@taiga-ui/kit": "^3.73.0", "@taiga-ui/kit": "^3.77.1",
"@tinkoff/ng-polymorpheus": "4.3.0", "@tinkoff/ng-polymorpheus": "^4.3.0",
"rxjs": ">=6.0.0" "rxjs": ">=6.0.0"
} }
}, },
"node_modules/@taiga-ui/addon-mobile": { "node_modules/@taiga-ui/addon-mobile": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-mobile/-/addon-mobile-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/addon-mobile/-/addon-mobile-3.77.1.tgz",
"integrity": "sha512-XJ8xlmnp3fU02KjqgFtUCkcMsPmdIvksI/vmK7ZCaNunsGIYVAGSqw3/yyRV+HkX1ccqynX5johv+lligD9RtA==", "integrity": "sha512-kRa9uNdnY9Tyz8FdGXqgbL7cKZ1Z43K3Kjey9tX3uf4BEkODPNVuQFTNzuZvOt6/ql+XtPxi/hU19ii5rvKz3A==",
"dependencies": { "dependencies": {
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/cdk": ">=12.0.0", "@angular/cdk": ">=12.0.0",
"@angular/common": ">=12.0.0", "@angular/common": ">=12.0.0",
"@angular/core": ">=12.0.0", "@angular/core": ">=12.0.0",
"@ng-web-apis/common": "3.0.6", "@ng-web-apis/common": "^3.0.6",
"@taiga-ui/cdk": "^3.73.0", "@taiga-ui/cdk": "^3.77.1",
"@taiga-ui/core": "^3.73.0", "@taiga-ui/core": "^3.77.1",
"@taiga-ui/kit": "^3.73.0", "@taiga-ui/kit": "^3.77.1",
"@tinkoff/ng-polymorpheus": "4.3.0", "@tinkoff/ng-polymorpheus": "^4.3.0",
"rxjs": ">=6.0.0" "rxjs": ">=6.0.0"
} }
}, },
"node_modules/@taiga-ui/cdk": { "node_modules/@taiga-ui/cdk": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/cdk/-/cdk-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/cdk/-/cdk-3.77.1.tgz",
"integrity": "sha512-bxgbetJcbB+9h6ZO0ht076A9K0UOemr5D339o8h2tQpFnjOiw7gQ0ZnpNrKXXOpb5eASnptulmwtITvagpE1lg==", "integrity": "sha512-mqT1Rz/JWqah4aNVRD3iEND4XdkfsOxV100D0gbdFD5/aaiMTyL6oMEP2GGE0lSsuk1mRCixkDW0qPCbhG21yQ==",
"dependencies": { "dependencies": {
"@ng-web-apis/common": "3.0.6", "@ng-web-apis/common": "3.0.6",
"@ng-web-apis/mutation-observer": "3.1.0", "@ng-web-apis/mutation-observer": "3.1.0",
"@ng-web-apis/resize-observer": "3.0.6", "@ng-web-apis/resize-observer": "3.0.6",
"@tinkoff/ng-event-plugins": "3.1.1", "@tinkoff/ng-event-plugins": "3.2.0",
"@tinkoff/ng-polymorpheus": "4.3.0", "@tinkoff/ng-polymorpheus": "4.3.0",
"tslib": "2.6.2" "tslib": "2.6.2"
}, },
@@ -5172,12 +5172,12 @@
"optional": true "optional": true
}, },
"node_modules/@taiga-ui/core": { "node_modules/@taiga-ui/core": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/core/-/core-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/core/-/core-3.77.1.tgz",
"integrity": "sha512-zQ+qhgBxQK6+SrzfSHIotKI00xbPu0ZTBFyYGUT8zD0If4aN5oeR+Q5A9kUb/0rEPsHcg04TcAEtAsAtG2l/oA==", "integrity": "sha512-RjrOZtkQbb+Hw+7wMTt8j76OkGiLrCDb2Ol1rmngFQfzPX5OlaRkBtNhCNoyBtI9rl4CCX2/ViCGnGmrIkHu6g==",
"dependencies": { "dependencies": {
"@taiga-ui/i18n": "^3.73.0", "@taiga-ui/i18n": "^3.77.1",
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/animations": ">=12.0.0", "@angular/animations": ">=12.0.0",
@@ -5186,68 +5186,68 @@
"@angular/forms": ">=12.0.0", "@angular/forms": ">=12.0.0",
"@angular/platform-browser": ">=12.0.0", "@angular/platform-browser": ">=12.0.0",
"@angular/router": ">=12.0.0", "@angular/router": ">=12.0.0",
"@ng-web-apis/common": "3.0.6", "@ng-web-apis/common": "^3.0.6",
"@ng-web-apis/mutation-observer": "3.1.0", "@ng-web-apis/mutation-observer": "^3.1.0",
"@taiga-ui/cdk": "^3.73.0", "@taiga-ui/cdk": "^3.77.1",
"@taiga-ui/i18n": "^3.73.0", "@taiga-ui/i18n": "^3.77.1",
"@tinkoff/ng-event-plugins": "3.1.1", "@tinkoff/ng-event-plugins": "^3.2.0",
"@tinkoff/ng-polymorpheus": "4.3.0", "@tinkoff/ng-polymorpheus": "^4.3.0",
"rxjs": ">=6.0.0" "rxjs": ">=6.0.0"
} }
}, },
"node_modules/@taiga-ui/experimental": { "node_modules/@taiga-ui/experimental": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/experimental/-/experimental-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/experimental/-/experimental-3.77.1.tgz",
"integrity": "sha512-FlMrasE7emFTNCN2a6xdU9ZCH7HIAU/xd+jjqxsi9Cf37juDLFtInFjFyQ9ZuEnhIJP3POTX+d8t/niRTPwpNw==", "integrity": "sha512-UVmP0y1w9VvOoQoTH4VByZ3m45OcC0Lw//rsrNMicPCX9b5IJxgEjUAmJ+PZ/ecsgnDVKO0HD18cZt5uCVdy7w==",
"dependencies": { "dependencies": {
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/common": ">=12.0.0", "@angular/common": ">=12.0.0",
"@angular/core": ">=12.0.0", "@angular/core": ">=12.0.0",
"@taiga-ui/addon-commerce": "^3.73.0", "@taiga-ui/addon-commerce": "^3.77.1",
"@taiga-ui/cdk": "^3.73.0", "@taiga-ui/cdk": "^3.77.1",
"@taiga-ui/core": "^3.73.0", "@taiga-ui/core": "^3.77.1",
"@taiga-ui/kit": "^3.73.0", "@taiga-ui/kit": "^3.77.1",
"@tinkoff/ng-polymorpheus": "4.3.0", "@tinkoff/ng-polymorpheus": "^4.3.0",
"rxjs": ">=6.0.0" "rxjs": ">=6.0.0"
} }
}, },
"node_modules/@taiga-ui/i18n": { "node_modules/@taiga-ui/i18n": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/i18n/-/i18n-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/i18n/-/i18n-3.77.1.tgz",
"integrity": "sha512-CLyYmnnL08+P5XvnKSMhZPpJyBs4199ApMX33hPBa4MvpmykUoVXQ0nXslLECSqAcfL39N9tzWKnxyLAavXjNw==", "integrity": "sha512-rC2RYMFyaRHKcoU5WUKMe2DU0urRNh0daKvRIhp8t5AnTQE1MDZHRJYVCpysr8sfXvtJdr5oHoZccavzvqjqOQ==",
"dependencies": { "dependencies": {
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/core": ">=12.0.0", "@angular/core": ">=12.0.0",
"@ng-web-apis/common": "3.0.6", "@ng-web-apis/common": "^3.0.6",
"rxjs": ">=6.0.0" "rxjs": ">=6.0.0"
} }
}, },
"node_modules/@taiga-ui/icons": { "node_modules/@taiga-ui/icons": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/icons/-/icons-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/icons/-/icons-3.77.1.tgz",
"integrity": "sha512-3/B9NW/gQ4ad+voS57TSuz7cCElh1hcqUil4wP2P8pwS3HzgScokZpvVQs6u5jZ0Xt4v7uG4pac6pwGVsC8ndA==", "integrity": "sha512-e9NXwxOktKM9TVDVePVkTFAuAs9jlhZCKzpAOfrme1bHVQJ1MEhD2hdj74Yn7IGKOCFjrUDQnxJ9w9POh6H9Vg==",
"dependencies": { "dependencies": {
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@taiga-ui/cdk": "^3.73.0" "@taiga-ui/cdk": "^3.77.1"
} }
}, },
"node_modules/@taiga-ui/kit": { "node_modules/@taiga-ui/kit": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/kit/-/kit-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/kit/-/kit-3.77.1.tgz",
"integrity": "sha512-AKPjxkcKnMA4TeL5f6gBjgnJff7JJfh2YmOxHPcXXcBy/BeXzY+Lfmlgqz0P8Rtz01JouCZpWIWNayb2cGlq5g==", "integrity": "sha512-Pyk44wDF61VZiMQHehQ3KEEBj5AsO3et8QccKwmqr13jaQzmH6ljwbbYJOwPpEVsdZbqfiI56OVxp86mi6F8mw==",
"dependencies": { "dependencies": {
"@maskito/angular": "1.9.0", "@maskito/angular": "1.9.0",
"@maskito/core": "1.9.0", "@maskito/core": "1.9.0",
"@maskito/kit": "1.9.0", "@maskito/kit": "1.9.0",
"@ng-web-apis/intersection-observer": "3.2.0", "@ng-web-apis/intersection-observer": "3.2.0",
"text-mask-core": "5.1.2", "text-mask-core": "5.1.2",
"tslib": "2.6.2" "tslib": "^2.6.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/common": ">=12.0.0", "@angular/common": ">=12.0.0",
@@ -5255,22 +5255,22 @@
"@angular/forms": ">=12.0.0", "@angular/forms": ">=12.0.0",
"@angular/router": ">=12.0.0", "@angular/router": ">=12.0.0",
"@ng-web-apis/common": "3.0.6", "@ng-web-apis/common": "3.0.6",
"@ng-web-apis/mutation-observer": "3.1.0", "@ng-web-apis/mutation-observer": "^3.1.0",
"@ng-web-apis/resize-observer": "3.0.6", "@ng-web-apis/resize-observer": "^3.0.6",
"@taiga-ui/cdk": "^3.73.0", "@taiga-ui/cdk": "^3.77.1",
"@taiga-ui/core": "^3.73.0", "@taiga-ui/core": "^3.77.1",
"@taiga-ui/i18n": "^3.73.0", "@taiga-ui/i18n": "^3.77.1",
"@tinkoff/ng-polymorpheus": "4.3.0", "@tinkoff/ng-polymorpheus": "^4.3.0",
"rxjs": ">=6.0.0" "rxjs": ">=6.0.0"
} }
}, },
"node_modules/@taiga-ui/styles": { "node_modules/@taiga-ui/styles": {
"version": "3.73.0", "version": "3.77.1",
"resolved": "https://registry.npmjs.org/@taiga-ui/styles/-/styles-3.73.0.tgz", "resolved": "https://registry.npmjs.org/@taiga-ui/styles/-/styles-3.77.1.tgz",
"integrity": "sha512-hFInEKxsI4fj5KZCIGzH/zY00YwE2PsUoAlzoeGqpfnOG5rY/2WFpZnLrj7yJCOkFzsFy9KUZC00d46w50ijnQ==", "integrity": "sha512-YoPXqY1pz+13vYhHnE6hskjRtnDDGgjnZIPtx05ChN8/TDIJ6NiaWKI5Es/G4fq3vKJnq2yIZ9D2Ghm/aPItGw==",
"peerDependencies": { "peerDependencies": {
"@taiga-ui/cdk": "^3.73.0", "@taiga-ui/cdk": "^3.77.1",
"tslib": "2.6.2" "tslib": "^2.6.2"
} }
}, },
"node_modules/@tinkoff/ng-dompurify": { "node_modules/@tinkoff/ng-dompurify": {
@@ -5287,9 +5287,9 @@
} }
}, },
"node_modules/@tinkoff/ng-event-plugins": { "node_modules/@tinkoff/ng-event-plugins": {
"version": "3.1.1", "version": "3.2.0",
"resolved": "https://registry.npmjs.org/@tinkoff/ng-event-plugins/-/ng-event-plugins-3.1.1.tgz", "resolved": "https://registry.npmjs.org/@tinkoff/ng-event-plugins/-/ng-event-plugins-3.2.0.tgz",
"integrity": "sha512-JC64sdpiOHmq4rZBFzqVweQoPxN7afoCuebKayEELEODho6oYiTVyM3P9T9JWUyzieSujDP7um7fiCggrWc83A==", "integrity": "sha512-n56R5xNfiytabh2WmWdQXfNU6m7dfOo3LLxlARE+DX7f5yciW2xBdDkuEHX74q8dlCuAVlW9aslSfz8c//ymwA==",
"dependencies": { "dependencies": {
"tslib": "^2.2.0" "tslib": "^2.2.0"
}, },

20
web/package.json
View File

@@ -45,17 +45,17 @@
"@start9labs/argon2": "^0.1.0", "@start9labs/argon2": "^0.1.0",
"@start9labs/emver": "^0.1.5", "@start9labs/emver": "^0.1.5",
"@start9labs/start-sdk": "file:../sdk/dist", "@start9labs/start-sdk": "file:../sdk/dist",
"@taiga-ui/addon-charts": "3.73.0", "@taiga-ui/addon-charts": "3.77.1",
"@taiga-ui/addon-commerce": "3.73.0", "@taiga-ui/addon-commerce": "3.77.1",
"@taiga-ui/addon-mobile": "3.73.0", "@taiga-ui/addon-mobile": "3.77.1",
"@taiga-ui/cdk": "3.73.0", "@taiga-ui/cdk": "3.77.1",
"@taiga-ui/core": "3.73.0", "@taiga-ui/core": "3.77.1",
"@taiga-ui/experimental": "3.73.0", "@taiga-ui/experimental": "3.77.1",
"@taiga-ui/icons": "3.73.0", "@taiga-ui/icons": "3.77.1",
"@taiga-ui/kit": "3.73.0", "@taiga-ui/kit": "3.77.1",
"@taiga-ui/styles": "3.73.0", "@taiga-ui/styles": "3.77.1",
"@tinkoff/ng-dompurify": "4.0.0", "@tinkoff/ng-dompurify": "4.0.0",
"@tinkoff/ng-event-plugins": "3.1.1", "@tinkoff/ng-event-plugins": "3.2.0",
"ansi-to-html": "^0.7.2", "ansi-to-html": "^0.7.2",
"base64-js": "^1.5.1", "base64-js": "^1.5.1",
"cbor": "npm:@jprochazk/cbor@^0.4.9", "cbor": "npm:@jprochazk/cbor@^0.4.9",

57
web/projects/ui/src/app/routes/portal/routes/service/components/backups.component.ts
View File

@@ -1,19 +1,26 @@
import { ChangeDetectionStrategy, Component } from '@angular/core' import { I18nPluralPipe } from '@angular/common'
import {
ChangeDetectionStrategy,
Component,
computed,
input,
} from '@angular/core'
import { RouterLink } from '@angular/router' import { RouterLink } from '@angular/router'
import { PackageDataEntry } from '@startos'
import { TuiButtonModule } from '@taiga-ui/experimental' import { TuiButtonModule } from '@taiga-ui/experimental'
@Component({ @Component({
selector: 'service-backups', selector: 'service-backups',
template: ` template: `
<div> <div [style.flex]="1">
<small>Last backup</small> <small>Last backup</small>
6 days ago {{ previous() | i18nPlural: ago }}
</div> </div>
<div> <div [style.flex]="1">
<small>Next backup</small> <small>Next backup</small>
Not scheduled {{ next() | i18nPlural: in }}
</div> </div>
<div> <div [style.min-width.%]="100">
<a <a
tuiButton tuiButton
iconLeft="tuiIconPlusSquare" iconLeft="tuiIconPlusSquare"
@@ -31,11 +38,7 @@ import { TuiButtonModule } from '@taiga-ui/experimental'
gap: 1rem; gap: 1rem;
flex-wrap: wrap; flex-wrap: wrap;
white-space: nowrap; white-space: nowrap;
padding-bottom: 1rem;
> :last-child {
min-width: 100%;
padding-bottom: 1rem;
}
small { small {
display: block; display: block;
@@ -46,6 +49,34 @@ import { TuiButtonModule } from '@taiga-ui/experimental'
`, `,
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
standalone: true, standalone: true,
imports: [TuiButtonModule, RouterLink], imports: [TuiButtonModule, RouterLink, I18nPluralPipe],
}) })
export class ServiceBackupsComponent {} export class ServiceBackupsComponent {
pkg = input.required<PackageDataEntry>()
readonly previous = computed(() =>
daysBetween(new Date(), new Date(this.pkg().lastBackup || new Date())),
)
readonly next = computed(() =>
daysBetween(new Date(), new Date(this.pkg().nextBackup || new Date())),
)
readonly ago = {
'=0': 'Never performed',
'=1': 'day ago',
other: '# days ago',
}
readonly in = {
'=0': 'Not scheduled',
'=1': 'Tomorrow',
other: 'In # days',
}
}
function daysBetween(one: Date, two: Date): number {
return Math.abs(
Math.round((one.valueOf() - two.valueOf()) / (1000 * 60 * 60 * 24)),
)
}

2
web/projects/ui/src/app/routes/portal/routes/service/routes/service.component.ts
View File

@@ -65,7 +65,7 @@ import { DependencyInfo } from '../types/dependency-info'
@if (isInstalled(service)) { @if (isInstalled(service)) {
<section [style.grid-column]="'span 3'"> <section [style.grid-column]="'span 3'">
<h3>Backups</h3> <h3>Backups</h3>
<service-backups /> <service-backups [pkg]="service.pkg" />
</section> </section>
<section [style.grid-column]="'span 6'"> <section [style.grid-column]="'span 6'">

5
web/projects/ui/src/app/services/api/api.fixures.ts
View File

@@ -913,7 +913,7 @@ export module Mock {
integer: false, integer: false,
}), }),
}), }),
displayAs: 'I\'m {{last-name}}, {{first-name}} {{last-name}}', displayAs: `I'm {{last-name}}, {{first-name}} {{last-name}}`,
uniqueBy: 'last-name', uniqueBy: 'last-name',
}, },
), ),
@@ -1295,6 +1295,7 @@ export module Mock {
icon: '/assets/img/service-icons/bitcoind.svg', icon: '/assets/img/service-icons/bitcoind.svg',
installedAt: new Date().toISOString(), installedAt: new Date().toISOString(),
lastBackup: null, lastBackup: null,
nextBackup: null,
status: { status: {
configured: true, configured: true,
main: { main: {
@@ -1539,6 +1540,7 @@ export module Mock {
icon: '/assets/img/service-icons/btc-rpc-proxy.png', icon: '/assets/img/service-icons/btc-rpc-proxy.png',
installedAt: new Date().toISOString(), installedAt: new Date().toISOString(),
lastBackup: null, lastBackup: null,
nextBackup: null,
status: { status: {
configured: false, configured: false,
main: { main: {
@@ -1681,6 +1683,7 @@ export module Mock {
icon: '/assets/img/service-icons/lnd.png', icon: '/assets/img/service-icons/lnd.png',
installedAt: new Date().toISOString(), installedAt: new Date().toISOString(),
lastBackup: null, lastBackup: null,
nextBackup: null,
status: { status: {
configured: true, configured: true,
main: { main: {

4
web/projects/ui/src/app/services/api/mock-patch.ts
View File

@@ -146,7 +146,8 @@ export const mockPatchData: DataModel = {
}, },
icon: '/assets/img/service-icons/bitcoind.svg', icon: '/assets/img/service-icons/bitcoind.svg',
installedAt: new Date().toISOString(), installedAt: new Date().toISOString(),
lastBackup: null, lastBackup: new Date(new Date().valueOf() - 604800001).toISOString(),
nextBackup: new Date(new Date().valueOf() + 100000000).toISOString(),
status: { status: {
configured: true, configured: true,
main: { main: {
@@ -419,6 +420,7 @@ export const mockPatchData: DataModel = {
icon: '/assets/img/service-icons/lnd.png', icon: '/assets/img/service-icons/lnd.png',
installedAt: new Date().toISOString(), installedAt: new Date().toISOString(),
lastBackup: null, lastBackup: null,
nextBackup: null,
status: { status: {
configured: true, configured: true,
main: { main: {

1
web/projects/ui/src/app/services/patch-db/data-model.ts
View File

@@ -131,6 +131,7 @@ export type PackageDataEntry<T extends StateInfo = StateInfo> =
stateInfo: T stateInfo: T
installedAt: string installedAt: string
outboundProxy: string | null outboundProxy: string | null
nextBackup: string | null
} }
export type StateInfo = InstalledState | InstallingState | UpdatingState export type StateInfo = InstalledState | InstallingState | UpdatingState