Browse Source

fix layout of FeatureManagementModal for MudBlazor

pull/25235/head
İsmail ÇAĞDAŞ 8 months ago
parent
commit
24829ad215
  1. 100
      modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor

100
modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor

@ -6,7 +6,8 @@
@using Volo.Abp.FeatureManagement.Localization
@inherits AbpFeatureManagementComponentBase
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })"
CloseOnEscapeKey="true">
<TitleContent>
<MudText Typo="Typo.h6">@L["Features"]@ProviderKeyDisplayName</MudText>
</TitleContent>
@ -17,65 +18,63 @@
}
else
{
<MudTabs @bind-ActivePanelIndex="@_activeTabIndex"
Variant="Variant.Pills"
Position="Position.Left"
PanelClass="pa-4">
<MudTabs @bind-ActivePanelIndex="@_activeTabIndex" Variant="Variant.Pills" Position="Position.Left"
PanelClass="pa-4">
@foreach (var group in Groups)
{
<MudTabPanel Text="@group.DisplayName">
<MudText Typo="Typo.h6" Class="mb-3">@group.DisplayName</MudText>
<MudDivider Class="my-2" />
@foreach (var feature in group.Features)
{
var disabled = IsDisabled(feature);
<div class="mt-2" style="@GetFeatureStyles(feature)">
@if (feature.ValueType is FreeTextStringValueType)
<MudGrid>
<MudItem xs="12">
<MudText Typo="Typo.h6">@group.DisplayName</MudText>
</MudItem>
<MudItem xs="12">
@foreach (var feature in group.Features)
{
<MudTextField Label="@GetShownName(feature)"
Disabled="@disabled"
Value="@feature.Value"
var disabled = IsDisabled(feature);
<div style="@GetFeatureStyles(feature)">
@if (feature.ValueType is FreeTextStringValueType)
{
<MudTextField Label="@GetShownName(feature)" Disabled="@disabled" Value="@feature.Value"
ValueChanged="@(async ([CanBeNull] string v) => await OnFeatureValueChangedAsync(v, feature))" />
@if (feature.Description != null)
{
<MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
}
}
@if (feature.Description != null)
{
<MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
}
}
@if (feature.ValueType is SelectionStringValueType)
{
var items = ((SelectionStringValueType)feature.ValueType).ItemSource.Items;
var selectedValue = SelectionStringValues[feature.Name];
<MudSelect T="string"
Label="@GetShownName(feature)"
Disabled="@disabled"
Value="@selectedValue"
ValueChanged="@(s => SelectionStringValues[feature.Name] = s)">
@foreach (var item in items)
@if (feature.ValueType is SelectionStringValueType)
{
<MudSelectItem Value="@item.Value">
@CreateStringLocalizer(item.DisplayText.ResourceName).GetString(item.DisplayText.Name)
</MudSelectItem>
var items = ((SelectionStringValueType)feature.ValueType).ItemSource.Items;
var selectedValue = SelectionStringValues[feature.Name];
<MudSelect T="string" Label="@GetShownName(feature)" Disabled="@disabled"
Value="@selectedValue" ValueChanged="@(s => SelectionStringValues[feature.Name] = s)">
@foreach (var item in items)
{
<MudSelectItem Value="@item.Value">
@CreateStringLocalizer(item.DisplayText.ResourceName).GetString(item.DisplayText.Name)
</MudSelectItem>
}
</MudSelect>
@if (feature.Description != null)
{
<MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
}
}
</MudSelect>
@if (feature.Description != null)
{
<MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
}
}
@if (feature.ValueType is ToggleStringValueType)
{
<MudCheckBox Disabled="@disabled" Value="@ToggleValues[feature.Name]"
ValueChanged="@(async (bool v) => await OnSelectedValueChangedAsync(v, feature))"
@if (feature.ValueType is ToggleStringValueType)
{
<MudCheckBox Disabled="@disabled" Value="@ToggleValues[feature.Name]"
ValueChanged="@(async (bool v) => await OnSelectedValueChangedAsync(v, feature))"
Label="@GetShownName(feature)" />
@if (feature.Description != null)
{
<MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
}
@if (feature.Description != null)
{
<MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
}
}
</div>
}
</div>
}
</MudItem>
</MudGrid>
</MudTabPanel>
}
</MudTabs>
@ -83,7 +82,8 @@
</DialogContent>
<DialogActions>
<MudButton OnClick="@CloseModal">@L["Cancel"]</MudButton>
<MudButton Color="Color.Primary" Variant="Variant.Text" OnClick="@(async () => await DeleteAsync(ProviderName, ProviderKey))">@L["ResetToDefault"]</MudButton>
<MudButton Color="Color.Primary" Variant="Variant.Text"
OnClick="@(async () => await DeleteAsync(ProviderName, ProviderKey))">@L["ResetToDefault"]</MudButton>
<MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="@SaveAsync">@L["Save"]</MudButton>
</DialogActions>
</MudDialog>

Loading…
Cancel
Save