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

ui: remove action button on wizard while loading

Browse Source
This commit is contained in:
Aaron Greenspan
2021-02-01 12:12:54 -07:00
committed by Aiden McClelland
parent 50a2be243a
commit 58468dd53f
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/app/components/install-wizard/install-wizard.component.html
View File

@@ -43,8 +43,8 @@
<ion-text *ngIf="cancel.text as t">{{t}}</ion-text> <ion-text *ngIf="cancel.text as t">{{t}}</ion-text>
<ion-icon *ngIf="!cancel.text" name="close-outline"></ion-icon> <ion-icon *ngIf="!cancel.text" name="close-outline"></ion-icon>
</ion-button> </ion-button>
<ion-button slot="end" *ngIf="currentSlideDef.nextButton as nextButton" (click)="finished({})" [disabled]="$anythingLoading$ | async" fill="outline" class="toolbar-button" color="primary"><ion-text [class.smaller-text]="nextButton.length > 16">{{nextButton}}</ion-text></ion-button> <ion-button slot="end" *ngIf="!($anythingLoading$ | async) && currentSlideDef.nextButton as nextButton" (click)="finished({})" fill="outline" class="toolbar-button" color="primary"><ion-text [class.smaller-text]="nextButton.length > 16">{{nextButton}}</ion-text></ion-button>
<ion-button slot="end" *ngIf="currentSlideDef.finishButton as finishButton" (click)="finished({ final: true })" [disabled]="$anythingLoading$ | async" fill="outline" class="toolbar-button" color="primary"><ion-text [class.smaller-text]="finishButton.length > 16">{{finishButton}}</ion-text></ion-button> <ion-button slot="end" *ngIf="!($anythingLoading$ | async) && currentSlideDef.finishButton as finishButton" (click)="finished({ final: true })" fill="outline" class="toolbar-button" color="primary"><ion-text [class.smaller-text]="finishButton.length > 16">{{finishButton}}</ion-text></ion-button>
</ng-container> </ng-container>
<ng-container *ngIf="$error$ | async"> <ng-container *ngIf="$error$ | async">
<ion-button slot="start" (click)="finished({ final: true })" style="text-transform: capitalize; font-weight: bolder;" color="danger">Dismiss</ion-button> <ion-button slot="start" (click)="finished({ final: true })" style="text-transform: capitalize; font-weight: bolder;" color="danger">Dismiss</ion-button>

11
ui/src/app/components/install-wizard/install-wizard.component.ts
View File

@@ -3,7 +3,7 @@ import { IonContent, IonSlides, ModalController } from '@ionic/angular'
import { BehaviorSubject, combineLatest, Subscription } from 'rxjs' import { BehaviorSubject, combineLatest, Subscription } from 'rxjs'
import { map } from 'rxjs/operators' import { map } from 'rxjs/operators'
import { Cleanup } from 'src/app/util/cleanup' import { Cleanup } from 'src/app/util/cleanup'
import { capitalizeFirstLetter } from 'src/app/util/misc.util' import { capitalizeFirstLetter, pauseFor } from 'src/app/util/misc.util'
import { CompleteComponent } from './complete/complete.component' import { CompleteComponent } from './complete/complete.component'
import { DependenciesComponent } from './dependencies/dependencies.component' import { DependenciesComponent } from './dependencies/dependencies.component'
import { DependentsComponent } from './dependents/dependents.component' import { DependentsComponent } from './dependents/dependents.component'
@@ -81,13 +81,12 @@ export class InstallWizardComponent extends Cleanup implements OnInit {
private async slide () { private async slide () {
if (this.slideComponents[this.slideIndex + 1] === undefined) { return this.finished({ final: true }) } if (this.slideComponents[this.slideIndex + 1] === undefined) { return this.finished({ final: true }) }
this.zone.run(async () => { this.zone.run(async () => {
this.slideComponents[this.slideIndex + 1].load()
await pauseFor(50)
this.slideIndex += 1 this.slideIndex += 1
this.currentSlide.load()
await this.slideContainer.lockSwipes(false) await this.slideContainer.lockSwipes(false)
await Promise.all([ await this.contentContainer.scrollToTop()
this.contentContainer.scrollToTop(), await this.slideContainer.slideNext(500)
this.slideContainer.slideNext(500),
])
await this.slideContainer.lockSwipes(true) await this.slideContainer.lockSwipes(true)
}) })
} }