feat(Database) Adding entity dialog
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
@inject IEntityDialogService entityDialogService
|
||||
|
||||
<div class="dialogBackground" onclick="@CloseDialog">
|
||||
|
||||
<div class="dialogContainer"
|
||||
@onclick:preventDefault="true"
|
||||
@onclick:stopPropagation="true">
|
||||
@if (entity == null)
|
||||
{
|
||||
<div>Entity is null</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="dialogHeader">
|
||||
<div class="dialogTitle">
|
||||
@entity.Info().Name
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="dialogContent">
|
||||
<div>
|
||||
<EntityVanguardAddedComponent Entity=@entity></EntityVanguardAddedComponent>
|
||||
<EntityInfoComponent Entity=@entity></EntityInfoComponent>
|
||||
<EntityVanguardsComponent Entity=@entity></EntityVanguardsComponent>
|
||||
<EntityProductionComponent Entity=@entity></EntityProductionComponent>
|
||||
<EntityStatsComponent Entity=@entity></EntityStatsComponent>
|
||||
<EntityMechanicsComponent Entity=@entity></EntityMechanicsComponent>
|
||||
<EntityPassivesComponent Entity=@entity></EntityPassivesComponent>
|
||||
<EntityPyreSpellsComponent Entity=@entity></EntityPyreSpellsComponent>
|
||||
<EntityUpgradesComponent Entity=@entity></EntityUpgradesComponent>
|
||||
<EntityWeaponsComponent Entity=@entity></EntityWeaponsComponent>
|
||||
<EntityAbilitiesComponent Entity=@entity></EntityAbilitiesComponent>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="dialogFooter"></div>
|
||||
}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
@code {
|
||||
private EntityModel entity = null;
|
||||
|
||||
[Parameter] public string EntityId { get; set; }
|
||||
|
||||
protected override void OnParametersSet()
|
||||
{
|
||||
if (entityDialogService.GetEntityId() == null)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
entity = DATA.Get()[EntityId];
|
||||
}
|
||||
|
||||
public void CloseDialog()
|
||||
{
|
||||
entityDialogService.CloseDialog();
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
|
||||
.dialogBackground {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.dialogContainer {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 64px;
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
|
||||
background-color: var(--background);
|
||||
border-width: var(--dialog-border-width);
|
||||
border-style: solid;
|
||||
border-color: var(--dialog-border-color);
|
||||
border-radius: var(--dialog-radius);
|
||||
|
||||
|
||||
box-shadow: 1px 2px 2px black;
|
||||
|
||||
}
|
||||
|
||||
.dialogHeader {
|
||||
width: 100%;
|
||||
background-color: var(--accent);
|
||||
|
||||
border-top-left-radius: var(--dialog-radius);
|
||||
border-top-right-radius: var(--dialog-radius);
|
||||
border-bottom: 4px solid black;
|
||||
}
|
||||
|
||||
.dialogTitle {
|
||||
padding: 16px;
|
||||
font-size: 2rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dialogContent {
|
||||
flex-grow: 1;
|
||||
padding: 6px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.dialogFooter {
|
||||
width: 100%;
|
||||
height: 6px;
|
||||
background-color: var(--paper);
|
||||
}
|
||||
Reference in New Issue
Block a user