mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-26 02:11:53 +00:00
chore: add backups info
This commit is contained in:
@@ -16,6 +16,7 @@ export type PackageDataEntry = {
|
||||
developerKey: string;
|
||||
icon: DataUrl;
|
||||
lastBackup: string | null;
|
||||
nextBackup: string | null;
|
||||
currentDependencies: CurrentDependencies;
|
||||
actions: { [key: ActionId]: ActionMetadata };
|
||||
serviceInterfaces: {
|
||||
|
||||
184
web/package-lock.json
generated
184
web/package-lock.json
generated
@@ -23,17 +23,17 @@
|
||||
"@start9labs/argon2": "^0.1.0",
|
||||
"@start9labs/emver": "^0.1.5",
|
||||
"@start9labs/start-sdk": "file:../sdk/dist",
|
||||
"@taiga-ui/addon-charts": "3.73.0",
|
||||
"@taiga-ui/addon-commerce": "3.73.0",
|
||||
"@taiga-ui/addon-mobile": "3.73.0",
|
||||
"@taiga-ui/cdk": "3.73.0",
|
||||
"@taiga-ui/core": "3.73.0",
|
||||
"@taiga-ui/experimental": "3.73.0",
|
||||
"@taiga-ui/icons": "3.73.0",
|
||||
"@taiga-ui/kit": "3.73.0",
|
||||
"@taiga-ui/styles": "3.73.0",
|
||||
"@taiga-ui/addon-charts": "3.77.1",
|
||||
"@taiga-ui/addon-commerce": "3.77.1",
|
||||
"@taiga-ui/addon-mobile": "3.77.1",
|
||||
"@taiga-ui/cdk": "3.77.1",
|
||||
"@taiga-ui/core": "3.77.1",
|
||||
"@taiga-ui/experimental": "3.77.1",
|
||||
"@taiga-ui/icons": "3.77.1",
|
||||
"@taiga-ui/kit": "3.77.1",
|
||||
"@taiga-ui/styles": "3.77.1",
|
||||
"@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",
|
||||
"base64-js": "^1.5.1",
|
||||
"cbor": "npm:@jprochazk/cbor@^0.4.9",
|
||||
@@ -5085,72 +5085,72 @@
|
||||
"link": true
|
||||
},
|
||||
"node_modules/@taiga-ui/addon-charts": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-charts/-/addon-charts-3.73.0.tgz",
|
||||
"integrity": "sha512-4zK0sXqMtuz2fVlsgbnBLMuzphCqLbsSR/owMzJxAsrlZV7Lv1VUaMHHe9sdhDBmvO3VZu2d1wNuv/Z1jVfpYQ==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-charts/-/addon-charts-3.77.1.tgz",
|
||||
"integrity": "sha512-yk9cvMewoRRVxTv1sIorVgO9GBkleQyRzkT774RPQACQHizGS2Sq5dQMtetwD3usPmLR2GblDR6NM+iOyHhMIA==",
|
||||
"dependencies": {
|
||||
"tslib": "2.6.2"
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular/common": ">=12.0.0",
|
||||
"@angular/core": ">=12.0.0",
|
||||
"@ng-web-apis/common": "3.0.6",
|
||||
"@taiga-ui/cdk": "^3.73.0",
|
||||
"@taiga-ui/core": "^3.73.0",
|
||||
"@tinkoff/ng-polymorpheus": "4.3.0"
|
||||
"@ng-web-apis/common": "^3.0.6",
|
||||
"@taiga-ui/cdk": "^3.77.1",
|
||||
"@taiga-ui/core": "^3.77.1",
|
||||
"@tinkoff/ng-polymorpheus": "^4.3.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/addon-commerce": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-commerce/-/addon-commerce-3.73.0.tgz",
|
||||
"integrity": "sha512-LVK1ROrutavqIvOEHCaXRcX9ZNyznz3cCQFhbLldTIgTSXoYQNNitAgG4cRmntLioLupcVnKt0JZOHiObEx49A==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-commerce/-/addon-commerce-3.77.1.tgz",
|
||||
"integrity": "sha512-4qNgDZfxyzTHQdKaerw28xP8d2PCuumLM9xjlRbNE5XcnhUI+rccgZOV9MtZtQoNBl++OBPmbaT2/9+zbSqbxg==",
|
||||
"dependencies": {
|
||||
"tslib": "2.6.2"
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular/common": ">=12.0.0",
|
||||
"@angular/core": ">=12.0.0",
|
||||
"@angular/forms": ">=12.0.0",
|
||||
"@maskito/angular": "1.9.0",
|
||||
"@maskito/core": "1.9.0",
|
||||
"@maskito/kit": "1.9.0",
|
||||
"@ng-web-apis/common": "3.0.6",
|
||||
"@taiga-ui/cdk": "^3.73.0",
|
||||
"@taiga-ui/core": "^3.73.0",
|
||||
"@taiga-ui/i18n": "^3.73.0",
|
||||
"@taiga-ui/kit": "^3.73.0",
|
||||
"@tinkoff/ng-polymorpheus": "4.3.0",
|
||||
"@maskito/angular": "^1.9.0",
|
||||
"@maskito/core": "^1.9.0",
|
||||
"@maskito/kit": "^1.9.0",
|
||||
"@ng-web-apis/common": "^3.0.6",
|
||||
"@taiga-ui/cdk": "^3.77.1",
|
||||
"@taiga-ui/core": "^3.77.1",
|
||||
"@taiga-ui/i18n": "^3.77.1",
|
||||
"@taiga-ui/kit": "^3.77.1",
|
||||
"@tinkoff/ng-polymorpheus": "^4.3.0",
|
||||
"rxjs": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/addon-mobile": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-mobile/-/addon-mobile-3.73.0.tgz",
|
||||
"integrity": "sha512-XJ8xlmnp3fU02KjqgFtUCkcMsPmdIvksI/vmK7ZCaNunsGIYVAGSqw3/yyRV+HkX1ccqynX5johv+lligD9RtA==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/addon-mobile/-/addon-mobile-3.77.1.tgz",
|
||||
"integrity": "sha512-kRa9uNdnY9Tyz8FdGXqgbL7cKZ1Z43K3Kjey9tX3uf4BEkODPNVuQFTNzuZvOt6/ql+XtPxi/hU19ii5rvKz3A==",
|
||||
"dependencies": {
|
||||
"tslib": "2.6.2"
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular/cdk": ">=12.0.0",
|
||||
"@angular/common": ">=12.0.0",
|
||||
"@angular/core": ">=12.0.0",
|
||||
"@ng-web-apis/common": "3.0.6",
|
||||
"@taiga-ui/cdk": "^3.73.0",
|
||||
"@taiga-ui/core": "^3.73.0",
|
||||
"@taiga-ui/kit": "^3.73.0",
|
||||
"@tinkoff/ng-polymorpheus": "4.3.0",
|
||||
"@ng-web-apis/common": "^3.0.6",
|
||||
"@taiga-ui/cdk": "^3.77.1",
|
||||
"@taiga-ui/core": "^3.77.1",
|
||||
"@taiga-ui/kit": "^3.77.1",
|
||||
"@tinkoff/ng-polymorpheus": "^4.3.0",
|
||||
"rxjs": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/cdk": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/cdk/-/cdk-3.73.0.tgz",
|
||||
"integrity": "sha512-bxgbetJcbB+9h6ZO0ht076A9K0UOemr5D339o8h2tQpFnjOiw7gQ0ZnpNrKXXOpb5eASnptulmwtITvagpE1lg==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/cdk/-/cdk-3.77.1.tgz",
|
||||
"integrity": "sha512-mqT1Rz/JWqah4aNVRD3iEND4XdkfsOxV100D0gbdFD5/aaiMTyL6oMEP2GGE0lSsuk1mRCixkDW0qPCbhG21yQ==",
|
||||
"dependencies": {
|
||||
"@ng-web-apis/common": "3.0.6",
|
||||
"@ng-web-apis/mutation-observer": "3.1.0",
|
||||
"@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",
|
||||
"tslib": "2.6.2"
|
||||
},
|
||||
@@ -5172,12 +5172,12 @@
|
||||
"optional": true
|
||||
},
|
||||
"node_modules/@taiga-ui/core": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/core/-/core-3.73.0.tgz",
|
||||
"integrity": "sha512-zQ+qhgBxQK6+SrzfSHIotKI00xbPu0ZTBFyYGUT8zD0If4aN5oeR+Q5A9kUb/0rEPsHcg04TcAEtAsAtG2l/oA==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/core/-/core-3.77.1.tgz",
|
||||
"integrity": "sha512-RjrOZtkQbb+Hw+7wMTt8j76OkGiLrCDb2Ol1rmngFQfzPX5OlaRkBtNhCNoyBtI9rl4CCX2/ViCGnGmrIkHu6g==",
|
||||
"dependencies": {
|
||||
"@taiga-ui/i18n": "^3.73.0",
|
||||
"tslib": "2.6.2"
|
||||
"@taiga-ui/i18n": "^3.77.1",
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular/animations": ">=12.0.0",
|
||||
@@ -5186,68 +5186,68 @@
|
||||
"@angular/forms": ">=12.0.0",
|
||||
"@angular/platform-browser": ">=12.0.0",
|
||||
"@angular/router": ">=12.0.0",
|
||||
"@ng-web-apis/common": "3.0.6",
|
||||
"@ng-web-apis/mutation-observer": "3.1.0",
|
||||
"@taiga-ui/cdk": "^3.73.0",
|
||||
"@taiga-ui/i18n": "^3.73.0",
|
||||
"@tinkoff/ng-event-plugins": "3.1.1",
|
||||
"@tinkoff/ng-polymorpheus": "4.3.0",
|
||||
"@ng-web-apis/common": "^3.0.6",
|
||||
"@ng-web-apis/mutation-observer": "^3.1.0",
|
||||
"@taiga-ui/cdk": "^3.77.1",
|
||||
"@taiga-ui/i18n": "^3.77.1",
|
||||
"@tinkoff/ng-event-plugins": "^3.2.0",
|
||||
"@tinkoff/ng-polymorpheus": "^4.3.0",
|
||||
"rxjs": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/experimental": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/experimental/-/experimental-3.73.0.tgz",
|
||||
"integrity": "sha512-FlMrasE7emFTNCN2a6xdU9ZCH7HIAU/xd+jjqxsi9Cf37juDLFtInFjFyQ9ZuEnhIJP3POTX+d8t/niRTPwpNw==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/experimental/-/experimental-3.77.1.tgz",
|
||||
"integrity": "sha512-UVmP0y1w9VvOoQoTH4VByZ3m45OcC0Lw//rsrNMicPCX9b5IJxgEjUAmJ+PZ/ecsgnDVKO0HD18cZt5uCVdy7w==",
|
||||
"dependencies": {
|
||||
"tslib": "2.6.2"
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular/common": ">=12.0.0",
|
||||
"@angular/core": ">=12.0.0",
|
||||
"@taiga-ui/addon-commerce": "^3.73.0",
|
||||
"@taiga-ui/cdk": "^3.73.0",
|
||||
"@taiga-ui/core": "^3.73.0",
|
||||
"@taiga-ui/kit": "^3.73.0",
|
||||
"@tinkoff/ng-polymorpheus": "4.3.0",
|
||||
"@taiga-ui/addon-commerce": "^3.77.1",
|
||||
"@taiga-ui/cdk": "^3.77.1",
|
||||
"@taiga-ui/core": "^3.77.1",
|
||||
"@taiga-ui/kit": "^3.77.1",
|
||||
"@tinkoff/ng-polymorpheus": "^4.3.0",
|
||||
"rxjs": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/i18n": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/i18n/-/i18n-3.73.0.tgz",
|
||||
"integrity": "sha512-CLyYmnnL08+P5XvnKSMhZPpJyBs4199ApMX33hPBa4MvpmykUoVXQ0nXslLECSqAcfL39N9tzWKnxyLAavXjNw==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/i18n/-/i18n-3.77.1.tgz",
|
||||
"integrity": "sha512-rC2RYMFyaRHKcoU5WUKMe2DU0urRNh0daKvRIhp8t5AnTQE1MDZHRJYVCpysr8sfXvtJdr5oHoZccavzvqjqOQ==",
|
||||
"dependencies": {
|
||||
"tslib": "2.6.2"
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular/core": ">=12.0.0",
|
||||
"@ng-web-apis/common": "3.0.6",
|
||||
"@ng-web-apis/common": "^3.0.6",
|
||||
"rxjs": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/icons": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/icons/-/icons-3.73.0.tgz",
|
||||
"integrity": "sha512-3/B9NW/gQ4ad+voS57TSuz7cCElh1hcqUil4wP2P8pwS3HzgScokZpvVQs6u5jZ0Xt4v7uG4pac6pwGVsC8ndA==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/icons/-/icons-3.77.1.tgz",
|
||||
"integrity": "sha512-e9NXwxOktKM9TVDVePVkTFAuAs9jlhZCKzpAOfrme1bHVQJ1MEhD2hdj74Yn7IGKOCFjrUDQnxJ9w9POh6H9Vg==",
|
||||
"dependencies": {
|
||||
"tslib": "2.6.2"
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@taiga-ui/cdk": "^3.73.0"
|
||||
"@taiga-ui/cdk": "^3.77.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/kit": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/kit/-/kit-3.73.0.tgz",
|
||||
"integrity": "sha512-AKPjxkcKnMA4TeL5f6gBjgnJff7JJfh2YmOxHPcXXcBy/BeXzY+Lfmlgqz0P8Rtz01JouCZpWIWNayb2cGlq5g==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/kit/-/kit-3.77.1.tgz",
|
||||
"integrity": "sha512-Pyk44wDF61VZiMQHehQ3KEEBj5AsO3et8QccKwmqr13jaQzmH6ljwbbYJOwPpEVsdZbqfiI56OVxp86mi6F8mw==",
|
||||
"dependencies": {
|
||||
"@maskito/angular": "1.9.0",
|
||||
"@maskito/core": "1.9.0",
|
||||
"@maskito/kit": "1.9.0",
|
||||
"@ng-web-apis/intersection-observer": "3.2.0",
|
||||
"text-mask-core": "5.1.2",
|
||||
"tslib": "2.6.2"
|
||||
"tslib": "^2.6.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular/common": ">=12.0.0",
|
||||
@@ -5255,22 +5255,22 @@
|
||||
"@angular/forms": ">=12.0.0",
|
||||
"@angular/router": ">=12.0.0",
|
||||
"@ng-web-apis/common": "3.0.6",
|
||||
"@ng-web-apis/mutation-observer": "3.1.0",
|
||||
"@ng-web-apis/resize-observer": "3.0.6",
|
||||
"@taiga-ui/cdk": "^3.73.0",
|
||||
"@taiga-ui/core": "^3.73.0",
|
||||
"@taiga-ui/i18n": "^3.73.0",
|
||||
"@tinkoff/ng-polymorpheus": "4.3.0",
|
||||
"@ng-web-apis/mutation-observer": "^3.1.0",
|
||||
"@ng-web-apis/resize-observer": "^3.0.6",
|
||||
"@taiga-ui/cdk": "^3.77.1",
|
||||
"@taiga-ui/core": "^3.77.1",
|
||||
"@taiga-ui/i18n": "^3.77.1",
|
||||
"@tinkoff/ng-polymorpheus": "^4.3.0",
|
||||
"rxjs": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@taiga-ui/styles": {
|
||||
"version": "3.73.0",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/styles/-/styles-3.73.0.tgz",
|
||||
"integrity": "sha512-hFInEKxsI4fj5KZCIGzH/zY00YwE2PsUoAlzoeGqpfnOG5rY/2WFpZnLrj7yJCOkFzsFy9KUZC00d46w50ijnQ==",
|
||||
"version": "3.77.1",
|
||||
"resolved": "https://registry.npmjs.org/@taiga-ui/styles/-/styles-3.77.1.tgz",
|
||||
"integrity": "sha512-YoPXqY1pz+13vYhHnE6hskjRtnDDGgjnZIPtx05ChN8/TDIJ6NiaWKI5Es/G4fq3vKJnq2yIZ9D2Ghm/aPItGw==",
|
||||
"peerDependencies": {
|
||||
"@taiga-ui/cdk": "^3.73.0",
|
||||
"tslib": "2.6.2"
|
||||
"@taiga-ui/cdk": "^3.77.1",
|
||||
"tslib": "^2.6.2"
|
||||
}
|
||||
},
|
||||
"node_modules/@tinkoff/ng-dompurify": {
|
||||
@@ -5287,9 +5287,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@tinkoff/ng-event-plugins": {
|
||||
"version": "3.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@tinkoff/ng-event-plugins/-/ng-event-plugins-3.1.1.tgz",
|
||||
"integrity": "sha512-JC64sdpiOHmq4rZBFzqVweQoPxN7afoCuebKayEELEODho6oYiTVyM3P9T9JWUyzieSujDP7um7fiCggrWc83A==",
|
||||
"version": "3.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@tinkoff/ng-event-plugins/-/ng-event-plugins-3.2.0.tgz",
|
||||
"integrity": "sha512-n56R5xNfiytabh2WmWdQXfNU6m7dfOo3LLxlARE+DX7f5yciW2xBdDkuEHX74q8dlCuAVlW9aslSfz8c//ymwA==",
|
||||
"dependencies": {
|
||||
"tslib": "^2.2.0"
|
||||
},
|
||||
|
||||
@@ -45,17 +45,17 @@
|
||||
"@start9labs/argon2": "^0.1.0",
|
||||
"@start9labs/emver": "^0.1.5",
|
||||
"@start9labs/start-sdk": "file:../sdk/dist",
|
||||
"@taiga-ui/addon-charts": "3.73.0",
|
||||
"@taiga-ui/addon-commerce": "3.73.0",
|
||||
"@taiga-ui/addon-mobile": "3.73.0",
|
||||
"@taiga-ui/cdk": "3.73.0",
|
||||
"@taiga-ui/core": "3.73.0",
|
||||
"@taiga-ui/experimental": "3.73.0",
|
||||
"@taiga-ui/icons": "3.73.0",
|
||||
"@taiga-ui/kit": "3.73.0",
|
||||
"@taiga-ui/styles": "3.73.0",
|
||||
"@taiga-ui/addon-charts": "3.77.1",
|
||||
"@taiga-ui/addon-commerce": "3.77.1",
|
||||
"@taiga-ui/addon-mobile": "3.77.1",
|
||||
"@taiga-ui/cdk": "3.77.1",
|
||||
"@taiga-ui/core": "3.77.1",
|
||||
"@taiga-ui/experimental": "3.77.1",
|
||||
"@taiga-ui/icons": "3.77.1",
|
||||
"@taiga-ui/kit": "3.77.1",
|
||||
"@taiga-ui/styles": "3.77.1",
|
||||
"@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",
|
||||
"base64-js": "^1.5.1",
|
||||
"cbor": "npm:@jprochazk/cbor@^0.4.9",
|
||||
|
||||
@@ -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 { PackageDataEntry } from '@startos'
|
||||
import { TuiButtonModule } from '@taiga-ui/experimental'
|
||||
|
||||
@Component({
|
||||
selector: 'service-backups',
|
||||
template: `
|
||||
<div>
|
||||
<div [style.flex]="1">
|
||||
<small>Last backup</small>
|
||||
6 days ago
|
||||
{{ previous() | i18nPlural: ago }}
|
||||
</div>
|
||||
<div>
|
||||
<div [style.flex]="1">
|
||||
<small>Next backup</small>
|
||||
Not scheduled
|
||||
{{ next() | i18nPlural: in }}
|
||||
</div>
|
||||
<div>
|
||||
<div [style.min-width.%]="100">
|
||||
<a
|
||||
tuiButton
|
||||
iconLeft="tuiIconPlusSquare"
|
||||
@@ -31,11 +38,7 @@ import { TuiButtonModule } from '@taiga-ui/experimental'
|
||||
gap: 1rem;
|
||||
flex-wrap: wrap;
|
||||
white-space: nowrap;
|
||||
|
||||
> :last-child {
|
||||
min-width: 100%;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
padding-bottom: 1rem;
|
||||
|
||||
small {
|
||||
display: block;
|
||||
@@ -46,6 +49,34 @@ import { TuiButtonModule } from '@taiga-ui/experimental'
|
||||
`,
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
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)),
|
||||
)
|
||||
}
|
||||
|
||||
@@ -65,7 +65,7 @@ import { DependencyInfo } from '../types/dependency-info'
|
||||
@if (isInstalled(service)) {
|
||||
<section [style.grid-column]="'span 3'">
|
||||
<h3>Backups</h3>
|
||||
<service-backups />
|
||||
<service-backups [pkg]="service.pkg" />
|
||||
</section>
|
||||
|
||||
<section [style.grid-column]="'span 6'">
|
||||
|
||||
@@ -913,7 +913,7 @@ export module Mock {
|
||||
integer: false,
|
||||
}),
|
||||
}),
|
||||
displayAs: 'I\'m {{last-name}}, {{first-name}} {{last-name}}',
|
||||
displayAs: `I'm {{last-name}}, {{first-name}} {{last-name}}`,
|
||||
uniqueBy: 'last-name',
|
||||
},
|
||||
),
|
||||
@@ -1295,6 +1295,7 @@ export module Mock {
|
||||
icon: '/assets/img/service-icons/bitcoind.svg',
|
||||
installedAt: new Date().toISOString(),
|
||||
lastBackup: null,
|
||||
nextBackup: null,
|
||||
status: {
|
||||
configured: true,
|
||||
main: {
|
||||
@@ -1539,6 +1540,7 @@ export module Mock {
|
||||
icon: '/assets/img/service-icons/btc-rpc-proxy.png',
|
||||
installedAt: new Date().toISOString(),
|
||||
lastBackup: null,
|
||||
nextBackup: null,
|
||||
status: {
|
||||
configured: false,
|
||||
main: {
|
||||
@@ -1681,6 +1683,7 @@ export module Mock {
|
||||
icon: '/assets/img/service-icons/lnd.png',
|
||||
installedAt: new Date().toISOString(),
|
||||
lastBackup: null,
|
||||
nextBackup: null,
|
||||
status: {
|
||||
configured: true,
|
||||
main: {
|
||||
|
||||
@@ -146,7 +146,8 @@ export const mockPatchData: DataModel = {
|
||||
},
|
||||
icon: '/assets/img/service-icons/bitcoind.svg',
|
||||
installedAt: new Date().toISOString(),
|
||||
lastBackup: null,
|
||||
lastBackup: new Date(new Date().valueOf() - 604800001).toISOString(),
|
||||
nextBackup: new Date(new Date().valueOf() + 100000000).toISOString(),
|
||||
status: {
|
||||
configured: true,
|
||||
main: {
|
||||
@@ -419,6 +420,7 @@ export const mockPatchData: DataModel = {
|
||||
icon: '/assets/img/service-icons/lnd.png',
|
||||
installedAt: new Date().toISOString(),
|
||||
lastBackup: null,
|
||||
nextBackup: null,
|
||||
status: {
|
||||
configured: true,
|
||||
main: {
|
||||
|
||||
@@ -131,6 +131,7 @@ export type PackageDataEntry<T extends StateInfo = StateInfo> =
|
||||
stateInfo: T
|
||||
installedAt: string
|
||||
outboundProxy: string | null
|
||||
nextBackup: string | null
|
||||
}
|
||||
|
||||
export type StateInfo = InstalledState | InstallingState | UpdatingState
|
||||
|
||||
Reference in New Issue
Block a user