87 lines
2.8 KiB
Plaintext
87 lines
2.8 KiB
Plaintext
@page "/pokemonsleep/add-new-pokemon"
|
|
|
|
@inject IPokemonService PokemonService
|
|
@inject NavigationManager Navigation
|
|
|
|
@inject IJSRuntime JS
|
|
|
|
@attribute [StreamRendering]
|
|
@rendermode InteractiveServer
|
|
|
|
|
|
<PageTitle>Add New Pokémon</PageTitle>
|
|
<PokemonHeader />
|
|
|
|
|
|
@if (isSubmitting)
|
|
{
|
|
<p><em>Submitting...</em></p>
|
|
}
|
|
else
|
|
{
|
|
<div class="container mx-0 px-0">
|
|
<div class="row mt-5">
|
|
<div class="d-flex justify-content-evenly h-100 p-0">
|
|
|
|
<div class="mx-1 align-content-center">
|
|
<div class="addcard">
|
|
<PokemonAddForm
|
|
OnPokemonReady="ReceivePokemon1"
|
|
mostRecentForm=false
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@if(!pokemon2FormView && !pokemon3FormView)
|
|
{
|
|
<div class="mx-1 align-content-center">
|
|
<PokemonAddButton OnAdd="TogglePokemon2FormView" />
|
|
</div>
|
|
}
|
|
|
|
else if (pokemon2FormView && !pokemon3FormView)
|
|
{
|
|
<div class="mx-1 align-content-center">
|
|
<div class="addcard">
|
|
<PokemonAddForm OnPokemonReady="ReceivePokemon2"
|
|
RemoveForm="TogglePokemon2FormView"
|
|
mostRecentForm="@pokemon2FormView" />
|
|
</div>
|
|
</div>
|
|
<div class="mx-1 align-content-center">
|
|
<PokemonAddButton OnAdd="TogglePokemon3FormView" />
|
|
</div>
|
|
}
|
|
|
|
else if (!pokemon2FormView && pokemon3FormView)
|
|
{
|
|
<div class="mx-1 align-content-center">
|
|
<div class="addcard">
|
|
<PokemonAddForm OnPokemonReady="ReceivePokemon2"
|
|
RemoveForm="TogglePokemon2FormView"
|
|
mostRecentForm="@pokemon2FormView" />
|
|
</div>
|
|
</div>
|
|
<div class="mx-1 align-content-center">
|
|
<div class="addcard">
|
|
<PokemonAddForm OnPokemonReady="ReceivePokemon3"
|
|
RemoveForm="TogglePokemon3FormView"
|
|
mostRecentForm="@pokemon3FormView" />
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="d-flex justify-content-center">
|
|
<div class="btn-group">
|
|
<button @onclick="@HandleAdd" class="btn btn-primary rounded">Add Pokemon</button>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
|