From 40360c17d82b33accb34ea974c275e17880c37aa Mon Sep 17 00:00:00 2001 From: Kimsible <1877318+kimsible@users.noreply.github.com> Date: Mon, 7 Dec 2020 16:34:07 +0100 Subject: improvements to login and sign-up pages (#3357) * New login form ui * Move InstanceAboutAccordion to shared components * Update closed registration alert text * Add alert for opened registration and move them bellow login form * Adjust flex block on signup and login views * Replace toggle accordion with expand on links in signup and login + scrollTo * Improve display of login alerts * Fix missing Component suffix * Define min-width instance-information block sign-up and login for mobile screens * Add ability to select specific panels in instanceAboutAccorddion * Add instance title and short-description to common instanceAboutAccordion * Clarify title alert in login page * Add step terms for signup Co-authored-by: kimsible Co-authored-by: Rigel Kent --- client/src/app/+signup/+register/custom-stepper.component.ts | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'client/src/app/+signup/+register/custom-stepper.component.ts') diff --git a/client/src/app/+signup/+register/custom-stepper.component.ts b/client/src/app/+signup/+register/custom-stepper.component.ts index 2ae40f3a9..5a80895f9 100644 --- a/client/src/app/+signup/+register/custom-stepper.component.ts +++ b/client/src/app/+signup/+register/custom-stepper.component.ts @@ -16,4 +16,11 @@ export class CustomStepperComponent extends CdkStepper { isCompleted (step: CdkStep) { return step.stepControl && step.stepControl.dirty && step.stepControl.valid } + + isAccessible (index: number) { + const stepsCompletedMap = this.steps.map(step => this.isCompleted(step)) + return index === 0 + ? true + : stepsCompletedMap[ index - 1 ] + } } -- cgit v1.2.3