-
Notifications
You must be signed in to change notification settings - Fork 32
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* release notes * 2023-09-17 Various Badge experiments * Move badges to first element inside an outer div * MD3 website menu enhancements * Move div surrounding MBBadge * 2023-09-19 EoD -- Beginning MBIcon implementation * 2023-09-20 EoD -- MBIcon completion * MBIcon touchup * DB updates * More DB updates * Added Material Symbols (new font/factory/cascading defaults) to MD2 * 2023-09-27 EoD * 2023-09-28 EoD * 2023-09-29 EoD * 2023-10-02 EoD * 2023-10-04 EoD * 2023-10-05 WiP * 2023-10-06 Intermediate * 2023-10-06 MoD * 2023-10-07 BoD * 2023-10-08 Completion of MDIcon with support for using md-icon within another component * 2023-10-08 Expunge MD2 MBBadge component * 2023-10-09 EoD * 2023-10-10 Completed MBButton sans Density support * 2023-10-10 DN8RC2
- Loading branch information
Showing
334 changed files
with
20,939 additions
and
8,960 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
72 changes: 72 additions & 0 deletions
72
Material.Blazor.MD2/Components/AutocompletePagedField/MBAutocompletePagedField.razor
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,72 @@ | ||
| @namespace Material.Blazor.MD2 | ||
|
|
||
| @inherits SingleSelectComponentMD2<TItem, MBSelectElement<TItem>> | ||
| @typeparam TItem | ||
|
|
||
|
|
||
| <div class="mb-autocomplete @ActiveConditionalClasses @(@class)" | ||
| style="@style" | ||
| id="@id"> | ||
| <MBTextField @attributes="@AttributesToSplat()" | ||
| @bind-Value="@SearchText" | ||
| Density="@Density" | ||
| Disabled="@AppliedDisabled" | ||
| HelperText="@HelperText" | ||
| HelperTextPersistent="@HelperTextPersistent" | ||
| IconFoundry="@IconFoundry" | ||
| Label="@Label" | ||
| LeadingIcon="@LeadingIcon" | ||
| @onchange="@OnTextChangeAsync" | ||
| @onfocusin="@OnTextFocusInAsync" | ||
| @onfocusout="@OnTextFocusOutAsync" | ||
| @oninput="@OnInput" | ||
| @ref="@TextField" | ||
| TextAlignStyle="@TextAlignStyle" | ||
| TextInputStyle="@TextInputStyle" | ||
| TrailingIcon="@TrailingIcon" | ||
| ValidationMessageFor="@ValidationMessageFor" /> | ||
|
|
||
| <div class="mdc-menu-surface--anchor"> | ||
| <div @ref="@MenuReference" | ||
| class="mdc-menu mdc-menu-surface mdc-menu-surface--fixed" | ||
| @onfocusin="OnMenuFocusIn" | ||
| @onfocusout="OnMenuFocusOut" | ||
| tabindex="-1"> | ||
|
|
||
| <MBLinearProgress LinearProgressType="@MenuSurfaceLinearProgressType" /> | ||
| <div class="mdc-layout-grid mb-autocomplete-paged-field-list"> | ||
| <div class="mdc-layout-grid__inner"> | ||
| @for (int col = 0; col < 2; col++) | ||
| { | ||
| var localCol = col; | ||
| var columnItems = SelectItems.Skip(col * SelectItemsPerColumn).Take(SelectItemsPerColumn); | ||
|
|
||
| <div class="mdc-layout-grid__cell--span-6"> | ||
| @if (columnItems.Any()) | ||
| { | ||
| <MBList Items="@columnItems" | ||
| Context="item" | ||
| KeyboardInteractions="true" | ||
| ListStyle="@MBListStyle.Outlined" | ||
| OnClick="@(listIndex => OnListItemClickAsync(localCol, listIndex))" | ||
| Ripple="true" | ||
| SingleLineDensity="@MBDensity.Minus2"> | ||
|
|
||
| <Title>@item.Label</Title> | ||
| </MBList> | ||
| } | ||
| </div> | ||
| } | ||
|
|
||
| <div class="mdc-layout-grid__cell--span-12 mb-autocomplete-paged-field-paginator"> | ||
| <MBPaginator @bind-PageNumber="@PageNumber" | ||
| @bind-PageNumber:after="@OnPageTurn" | ||
| ItemsPerPageSelection="@PaginatorItemsPerPage" | ||
| ItemsPerPage="@PaginatorItemsPerPage[0]" | ||
| ItemCount="@MatchingItemCount" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
Oops, something went wrong.