JonathanMcCaffrey/IGP-Fan-Reference
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updating Mudblazor Version

Browse Source
This commit is contained in:
Jonathan
2025-04-27 19:34:50 -04:00
parent 38ff4e3e89
commit e820457176
153 changed files with 5010 additions and 2059 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Components/Components.csproj
+8 -8
View File
@@ -15,24 +15,24 @@
</PropertyGroup>
<ItemGroup>
<SupportedPlatform Include="browser" />
<SupportedPlatform Include="browser"/>
</ItemGroup>
<ItemGroup>
<PackageReference Include="Markdig" Version="0.28.1" />
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.14" />
<PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.14" />
<PackageReference Include="Markdig" Version="0.28.1"/>
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.14"/>
<PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.14"/>
</ItemGroup>
<ItemGroup>
<Folder Include="Inputs\" />
<Folder Include="Inputs\"/>
</ItemGroup>
<ItemGroup>
<ProjectReference Include="..\Model\Model.csproj" />
<ProjectReference Include="..\Services\Services.csproj" />
<ProjectReference Include="..\Model\Model.csproj"/>
<ProjectReference Include="..\Services\Services.csproj"/>
</ItemGroup>
<ItemGroup>
<None Remove="Inputs\" />
<None Remove="Inputs\"/>
</ItemGroup>
</Project>
Components/Display/CodeComponent.razor
+5 -6
View File
@@ -13,15 +13,14 @@
overflow-x: scroll;
}
.code::-webkit-scrollbar {
height: 0;
background: transparent;
}
.code::-webkit-scrollbar {
height: 0;
background: transparent;
}
</style>
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
}
Components/Display/DevOnlyComponent.razor
+6 -8
View File
@@ -22,7 +22,7 @@
}
.devOnlyTitle {
background-color: rgba(20,20,20,0.75);
background-color: rgba(20, 20, 20, 0.75);
padding: 10px;
color: orange;
font-weight: bolder;
@@ -30,14 +30,14 @@
}
.devOnlyContent {
background-color: rgba(20,20,20,0.75);
background-color: rgba(20, 20, 20, 0.75);
width: 100%;
padding: 10px;
}
.devOnlyTitleContainer {
background: repeating-linear-gradient( 45deg, blue, blue 50px, orange 51px, orange 100px);
background: repeating-linear-gradient(45deg, blue, blue 50px, orange 51px, orange 100px);
margin-right: auto;
padding: 10px;
border-left: 6px dashed orange;
@@ -48,7 +48,7 @@
.devOnlyContentContainer {
border: 6px dashed orange;
background: repeating-linear-gradient( 45deg, blue, blue 50px, orange 51px, orange 100px);
background: repeating-linear-gradient(45deg, blue, blue 50px, orange 51px, orange 100px);
box-shadow: 5px 5px 5px blue;
padding: 20px;
}
@@ -58,11 +58,9 @@
@code {
[Inject]
NavigationManager NavigationManager { get; set; } = default!;
[Inject] NavigationManager NavigationManager { get; set; } = default!;
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
bool isOnDev;
Components/Display/EntityDisplayComponent.razor
+2 -4
View File
@@ -69,10 +69,8 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public string Title { get; set; } = default!;
[Parameter] public string Title { get; set; } = default!;
}
Components/Display/InfoTooltipComponent.razor
+10 -13
View File
@@ -18,9 +18,9 @@
width: 520px;
max-width: 93vw;
bottom: 100%;
margin-top: 60px;
margin-left: -60px;
margin-bottom: 36px;
@@ -30,18 +30,18 @@
padding-top: 20px;
white-space: break-spaces;
z-index: 2147483647;
background-color: var(--info-secondary);
border: 1px solid var(--info-secondary-border);
border: 1px solid var(--info-secondary-border);
border-radius: 2px;
box-shadow: 0 3px 8px rgba(0,0,0,0.5);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
}
.tooltipWrapper:hover .tooltipContent {
visibility: visible;
}
@@media only screen and (max-width: 1025px) {
@@ -55,13 +55,10 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public string InfoText { get; set; } = default!;
[Parameter] public string InfoText { get; set; } = default!;
[Parameter]
public int? Margin { get; set; }
[Parameter] public int? Margin { get; set; }
}
Components/Display/MakingOfComponent.razor
+8 -13
View File
@@ -55,7 +55,7 @@
flex-wrap: wrap;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.makingofItem {
@@ -70,13 +70,13 @@
.makingOfContainer summary {
font-weight: bold;
padding: 12px;
background-color: rgba(0,0,0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
}
.shownCode {
visibility: hidden;
padding: 12px;
background-color: rgba(0,0,0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
}
.makingOfContainer details[open] .shownCode {
@@ -97,20 +97,15 @@
@code {
[Parameter]
public RenderFragment Title { get; set; } = default!;
[Parameter] public RenderFragment Title { get; set; } = default!;
[Parameter]
public RenderFragment Description { get; set; } = default!;
[Parameter] public RenderFragment Description { get; set; } = default!;
[Parameter]
public RenderFragment Example { get; set; } = default!;
[Parameter] public RenderFragment Example { get; set; } = default!;
[Parameter]
public RenderFragment Usage { get; set; } = default!;
[Parameter] public RenderFragment Usage { get; set; } = default!;
[Parameter]
public RenderFragment Code { get; set; } = default!;
[Parameter] public RenderFragment Code { get; set; } = default!;
}
Components/Display/MakingOfSectionComponent.razor
+6 -8
View File
@@ -9,24 +9,22 @@
<style>
.makingOfSection {
width: 100%;
background-color: rgba(0,0,0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
padding: 25px;
border-radius: 8px;
border: 2px black dashed;
}
.makingOfSection > summary {
font-size: 3.4em;
}
.makingOfSection > summary {
font-size: 3.4em;
}
</style>
@code {
[Parameter]
public string Title { get; set; } = default!;
[Parameter] public string Title { get; set; } = default!;
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
}
Components/Display/PanelComponent.razor
+1 -2
View File
@@ -15,7 +15,6 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
}
Components/Display/PaperComponent.razor
+2 -4
View File
@@ -18,10 +18,8 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public string Title { get; set; } = default!;
[Parameter] public string Title { get; set; } = default!;
}
Components/Feedback/AlertComponent.razor
+3 -6
View File
@@ -52,13 +52,10 @@
@code {
[Parameter]
public RenderFragment? Title { get; set; }
[Parameter] public RenderFragment? Title { get; set; }
[Parameter]
public RenderFragment? Message { get; set; }
[Parameter] public RenderFragment? Message { get; set; }
[Parameter]
public string Type { get; set; } = SeverityType.Warning;
[Parameter] public string Type { get; set; } = SeverityType.Warning;
}
Components/Feedback/ToastComponent.razor
+5 -6
View File
@@ -19,7 +19,7 @@ else
}
<style>
.toastContainer {
.toastContainer {
border: 4px solid;
border-radius: 4px;
padding: 16px;
@@ -29,7 +29,7 @@ else
width: 250px;
cursor: pointer;
}
.@SeverityType.Warning.ToLower() {
background-color: var(--severity-warning-color);
border-color: var(--severity-warning-border-color);
@@ -58,11 +58,10 @@ else
@code {
[Parameter]
public ToastModel? Toast { get; set; } = default!;
[Parameter] public ToastModel? Toast { get; set; }
private float removalTime = 1300;
private float fadeoutTime = 1200;
private readonly float removalTime = 1300;
private readonly float fadeoutTime = 1200;
private float Opacity()
{
Components/Form/FormCheckboxComponent.razor
+5 -10
View File
@@ -51,20 +51,15 @@
@code {
[Parameter]
public string Label { get; set; } = "";
[Parameter] public string Label { get; set; } = "";
[Parameter]
public string Info { get; set; } = "";
[Parameter] public string Info { get; set; } = "";
[Parameter]
public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter]
public bool ReadOnly { get; set; }
[Parameter] public bool ReadOnly { get; set; }
[Parameter]
public bool Value { get; set; }
[Parameter] public bool Value { get; set; }
private string labelId = "";
Components/Form/FormDisplayComponent.razor
+7 -12
View File
@@ -35,23 +35,18 @@
</style>
@code {
//TODO Clean up
[Parameter]
public string Label { get; set; } = default!;
[Parameter] public string Label { get; set; } = default!;
[Parameter]
public string Info { get; set; } = default!;
[Parameter] public string Info { get; set; } = default!;
[Parameter]
public RenderFragment? Display { get; set; }
[Parameter] public RenderFragment? Display { get; set; }
[Parameter]
public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter]
public bool? ReadOnly { get; set; }
[Parameter] public bool? ReadOnly { get; set; }
[Parameter]
public string? Value { get; set; }
[Parameter] public string? Value { get; set; }
}
Components/Form/FormEscapeCodeComponent.razor
+2 -2
View File
@@ -2,11 +2,11 @@
<div class="escapeCodeContainer">
<textarea style="background-color: #2C2E33; width: 100%; border:3px solid #A8ADB9; border-radius:1px; padding: 8px;"
rows="8"
@onchange="OnChange" />
@onchange="OnChange"/>
<textarea style="background-color: #2C2E33; width: 100%; border:3px solid #A8ADB9; border-radius:1px; padding: 8px;"
rows="8"
@bind="Output" />
@bind="Output"/>
</div>
<style>
Components/Form/FormGuessComponent.razor
+5 -10
View File
@@ -73,20 +73,15 @@
@code {
[Parameter]
public string Label { get; set; } = "";
[Parameter] public string Label { get; set; } = "";
[Parameter]
public string Info { get; set; } = "";
[Parameter] public string Info { get; set; } = "";
[Parameter]
public EventCallback<AnswerEventArgs> OnChange { get; set; } = default!;
[Parameter] public EventCallback<AnswerEventArgs> OnChange { get; set; }
[Parameter]
public MemoryQuestionModel MemoryQuestion { get; set; } = default!;
[Parameter] public MemoryQuestionModel MemoryQuestion { get; set; } = default!;
[Parameter]
public bool IsSubmitted { get; set; }
[Parameter] public bool IsSubmitted { get; set; }
private string? guess = "";
Components/Form/FormInfoComponent.razor
+1 -2
View File
@@ -6,7 +6,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Form/FormLabelComponent.razor
+1 -2
View File
@@ -4,7 +4,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Form/FormLayoutComponent.razor
+1 -2
View File
@@ -4,7 +4,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Form/FormNumberComponent.razor
+8 -16
View File
@@ -38,17 +38,13 @@
@code {
[Parameter]
public RenderFragment? FormLabelComponent { get; set; }
[Parameter] public RenderFragment? FormLabelComponent { get; set; }
[Parameter]
public string Id { get; set; } = default!;
[Parameter] public string Id { get; set; } = default!;
[Parameter]
public RenderFragment? FormInfoComponent { get; set; }
[Parameter] public RenderFragment? FormInfoComponent { get; set; }
[Parameter]
public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
void OnInputChanged(ChangeEventArgs changeEventArgs)
{
@@ -73,16 +69,12 @@
}
}
[Parameter]
public bool ReadOnly { get; set; } = false;
[Parameter] public bool ReadOnly { get; set; }
[Parameter]
public int Value { get; set; } = 0;
[Parameter] public int Value { get; set; }
[Parameter]
public int Min { get; set; } = 0;
[Parameter] public int Min { get; set; }
[Parameter]
public int Max { get; set; } = 2048;
[Parameter] public int Max { get; set; } = 2048;
}
Components/Form/FormSelectComponent.razor
+4 -8
View File
@@ -17,16 +17,12 @@
@code {
[Parameter]
public RenderFragment? FormLabelComponent { get; set; }
[Parameter] public RenderFragment? FormLabelComponent { get; set; }
[Parameter]
public RenderFragment? FormInfoComponent { get; set; }
[Parameter] public RenderFragment? FormInfoComponent { get; set; }
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
[Parameter]
public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
}
Components/Form/FormTextAreaComponent.razor
+10 -19
View File
@@ -11,7 +11,7 @@
type="text"
rows="@Rows"
value="@Value"
@onchange="OnChange" />
@onchange="OnChange"/>
</div>
@if (Info != "")
{
@@ -56,32 +56,23 @@
@code {
[Parameter]
public RenderFragment? FormLabelComponent { get; set; }
[Parameter] public RenderFragment? FormLabelComponent { get; set; }
[Parameter]
public RenderFragment? FormInfoComponent { get; set; }
[Parameter] public RenderFragment? FormInfoComponent { get; set; }
[Parameter]
public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter]
public bool? ReadOnly { get; set; }
[Parameter] public bool? ReadOnly { get; set; }
[Parameter]
public string? Value { get; set; }
[Parameter] public string? Value { get; set; }
[Parameter]
public int Rows { get; set; } = 4;
[Parameter] public int Rows { get; set; } = 4;
[Parameter]
public string Label { get; set; } = "";
[Parameter] public string Label { get; set; } = "";
[Parameter]
public string Info { get; set; } = "";
[Parameter] public string Info { get; set; } = "";
[Parameter]
public string Placeholder { get; set; } = "";
[Parameter] public string Placeholder { get; set; } = "";
private string labelId = "";
Components/Form/FormTextComponent.razor
+9 -18
View File
@@ -52,34 +52,25 @@
@code {
[Parameter]
public string Id { get; set; } = "";
[Parameter] public string Id { get; set; } = "";
[Parameter]
public string Label { get; set; } = "";
[Parameter] public string Label { get; set; } = "";
[Parameter]
public string Info { get; set; } = "";
[Parameter] public string Info { get; set; } = "";
[Parameter]
public string Placeholder { get; set; } = "";
[Parameter] public string Placeholder { get; set; } = "";
[Parameter]
public EventCallback<ChangeEventArgs> OnInput { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnInput { get; set; }
[Parameter]
public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter]
public EventCallback OnFocus { get; set; }
[Parameter] public EventCallback OnFocus { get; set; }
[Parameter]
public bool ReadOnly { get; set; }
[Parameter] public bool ReadOnly { get; set; }
[Parameter]
public string Value { get; set; } = "";
[Parameter] public string Value { get; set; } = "";
private string labelId = "";
Components/Form/FormToggleComponent.razor
+47 -52
View File
@@ -44,74 +44,69 @@
font-size: 0.8rem;
font-style: italic;
}
.switch {
position: relative;
width: 60px;
height: 34px;
display: flex;
align-items: center;
top: 4px;
position: relative;
width: 60px;
height: 34px;
display: flex;
align-items: center;
top: 4px;
}
.switch input {
opacity: 0;
.switch input {
opacity: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--paper-border);
-webkit-transition: .4s;
transition: .4s;
border-radius: 34px;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--paper-border);
-webkit-transition: .4s;
transition: .4s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
.checked + .slider {
background-color: #7838df;
}
.checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
background-color: #7838df;
}
.checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
</style>
@code {
[Parameter]
public string Label { get; set; } = "";
[Parameter] public string Label { get; set; } = "";
[Parameter]
public string Info { get; set; } = "";
[Parameter] public string Info { get; set; } = "";
[Parameter]
public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
[Parameter]
public bool ReadOnly { get; set; }
[Parameter] public bool ReadOnly { get; set; }
[Parameter]
public bool Value { get; set; }
[Parameter] public bool Value { get; set; }
private string labelId = "";
Components/Info/InfoBodyComponent.razor
+2 -4
View File
@@ -37,10 +37,8 @@
@code {
[Parameter]
public RenderFragment? InfoQuestionComponent { get; set; }
[Parameter] public RenderFragment? InfoQuestionComponent { get; set; }
[Parameter]
public RenderFragment? InfoAnswerComponent { get; set; }
[Parameter] public RenderFragment? InfoAnswerComponent { get; set; }
}
Components/Inputs/ButtonComponent.razor
+13 -16
View File
@@ -19,31 +19,28 @@
background-color: var(--secondary);
}
.@MyButtonType.Primary.ToString().ToLower():hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
color: white;
}
.@MyButtonType.Primary.ToString().ToLower():hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
color: white;
}
.@MyButtonType.Secondary.ToString().ToLower():hover {
background-color: var(--secondary-hover);
border-color: var(--secondary-border-hover);
color: white;
}
.@MyButtonType.Secondary.ToString().ToLower():hover {
background-color: var(--secondary-hover);
border-color: var(--secondary-border-hover);
color: white;
}
</style>
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public EventCallback<EventArgs> OnClick { get; set; } = default!;
[Parameter] public EventCallback<EventArgs> OnClick { get; set; }
[Parameter]
public MyButtonType MyButtonType { get; set; } = default!;
[Parameter] public MyButtonType MyButtonType { get; set; }
private void ButtonClicked(EventArgs eventArgs)
{
Components/Inputs/ButtonGroupComponent.razor
+47 -48
View File
@@ -7,76 +7,75 @@
{
styleClass = "selected";
}
<button @onclick="@(e => OnChangeChoice(choice))" class="groupChoiceButton @styleClass">@choice</button>
}
</div>
</div>
<style>
.groupButtonContainerContainer {
margin: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
justify-items: flex-start;
}
.groupButtonContainer {
display: flex;
background-color: var(--background);
gap: 2px;
margin-right: auto;
border-radius: 8px;
}
.groupButtonContainerContainer {
margin: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
justify-items: flex-start;
}
.groupChoiceButton {
background-color: var(--primary);
color: white;
padding: 12px;
border: 1px solid var(--primary);
}
.groupButtonContainer {
display: flex;
background-color: var(--background);
gap: 2px;
margin-right: auto;
border-radius: 8px;
}
.groupChoiceButton:hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.groupChoiceButton {
background-color: var(--primary);
color: white;
padding: 12px;
border: 1px solid var(--primary);
}
.selected {
background-color: var(--secondary);
color: white;
font-style: normal;
font-weight: bold;
}
.groupChoiceButton:hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.selected:hover {
background-color: var(--secondary-hover);
border-color: var(--secondary-border-hover);
}
.selected {
background-color: var(--secondary);
color: white;
font-style: normal;
font-weight: bold;
}
.selected:hover {
background-color: var(--secondary-hover);
border-color: var(--secondary-border-hover);
}
.groupButtonContainer .groupChoiceButton:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.groupButtonContainer .groupChoiceButton:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.groupButtonContainer .groupChoiceButton:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.groupButtonContainer .groupChoiceButton:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
</style>
@code {
[Parameter]
public string Choice { get; set; } = default!;
[Parameter] public string Choice { get; set; } = default!;
[Parameter]
public List<string> Choices { get; set; } = default!;
[Parameter] public List<string> Choices { get; set; } = default!;
[Parameter]
public EventCallback<string> OnClick { get; set; }
[Parameter] public EventCallback<string> OnClick { get; set; }
protected override void OnInitialized()
Components/Inputs/CodeLinkComponent.razor
+2 -3
View File
@@ -13,7 +13,7 @@
width: 200px;
text-align: center;
}
.codeLinkButton:hover {
color: white;
background-color: var(--info-hover);
@@ -23,7 +23,6 @@
@code {
[Parameter]
public string Href { get; set; } = "";
[Parameter] public string Href { get; set; } = "";
}
Components/Inputs/EditLinkComponent.razor
+2 -3
View File
@@ -13,7 +13,7 @@
width: 180px;
text-align: center;
}
.editLinkButton:hover {
color: white;
background-color: var(--info-hover);
@@ -23,7 +23,6 @@
@code {
[Parameter]
public string Href { get; set; } = "";
[Parameter] public string Href { get; set; } = "";
}
Components/Inputs/EntityLabelComponent.razor
+1 -2
View File
@@ -14,8 +14,7 @@ else
@code {
[Parameter]
public string EntityId { get; set; } = default!;
[Parameter] public string EntityId { get; set; } = default!;
private EntityModel Entity => DATA.Get()[EntityId];
Components/Inputs/LinkButtonComponent.razor
+3 -5
View File
@@ -12,7 +12,7 @@
border-color: var(--primary);
background-color: var(--primary);
}
.linkButtonContainer:hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
@@ -24,12 +24,10 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public string Href { get; set; } = "";
[Parameter] public string Href { get; set; } = "";
}
Components/Inputs/SearchButtonComponent.razor
+8 -10
View File
@@ -26,30 +26,28 @@
border-radius: 8px;
font-weight: 800;
width: 350px;
padding: 5px;
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: space-between;
align-items: center;
}
.searchHotkey {
padding: 4px;
background-color: rgba(255,255,255,0.05);
border: 2px solid rgba(255,255,255,0.25);
background-color: rgba(255, 255, 255, 0.05);
border: 2px solid rgba(255, 255, 255, 0.25);
border-radius: 4px;
}
</style>
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public string Id { get; set; } = default!;
[Parameter] public string Id { get; set; } = default!;
private string _userAgent = "";
Components/Inputs/SearchIconButtonComponent.razor
+6 -8
View File
@@ -16,24 +16,22 @@
padding: 5px;
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: space-between;
align-items: center;
}
.searchIcon {
font-size: 28px;
text-align: center;
font-size: 28px;
text-align: center;
margin: auto;
}
</style>
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public string Id { get; set; } = default!;
[Parameter] public string Id { get; set; } = default!;
private void ButtonClicked(EventArgs eventArgs)
{
Components/Layout/LayoutColumnComponent.razor
+1 -2
View File
@@ -12,7 +12,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Layout/LayoutLargeContentComponent.razor
+1 -3
View File
@@ -23,7 +23,6 @@
}
@@media only screen and (min-width: 1024px) {
.lrg_container {
margin-top: 50px;
@@ -34,7 +33,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Layout/LayoutMediumContentComponent.razor
+2 -3
View File
@@ -23,7 +23,7 @@
}
}
@@media only screen and (min-width: 1024px) {
@@media only screen and (min-width: 1024px) {
.med_container {
margin-top: 50px;
}
@@ -33,7 +33,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Layout/LayoutNoteContentComponent.razor
+1 -2
View File
@@ -29,7 +29,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Layout/LayoutRowComponent.razor
+1 -2
View File
@@ -21,7 +21,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/Layout/LayoutWithSidebarComponent.razor
+7 -10
View File
@@ -10,7 +10,7 @@
<style scoped>
.layoutWithSidebar {
display: grid;
gap: 16px;
width: 65%;
min-width: 1000px;
@@ -18,15 +18,15 @@
margin-right: auto;
padding-top: 10px;
padding-bottom: 30px;
grid-template-columns: 412px 1fr;
grid-template-columns: 412px 1fr;
}
.layoutSidebar {
background: var(--paper);
padding: 16px;
}
.layoutContent {
}
@@ -39,7 +39,6 @@
}
@@media only screen and (min-width: 1024px) {
.layoutWithSidebar {
margin-top: 50px;
@@ -50,10 +49,8 @@
@code {
[Parameter]
public RenderFragment Sidebar { get; set; } = default!;
[Parameter] public RenderFragment Sidebar { get; set; } = default!;
[Parameter]
public RenderFragment Content { get; set; } = default!;
[Parameter] public RenderFragment Content { get; set; } = default!;
}
Components/Layout/PageContainerComponent.razor
+1 -2
View File
@@ -24,7 +24,6 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
}
Components/Layout/WebsiteTitleComponent.razor
+1 -2
View File
@@ -21,7 +21,6 @@
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter] public RenderFragment? ChildContent { get; set; }
}
Components/MarkdownContent/MarkdownContent.razor
+2 -4
View File
@@ -3,11 +3,9 @@
@code {
[Inject]
protected HttpClient Http { get; set; } = default!;
[Inject] protected HttpClient Http { get; set; } = default!;
[Parameter]
public string MarkdownFileName { get; set; } = default!;
[Parameter] public string MarkdownFileName { get; set; } = default!;
private string MarkdownText { get; set; } = "";
Components/Navigation/DesktopNavComponent.razor
+20 -22
View File
@@ -60,13 +60,13 @@
height: 100vh;
visibility: hidden;
}
.clickOffBackground.clickOffVisible {
visibility:visible;
visibility: visible;
}
.sectionButton {
cursor: pointer;
cursor: pointer;
padding: 12px;
position: relative;
z-index: 50000;
@@ -78,7 +78,7 @@
left: 0;
width: 100vw;
height: 40px;
background-color: rgba(255,255,255,0.1);
background-color: rgba(255, 255, 255, 0.1);
}
.menuHeader {
@@ -87,30 +87,30 @@
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 24px;
display: flex;
background-color: var(--accent);
justify-content: space-between;
align-items: center;
}
.sectionNavs {
display: flex;
gap: 16px;
gap: 16px;
align-items: center;
}
.sectionNav {
display: flex;
.sectionNav {
display: flex;
align-items: center;
height: 100%;
}
}
.websiteTitle {
font-weight: bold;
@@ -119,11 +119,11 @@
}
.navMenuPosition {
position: relative;
top: 18px;
left: calc(-50% + -330px / 2);
width: 0;
height: 0;
position: relative;
top: 18px;
left: calc(-50% + -330px / 2);
width: 0;
height: 0;
}
.navMenuContainer {
@@ -142,7 +142,7 @@
border-radius: 4px;
display: flex;
}
.sectionButtonSelected {
box-shadow: 0 2px 3px black;
background-color: var(--info);
@@ -166,11 +166,9 @@
@code {
[Parameter]
public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter] public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter]
public List<WebPageModel> WebPages { get; set; } = default!;
[Parameter] public List<WebPageModel> WebPages { get; set; } = default!;
protected override void OnInitialized()
Components/Navigation/DesktopNavLinkComponent.razor
+15 -14
View File
@@ -12,7 +12,9 @@
}
else
{
<NavLink target="@Links.GetTarget(Page.Href)" @onclick="() => { NavigationService.ChangeNavigationState(NavigationStateType.Default); NavigationService.ChangeNavigationSectionId(-1); }" href="@Page.Href" class="desktopNavLink">
<NavLink target="@Links.GetTarget(Page.Href)"
@onclick="() => { NavigationService.ChangeNavigationState(NavigationStateType.Default); NavigationService.ChangeNavigationSectionId(-1); }"
href="@Page.Href" class="desktopNavLink">
<div class="navName">
@Page.Name
</div>
@@ -35,26 +37,26 @@ else
height: 60px;
width: 100%;
display: flex;
background-color: var(--primary);
border: 1px solid var(--primary);
}
.desktopNavLink:first-of-type {
.desktopNavLink:first-of-type {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.desktopNavLink:last-of-type {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.desktopNavLink:hover {
color: #8EC3FF;
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.desktopNavLink:hover {
color: #8EC3FF;
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.navSelected {
background-color: var(--primary-hover);
@@ -65,10 +67,9 @@ else
@code {
[Parameter]
public WebPageModel Page { get; set; } = default!;
[Parameter] public WebPageModel Page { get; set; } = default!;
bool isOnPage = false;
bool isOnPage;
protected override Task OnParametersSetAsync()
{
Components/Navigation/DesktopNavSectionComponent.razor
+4 -4
View File
@@ -5,6 +5,7 @@
{
continue;
}
<DesktopNavLinkComponent Page=childPage></DesktopNavLinkComponent>
}
</div>
@@ -18,13 +19,12 @@
position: relative;
width: 100%;
}
</style>
@code {
[Parameter]
public WebSectionModel Section { get; set; } = default!;
[Parameter] public WebSectionModel Section { get; set; } = default!;
}
Components/Navigation/MobileNavComponent.razor
+16 -17
View File
@@ -2,7 +2,8 @@
<div class="mobileNavSectionsContainer">
@foreach (var webSection in WebSections)
{
<div class="mobileNavSectionButton" @onclick="() => OnSectionClicked(webSection)" @onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavSectionButton" @onclick="() => OnSectionClicked(webSection)"
@onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavSectionButtonText">
<i class="fa-solid @webSection.Icon" style="font-size: 28px;"></i>
</div>
@@ -11,7 +12,8 @@
<SearchIconButtonComponent/>
</div>
<div class="fullPageButton @(selectedSection != null)" @onclick="OnPageClicked" @onclick:stopPropagation="false" @onclick:preventDefault="false">
<div class="fullPageButton @(selectedSection != null)" @onclick="OnPageClicked" @onclick:stopPropagation="false"
@onclick:preventDefault="false">
</div>
@if (selectedSection != null)
@@ -27,7 +29,9 @@
{
continue;
}
<div class="mobileNavPageButton" @onclick="() => OnPageLinkClicked(webPage)" @onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavPageButton" @onclick="() => OnPageLinkClicked(webPage)"
@onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavPageButtonText">
@webPage.Name
</div>
@@ -45,7 +49,7 @@
height: 100vh;
bottom: 0;
display: none;
background-color: rgba(0,0,0,0.6);
background-color: rgba(0, 0, 0, 0.6);
}
.fullPageButton.True {
@@ -53,11 +57,9 @@
}
.mobileFooter {
position: fixed;
background-color: rgba(0,0,0,1);
background-color: rgba(0, 0, 0, 1);
width: 100vw;
bottom: 0;
display: none;
@@ -109,10 +111,10 @@
}
.mobileNavPageButton:hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.mobileNavPageButton:hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.mobileNavSectionButton:hover {
@@ -143,11 +145,9 @@
@code {
#if NO_SQL
[Parameter]
public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter] public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter]
public List<WebPageModel> WebPages { get; set; } = default!;
[Parameter] public List<WebPageModel> WebPages { get; set; } = default!;
#else
[Parameter]
@@ -157,8 +157,7 @@
public DbSet<WebPageModel> WebPages { get; set; }
#endif
[Inject]
public NavigationManager NavigationManager { get; set; } = default!;
[Inject] public NavigationManager NavigationManager { get; set; } = default!;
private WebSectionModel? selectedSection;
Components/Navigation/TabletNavComponent.razor
+17 -17
View File
@@ -17,7 +17,8 @@
</div>
<div class="fullPageButton @navOpen" @onclick="OnNavClicked" @onclick:stopPropagation="false" @onclick:preventDefault="false">
<div class="fullPageButton @navOpen" @onclick="OnNavClicked" @onclick:stopPropagation="false"
@onclick:preventDefault="false">
</div>
@@ -40,6 +41,7 @@
{
continue;
}
<NavLink href="@webPage.Href" class="tabletNavItem" @onclick="OnPageClicked">
@webPage.Name
</NavLink>
@@ -58,12 +60,12 @@
height: 100vh;
bottom: 0;
display: none;
background-color: rgba(0,0,0,0.6);
background-color: rgba(0, 0, 0, 0.6);
}
.fullPageButton.True {
display: block;
}
.fullPageButton.True {
display: block;
}
.tablet {
display: none;
@@ -71,7 +73,7 @@
.tabletNav {
position: fixed;
background-color: rgba(30,30,30,0.98);
background-color: rgba(30, 30, 30, 0.98);
display: none;
height: 100vh;
padding: 32px;
@@ -81,12 +83,12 @@
gap: 22px;
flex-direction: column;
}
.tabletButtons {
display: flex;
gap: 12px;
}
.tabletNavItem {
padding: 8px;
@@ -108,7 +110,7 @@
top: 0;
display: flex;
background-color: var(--accent);
border-bottom: 4px solid rgba(0,0,0,0.95);
border-bottom: 4px solid rgba(0, 0, 0, 0.95);
justify-content: space-between;
}
@@ -125,16 +127,16 @@
.tabletButton {
border: 2px solid black;
background-color: rgba(0,0,0,0.3);
background-color: rgba(0, 0, 0, 0.3);
width: 80px;
height: 100%;
display: flex;
cursor: pointer;
}
.tabletButton:hover {
background-color: rgba(0,0,0,0.7);
}
.tabletButton:hover {
background-color: rgba(0, 0, 0, 0.7);
}
@@media only screen and (max-width: 1025px) {
@@ -153,11 +155,9 @@
@code {
#if NO_SQL
[Parameter]
public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter] public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter]
public List<WebPageModel> WebPages { get; set; } = default!;
[Parameter] public List<WebPageModel> WebPages { get; set; } = default!;
#else
[Parameter]
Components/Shared/DisplayableContent.razor
+3 -6
View File
@@ -5,14 +5,11 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Parameter]
public WebDeploymentType DeploymentType { get; set; }
[Parameter] public WebDeploymentType DeploymentType { get; set; }
[Inject]
public NavigationManager MyNavigationManager { get; set; } = default!;
[Inject] public NavigationManager MyNavigationManager { get; set; } = default!;
bool isDisplayable;
Components/Shared/DisplayableRoute.razor
+2 -4
View File
@@ -11,11 +11,9 @@ else
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
[Inject]
public NavigationManager MyNavigationManager { get; set; } = default!;
[Inject] public NavigationManager MyNavigationManager { get; set; } = default!;
bool isDisplayable;
Components/Shared/FooterComponent.razor
+20 -19
View File
@@ -21,11 +21,13 @@
<i class="fa-brands fa-twitch"></i>
</a>
</div>
<div class="footerDivider"></div>
<div class="footerLastUpdated">Website updated <a href="https://github.com/JonathanMcCaffrey/IGP-Fan-Reference/commits/main"><b>@VariableService.Variables["LastUpdated"]</b></a></div>
<div class="footerLastUpdated">Website updated <a
href="https://github.com/JonathanMcCaffrey/IGP-Fan-Reference/commits/main"><b>@VariableService.Variables["LastUpdated"]</b></a>
</div>
<div class="footerDisclaimer">
This website is fan-made and not affiliated with <b>SunSpear Games</b> in any way.
</div>
@@ -36,19 +38,18 @@
.footerIcon {
font-size: 24px;
padding: 8px;
background-color: rgba(255,255,255,0.05);
border: 2px solid rgba(255,255,255,0.1);
background-color: rgba(255, 255, 255, 0.05);
border: 2px solid rgba(255, 255, 255, 0.1);
border-radius: 6px;
line-height: 0;
}
.footerIcon:hover {
.footerIcon:hover {
color: #8fc5ff;
background-color: rgba(200,200,255,0.1);
border: 2px solid rgba(140,140,255,0.4);
background-color: rgba(200, 200, 255, 0.1);
border: 2px solid rgba(140, 140, 255, 0.4);
}
.footerContainer {
width: 100%;
@@ -59,7 +60,7 @@
padding-bottom: 102px;
gap: 24px;
}
.footerSocials {
display: flex;
flex-direction: row;
@@ -67,24 +68,24 @@
justify-content: center;
margin: auto;
}
.footerDivider {
background-color: rgba(255,255,255,0.12);
background-color: rgba(255, 255, 255, 0.12);
height: 1px;
width: 128px;
margin: auto;
}
.footerLastUpdated {
text-align: center;
margin: auto;
}
.footerDisclaimer {
text-align: center;
margin: auto;
margin-top: 12px;
}
</style>
Components/Shared/MathDivisionComponent.razor
+2 -4
View File
@@ -10,10 +10,8 @@
@code {
[Parameter]
public RenderFragment Dividee { get; set; } = default!;
[Parameter] public RenderFragment Dividee { get; set; } = default!;
[Parameter]
public RenderFragment Divider { get; set; } = default!;
[Parameter] public RenderFragment Divider { get; set; } = default!;
}
Components/Shared/MathLoopSumComponent.razor
+5 -7
View File
@@ -1,4 +1,5 @@
<div style="display:flex; flex-direction:column; align-items:center;padding-right: 12px;padding-left: 4px; font-family:monospace">
<div
style="display:flex; flex-direction:column; align-items:center;padding-right: 12px;padding-left: 4px; font-family:monospace">
<div style="height: 0px;display:flex; flex-direction:row; ">
<div style="font-size: 18px; height: 0px;">
&#8721;
@@ -12,13 +13,10 @@
@code {
[Parameter]
public RenderFragment LoopEnd { get; set; } = default!;
[Parameter] public RenderFragment LoopEnd { get; set; } = default!;
[Parameter]
public RenderFragment LoopStart { get; set; } = default!;
[Parameter] public RenderFragment LoopStart { get; set; } = default!;
[Parameter]
public RenderFragment IndexSymbol { get; set; } = default!;
[Parameter] public RenderFragment IndexSymbol { get; set; } = default!;
}
Components/Shared/SpoilerTextComponent.razor
+2 -3
View File
@@ -10,7 +10,7 @@
u {
text-decoration-color: inherit;
text-decoration-thickness:1px;
text-decoration-thickness: 1px;
}
.spoiler:hover {
@@ -22,7 +22,6 @@
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;
[Parameter] public RenderFragment ChildContent { get; set; } = default!;
}