-
Notifications
You must be signed in to change notification settings - Fork 24
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Updated Telerik UI to lastest - Fixed minor theme elements - Updated Localization
- Loading branch information
1 parent
7e9e3a0
commit d4cc966
Showing
34 changed files
with
1,570 additions
and
167 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,65 @@ | ||
| @page "/" | ||
| @inject ITelerikStringLocalizer L | ||
| @inherits CoffeeComponentBase | ||
| @inject Blazored.LocalStorage.ILocalStorageService localStorage | ||
|
|
||
| <TelerikTileLayout Columns="6" Reorderable="true" | ||
| @ref="tileLayout" | ||
| OnReorder="SaveState"> | ||
| <TileLayoutItems> | ||
| <TileLayoutItem HeaderText="@L["Sales"]" ColSpan="1"> | ||
| <Content> | ||
| <img class="k-card-image" src="./img/Sales.jpg"> | ||
| <p class="card-description">@L["Index_SalesCard_Description"]</p> | ||
| <div class="k-card-actions k-card-actions-stretched"> | ||
| <span class="k-card-action"><a href="/sales" class="k-button k-primary">@L["Sales"]</a></span> | ||
| </div> | ||
| <span title="@L["ToolTip_LoginRequired"]"><TelerikIcon Icon="@IconName.Lock" /></span> | ||
| </Content> | ||
| </TileLayoutItem> | ||
| <TileLayoutItem HeaderText="@L["HumanCapital"]" ColSpan="1"> | ||
| <Content> | ||
| <img class="k-card-image" src="./img/Schedule.jpg"> | ||
| <p class="card-description">@L["Index_SalesCard_Description"]</p> | ||
| <div class="k-card-actions k-card-actions-stretched"> | ||
| <span class="k-card-action"><a href="/manage-employees" class="k-button k-primary">@L["HumanCapital"]</a></span> | ||
| </div> | ||
| <span title="@L["ToolTip_LoginRequired"]"><TelerikIcon Icon="@IconName.Lock" /></span> | ||
| </Content> | ||
| </TileLayoutItem> | ||
| <TileLayoutItem HeaderText="@L["ManageProducts"]" ColSpan="1"> | ||
| <Content> | ||
| <img class="k-card-image" src="./img/coffee.jpg"> | ||
| <p class="card-description">@L["Index_ProductsCard_Description"]</p> | ||
| <div class="k-card-actions k-card-actions-stretched"> | ||
| <span class="k-card-action"><a href="/manage-products" class="k-button k-primary">@L["ManageProducts"]</a></span> | ||
| </div> | ||
| <span title="@L["ToolTip_LoginRequired"]"><TelerikIcon Icon="@IconName.Lock" /></span> | ||
| </Content> | ||
| </TileLayoutItem> | ||
| </TileLayoutItems> | ||
| </TelerikTileLayout> | ||
|
|
||
| <div class="card-menu"> | ||
| <Card Title="@L["Sales"]" ImageUrl="./img/Sales.jpg"> | ||
| <CardContent> | ||
| <p>@L["Index_SalesCard_Description"]</p> | ||
| </CardContent> | ||
| <ActionTemplate> | ||
| <span class="k-card-action"><a href="/sales" class="k-button k-flat k-primary">@L["Sales"]</a></span> | ||
| </ActionTemplate> | ||
| <FooterTemplate> | ||
| <span title="@L["ToolTip_LoginRequired"]"><TelerikIcon Icon="@IconName.Lock" /></span> | ||
| </FooterTemplate> | ||
| </Card> | ||
| <Card Title="@L["HumanCapital"]" ImageUrl="./img/Schedule.jpg"> | ||
| <CardContent> | ||
| <p>@L["Index_SalesCard_Description"]</p> | ||
| </CardContent> | ||
| <ActionTemplate> | ||
| <span class="k-card-action"><a href="/manage-employees" class="k-button k-flat k-primary">@L["HumanCapital"]</a></span> | ||
| </ActionTemplate> | ||
| <FooterTemplate> | ||
| <span title="@L["ToolTip_LoginRequired"]"><TelerikIcon Icon="@IconName.Lock" /></span> | ||
| </FooterTemplate> | ||
| </Card> | ||
| <Card Title="@L["ManageProducts"]" ImageUrl="./img/coffee.jpg"> | ||
| <CardContent> | ||
| <p>@L["Index_ProductsCard_Description"]</p> | ||
| </CardContent> | ||
| <ActionTemplate> | ||
| <span class="k-card-action"><a href="/manage-products" class="k-button k-flat k-primary">@L["ManageProducts"]</a></span> | ||
| </ActionTemplate> | ||
| <FooterTemplate> | ||
| <span title="@L["ToolTip_LoginRequired"]"><TelerikIcon Icon="@IconName.Lock" /></span> | ||
| </FooterTemplate> | ||
| </Card> | ||
| <TelerikTooltip TargetSelector=".k-card-footer>span[title]" Position=@TooltipPosition.Top ShowOn="@TooltipShowEvent.Hover" /> | ||
| </div> | ||
|
|
||
| @code { | ||
| TelerikTileLayout tileLayout { get; set; } | ||
|
|
||
| async Task SaveState() | ||
| { | ||
| await localStorage.SetItemAsync("IndexLayout", tileLayout.GetState()); | ||
| } | ||
|
|
||
| protected override async Task OnAfterRenderAsync(bool firstRender) | ||
| { | ||
| if (firstRender) | ||
| { | ||
| var state = await localStorage.GetItemAsync<TileLayoutState>("IndexLayout"); | ||
| if (state != null) | ||
| { | ||
| tileLayout.SetState(state); | ||
| } | ||
| } | ||
| } | ||
| } |
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
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 |
|---|---|---|
| @@ -1,17 +1,22 @@ | ||
| # Demos you'll find here include: | ||
|
|
||
| This demo showcases CRUD operations using the Telerik Data Grid. | ||
| To simplify the codebase an ObservableCollection is used maintain an updated UI. | ||
| A custom editor is used to display groups and allow file uploads. | ||
| CRUD, ObservableCollection, EditorTemplate, Upload, Authorization Token, File Upload | ||
|
|
||
| ## Telerik Grid | ||
|
|
||
| Full CRUD operations persisted by EF | ||
| Grid Tool Bar with custom Toggle command and Add Product | ||
| Column hide/show | ||
| Column Template with images | ||
| CRUD Command Columns | ||
| - Full CRUD operations persisted by EF | ||
| - Grid Tool Bar with custom Toggle command and Add Product | ||
| - Column hide/show | ||
| - Column Template with images | ||
| - CRUD Command Columns | ||
|
|
||
| ### Editor Template / File Upload | ||
|
|
||
| Editor template displays File Upload on Edit dialog only | ||
| Telerik File Upload from Edit function | ||
| File Upload limits DOCX / PDF | ||
| Server will auto convert DOCX > PDF via Telerik Document Processing | ||
| Telerik File Upload demonstrates how to upload using authorization Bearer token using IAccessTokenProvider | ||
| - Editor template displays File Upload on Edit dialog only | ||
| - Telerik File Upload from Edit function | ||
| - File Upload limits DOCX / PDF | ||
| - Server will auto convert DOCX > PDF via Telerik Document Processing | ||
| - Telerik File Upload demonstrates how to upload using authorization Bearer token using IAccessTokenProvider |
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
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| using System; | ||
| using System.Collections.Generic; | ||
| using System.Linq; | ||
| using System.Threading.Tasks; | ||
| using BlazingCoffee.Client.Shared.Layouts; | ||
| using Microsoft.AspNetCore.Components; | ||
| using Telerik.Blazor.Services; | ||
|
|
||
| namespace BlazingCoffee.Client.Shared | ||
| { | ||
| public class CoffeeComponentBase : ComponentBase | ||
| { | ||
| [Inject] MainLayoutState Layout { get; set; } | ||
| [Inject] public ITelerikStringLocalizer L { get; set; } | ||
|
|
||
| protected override void OnInitialized() | ||
| { | ||
| Layout.DocsPath = GetType().Name; | ||
| } | ||
| } | ||
| } |
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
Oops, something went wrong.