fix conditional display state (#1612)

* fix conditional display state

* fix footer

* fix empty case

* remove select all from backup restore

* fix styling and add warning message to service restore

* update copy
This commit is contained in:
Lucy C
2022-07-04 15:06:23 -06:00
committed by GitHub
parent 89da50dd37
commit 3cfc333512
5 changed files with 36 additions and 38 deletions

View File

@@ -9,8 +9,8 @@
</ion-toolbar>
</ion-header>
<div *ngIf="pkgs.length; else noServices">
<ion-content>
<ion-content>
<ng-container *ngIf="pkgs.length; else empty">
<ion-item-group>
<ion-item-divider>
<ion-buttons slot="end" style="padding-bottom: 6px">
@@ -34,25 +34,24 @@
></ion-checkbox>
</ion-item>
</ion-item-group>
</ion-content>
</ng-container>
<ng-template #empty>
<h2 class="center">No services installed!</h2>
</ng-template>
</ion-content>
<ion-footer>
<ion-toolbar>
<ion-buttons slot="end" class="ion-padding-end">
<ion-button
[disabled]="!hasSelection"
fill="solid"
color="primary"
(click)="dismiss(true)"
class="enter-click btn-128"
>
Back Up Selected
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-footer>
</div>
<ng-template #noServices>
<ion-content><h2 class="center">No services installed!</h2></ion-content>
</ng-template>
<ion-footer>
<ion-toolbar>
<ion-buttons slot="end" class="ion-padding-end">
<ion-button
[disabled]="!hasSelection"
fill="solid"
color="primary"
(click)="dismiss(true)"
class="enter-click btn-128"
>
Back Up Selected
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-footer>