TourIAm/TIAMSharedUI/Pages/Register.razor

86 lines
2.3 KiB
Plaintext

@page "/register"
@using TIAMWebApp.Shared.Application.Models.PageModels;
@using TIAMSharedUI.Pages.Components;
@inject NavigationManager navManager
<PageTitle>Register</PageTitle>
<div class="wrapper">
<div class="my-logo">
<img src="_content/TIAMSharedUI/images/png-logo-0.png" alt="">
</div>
<div class="text-center mt-4 name">
Let's create your account!
</div>
<form class="p-3 mt-3">
<div>
@switch (currentStep)
{
case 1:
<Step1 @bind-Email="regModel.Email" onNext="GoToNextStep" />;
break;
case 2:
<Step2 @bind-PhoneNumber="regModel.PhoneNumber" onNext="GoToNextStep" />;
break;
case 3:
<Step3 @bind-Password="regModel.Password" onSubmit="SubmitRegistration" />;
break;
}
</div>
</form>
@{
if(!registered)
{
<div>
<p>@regModel.Email</p>
<p>@regModel.PhoneNumber</p>
<p>@regModel.Password</p>
</div>
}
}
<div class="text-center fs-6">
Already have an account? <a href="login">Sign in here!</a>
</div>
</div>
@code {
RegistrationModel regModel = new();
/*IEnumerable<char> PredefinedPlaceholders = new List<char>() { '_', '#' };
string Telephone { get; set; } = "5625595830";
char Placeholder { get; set; } = '_';
bool SaveLiterals { get; set; } = true;*/
private void next()
{
navManager.NavigateTo("register2");
}
private int currentStep = 1;
private string Email { get; set; }
private string PhoneNumber { get; set; }
private string Password { get; set; }
bool registered = false;
private void GoToNextStep(string someString)
{
currentStep++;
}
private void SubmitRegistration()
{
// Implement your registration logic here
// You can use Email, PhoneNumber, and Password variables
// Reset currentStep after successful registration
registered = true;
currentStep = 1;
}
}