Skip to content

StepperExtended & Input Disabled State #390

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 3, 2024
Merged

StepperExtended & Input Disabled State #390

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions CodeBeam.MudBlazor.Extensions.Docs/Pages/ApiPage.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,8 +56,8 @@
typeof(MudSignaturePad),
typeof(MudSpeedDial),
typeof(MudSplitter),
typeof(MudStepper),
typeof(MudStep),
typeof(MudStepperExtended),
typeof(MudStepExtended),
typeof(MudSwitchM3<bool>),
typeof(MudTeleport),
typeof(MudTextFieldExtended<string>),
Expand Down
26 changes: 13 additions & 13 deletions CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/Stepper/Examples/StepperExample1.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

<MudGrid Class="cursor-default">
<MudItem xs="12" sm="8" Class="d-flex align-center">
<MudStepper @ref="_stepper" Class="mud-width-full" ContentStyle="min-height: 400px" Linear="_linear" Vertical="_vertical" Color="_color" Variant="_variant"
<MudStepperExtended @ref="_stepper" Class="mud-width-full" ContentStyle="min-height: 400px" Linear="_linear" Vertical="_vertical" Color="_color" Variant="_variant"
DisableAnimation="_disableAnimation" DisablePreviousButton="_disablePreviousButton" DisableNextButton="_disableNextButton"
DisableSkipButton="_disableSkipButton" DisableStepResultIndicator="_disableStepResultIndicator" HeaderBadgeView="_headerBadgeView"
HeaderTextView="_headerTextView" PreventStepChangeAsync="new Func<StepChangeDirection, int, Task<bool>>(CheckChange)" LocalizedStrings="GetLocalizedStrings()"
Expand All @@ -21,7 +21,7 @@
}
</StaticContent>
<ChildContent>
<MudStep Icon="@Icons.Material.Filled.Approval" Title="Customer Info" StatusChanged="StatusChanged">
<MudStepExtended Icon="@Icons.Material.Filled.Approval" Title="Customer Info" StatusChanged="StatusChanged">
<ChildContent>
<MudForm @ref="_form">
<MudStack>
Expand All @@ -31,15 +31,15 @@
</MudStack>
</MudForm>
</ChildContent>
</MudStep>
<MudStep Title="Booking Spec." Icon="@Icons.Material.Filled.MoreVert" Optional="true">
</MudStepExtended>
<MudStepExtended Title="Booking Spec." Icon="@Icons.Material.Filled.MoreVert" Optional="true">
<ChildContent>
<MudCheckBox T="bool" Label="Early Check-in" Color="_color" />
<MudCheckBox T="bool" Label="Late Check-out" Color="_color" />
<MudCheckBox T="bool" Label="Twin Bed" Color="_color" />
</ChildContent>
</MudStep>
<MudStep Icon="@Icons.Material.Filled.Money" Title="Payment">
</MudStepExtended>
<MudStepExtended Icon="@Icons.Material.Filled.Money" Title="Payment">
<ChildContent>
<MudForm @ref="_form2">
<MudStack>
Expand All @@ -51,18 +51,18 @@
</MudStack>
</MudForm>
</ChildContent>
</MudStep>
</MudStepExtended>

@if (_addResultStep)
{
<MudStep Icon="@Icons.Material.Filled.Alarm" Title="Result Step" IsResultStep="true">
<MudStepExtended Icon="@Icons.Material.Filled.Alarm" Title="Result Step" IsResultStep="true">
<ChildContent>
<div class="d-flex flex-column align-center justify-center" style="height: 200px">
<MudIconButton Icon="@Icons.Material.Filled.DoneAll" Size="Size.Large" Variant="Variant.Filled" Color="Color.Success" />
<MudText>Your reservation successfully completed.</MudText>
</div>
</ChildContent>
</MudStep>
</MudStepExtended>
}
</ChildContent>
<ActionContent>
Expand All @@ -72,7 +72,7 @@
}
@* <MudSpacer /> *@
</ActionContent>
</MudStepper>
</MudStepperExtended>
</MudItem>

<MudItem xs="12" sm="4" Style="box-shadow: rgba(240, 46, 170, 0.4) -3px 3px;">
Expand Down Expand Up @@ -129,9 +129,9 @@
</MudGrid>

@code {
MudStepper? _stepper = new();
MudForm? _form;
MudForm? _form2;
MudStepperExtended? _stepper = new();
MudForm? _form = new();
MudForm? _form2 = new();
bool _checkValidationBeforeComplete = false;
bool _linear;
bool _mobileView;
Expand Down
22 changes: 11 additions & 11 deletions CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/Stepper/Examples/StepperExample2.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@

<MudGrid Class="cursor-default">
<MudItem xs="12" sm="8" Class="d-flex align-center">
<MudStepper @ref="_stepper" Class="mud-width-full" ContentStyle="min-height: 400px" Linear="_linear" Vertical="_vertical"
<MudStepperExtended @ref="_stepper" Class="mud-width-full" ContentStyle="min-height: 400px" Linear="_linear" Vertical="_vertical"
PreventStepChangeAsync="new Func<StepChangeDirection, int, Task<bool>>(CheckChange)" Variant="Variant.Filled" Color="Color.Secondary"
MobileView="_mobileView" Loading="_loading" HeaderTextView="HeaderTextView.All">
<ChildContent>
<MudStep Icon="@Icons.Material.Filled.Approval" Title="Customer Info" StatusChanged="StatusChanged" Order="_infoStepOrder">
<MudStepExtended Icon="@Icons.Material.Filled.Approval" Title="Customer Info" StatusChanged="StatusChanged" Order="_infoStepOrder">
<ChildContent>
<MudForm @ref="_form">
<MudStack>
Expand All @@ -19,15 +19,15 @@
</MudStack>
</MudForm>
</ChildContent>
</MudStep>
<MudStep Title="Booking Spec." Icon="@Icons.Material.Filled.MoreVert" Optional="true" Order="_optionsStepOrder">
</MudStepExtended>
<MudStepExtended Title="Booking Spec." Icon="@Icons.Material.Filled.MoreVert" Optional="true" Order="_optionsStepOrder">
<ChildContent>
<MudCheckBox T="bool" Label="Early Check-in" />
<MudCheckBox T="bool" Label="Late Check-out" />
<MudCheckBox T="bool" Label="Twin Bed" />
</ChildContent>
</MudStep>
<MudStep Icon="@Icons.Material.Filled.Money" Title="Payment" Order="_paymentStepOrder">
</MudStepExtended>
<MudStepExtended Icon="@Icons.Material.Filled.Money" Title="Payment" Order="_paymentStepOrder">
<ChildContent>
<MudForm @ref="_form2">
<MudStack>
Expand All @@ -39,21 +39,21 @@
</MudStack>
</MudForm>
</ChildContent>
</MudStep>
</MudStepExtended>

@if (_addResultStep)
{
<MudStep Icon="@Icons.Material.Filled.Alarm" Title="Result Step" IsResultStep="true">
<MudStepExtended Icon="@Icons.Material.Filled.Alarm" Title="Result Step" IsResultStep="true">
<ChildContent>
<div class="d-flex flex-column align-center justify-center" style="height: 200px">
<MudIconButton Icon="@Icons.Material.Filled.DoneAll" Size="Size.Large" Variant="Variant.Filled" Color="Color.Success" />
<MudText>Your reservation successfully completed.</MudText>
</div>
</ChildContent>
</MudStep>
</MudStepExtended>
}
</ChildContent>
</MudStepper>
</MudStepperExtended>
</MudItem>

<MudItem xs="12" sm="4" Style="box-shadow: rgba(240, 46, 170, 0.4) -3px 3px;">
Expand All @@ -71,7 +71,7 @@
</MudGrid>

@code {
MudStepper? _stepper;
MudStepperExtended? _stepper = new();
MudForm _form = new();
MudForm _form2 = new();
bool _checkValidationBeforeComplete = false;
Expand Down
22 changes: 11 additions & 11 deletions ...am.MudBlazor.Extensions.UnitTests.Viewer/TestComponents/SelectExtended/StepperTest1.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<MudGrid Class="cursor-default">
<MudItem xs="12" sm="8">
<MudStepper @ref="_stepper" ContentStyle="min-height: 400px" Linear="_linear" Vertical="_vertical" Color="_color" Variant="_variant"
<MudStepperExtended @ref="_stepper" ContentStyle="min-height: 400px" Linear="_linear" Vertical="_vertical" Color="_color" Variant="_variant"
DisableAnimation="_disableAnimation" DisablePreviousButton="_disablePreviousButton" DisableNextButton="_disableNextButton"
DisableSkipButton="_disableSkipButton" DisableStepResultIndicator="_disableStepResultIndicator" HeaderTextView="_headerTextView"
PreventStepChangeAsync="new Func<StepChangeDirection, int, Task<bool>>(CheckChange)" LocalizedStrings="GetLocalizedStrings()"
Expand All @@ -21,21 +21,21 @@
}
</StaticContent>
<ChildContent>
<MudStep Title="Customer Info" StatusChanged="StatusChanged">
<MudStepExtended Title="Customer Info" StatusChanged="StatusChanged">
<MudForm @ref="_form">
<MudStack>
<MudTextField T="string" Label="Name" Variant="_variant" Required="true" />
<MudTextField T="string" Label="Last Name" Variant="_variant" />
<MudTextField T="string" Label="Adress" Variant="_variant" />
</MudStack>
</MudForm>
</MudStep>
<MudStep Title="Booking Spec." Optional="true">
</MudStepExtended>
<MudStepExtended Title="Booking Spec." Optional="true">
<MudCheckBox T="bool" Label="Early Check-in" Color="_color" />
<MudCheckBox T="bool" Label="Late Check-out" Color="_color" />
<MudCheckBox T="bool" Label="Twin Bed" Color="_color" />
</MudStep>
<MudStep Title="Payment">
</MudStepExtended>
<MudStepExtended Title="Payment">
<MudForm @ref="_form2">
<MudStack>
<MudTextField T="string" Label="Card Number" Variant="_variant" Required="true" />
Expand All @@ -45,16 +45,16 @@
</MudStack>
</MudStack>
</MudForm>
</MudStep>
</MudStepExtended>

@if (_addResultStep)
{
<MudStep Title="Result Step" IsResultStep="true">
<MudStepExtended Title="Result Step" IsResultStep="true">
<div class="d-flex flex-column align-center justify-center" style="height: 200px">
<MudIconButton Icon="@Icons.Material.Filled.DoneAll" Size="Size.Large" Variant="Variant.Filled" Color="Color.Success" />
<MudText>Your reservation successfully completed.</MudText>
</div>
</MudStep>
</MudStepExtended>
}
</ChildContent>
<ActionContent>
Expand All @@ -64,7 +64,7 @@
}
<MudSpacer />
</ActionContent>
</MudStepper>
</MudStepperExtended>
</MudItem>

<MudItem xs="12" sm="4" Style="box-shadow: rgba(240, 46, 170, 0.4) -3px 3px;">
Expand Down Expand Up @@ -100,7 +100,7 @@
</MudGrid>

@code {
MudStepper _stepper = new();
MudStepperExtended _stepper = new();
MudForm _form = new();
MudForm _form2 = new();
bool _checkValidationBeforeComplete = false;
Expand Down
Loading