Skip to content

Commit 1b33979

Browse files
gvreddy04gvreddy04
committed
Getting Started updates
1 parent a01d4c4 commit 1b33979

16 files changed

Lines changed: 159 additions & 70 deletions

‎BlazorExpress.ChartJS.Demo.RCL/Constants/RouteConstants.cs‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
namespace BlazorExpress.ChartJS.Demo.RCL;
1+
using Microsoft.VisualBasic;
2+
3+
namespace BlazorExpress.ChartJS.Demo.RCL;
24

35
public static class RouteConstants
46
{
@@ -12,6 +14,9 @@ public static class RouteConstants
1214

1315
// Getting Started
1416
public const string Docs_GettingStarted = Docs_Prefix + "/getting-started";
17+
public const string Docs_GettingStarted_Blazor_WebAssembly_NET8 = Docs_Prefix + "/blazor-webassembly-net-8";
18+
public const string Docs_GettingStarted_Blazor_WebApp_NET_8_Interactive_Render_Mode_Server_Global_Location = Docs_Prefix + "/blazor-webapp-server-global-net-8";
19+
public const string Docs_GettingStarted_Blazor_WebApp_NET_8_Interactive_Render_Mode_Auto_Global_Location = Docs_Prefix + "/blazor-webapp-auto-global-net-8";
1520

1621
// Charts
1722
public const string Docs_BarChart = Docs_Prefix + "/bar-chart";
@@ -30,6 +35,10 @@ public static class RouteConstants
3035

3136
#region Demos
3237

38+
// Getting Started
39+
public const string Demos_Getting_Started_Prefix = Demos_Prefix + "/getting-started";
40+
public const string Demos_GettingStarted_Introduction = Demos_Getting_Started_Prefix + "/introduction";
41+
3342
// Charts
3443
public const string Demos_BarChart = Demos_Prefix + "/bar-chart";
3544
public const string Demos_DoughnutChart = Demos_Prefix + "/doughnut-chart";

‎BlazorExpress.ChartJS.Demo.RCL/Layout/DemosMainLayout.razor.cs‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,21 @@ private HashSet<LinkGroup> GetLinkGroups()
3232
{
3333
var groups = new HashSet<LinkGroup>();
3434

35+
// GETTING STARTED
36+
groups.Add(new LinkGroup
37+
{
38+
Name = "Getting Started",
39+
CssClass = "is-size-7 has-text-weight-bold has-text-danger",
40+
Links = [
41+
new Link { Href = RouteConstants.Demos_GettingStarted_Introduction, Text = "Introduction" },
42+
]
43+
});
44+
3545
// CHARTS
3646
groups.Add(new LinkGroup
3747
{
3848
Name = "Charts",
39-
CssClass = "is-size-7 has-text-weight-bold has-text-danger",
49+
CssClass = "is-size-7 has-text-weight-bold has-text-warning",
4050
Links = [
4151
new Link { Href = RouteConstants.Demos_BarChart, Text = "Bar chart" },
4252
new Link { Href = RouteConstants.Demos_DoughnutChart, Text = "Doughnut chart" },
@@ -52,7 +62,7 @@ private HashSet<LinkGroup> GetLinkGroups()
5262
groups.Add(new LinkGroup
5363
{
5464
Name = "UTILS",
55-
CssClass = "is-size-7 has-text-weight-bold has-text-danger",
65+
CssClass = "is-size-7 has-text-weight-bold has-text-info",
5666
Links = [
5767
new Link { Href = RouteConstants.Demos_ColorUtils, Text = "Color Utils" },
5868
]

‎BlazorExpress.ChartJS.Demo.RCL/Layout/DocsMainLayout.razor.cs‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,11 @@ private HashSet<LinkGroup> GetLinkGroups()
3232
{
3333
var groups = new HashSet<LinkGroup>();
3434

35-
// FEATURES
35+
// GETTING STARTED
3636
groups.Add(new LinkGroup
3737
{
38-
Name = "FEATURES",
39-
CssClass = "is-size-7 has-text-weight-bold has-text-warning",
38+
Name = "Getting Started",
39+
CssClass = "is-size-7 has-text-weight-bold has-text-danger",
4040
Links = [
4141
new Link { Href = RouteConstants.Docs_GettingStarted, Text = "Getting started" }
4242
]
@@ -46,7 +46,7 @@ private HashSet<LinkGroup> GetLinkGroups()
4646
groups.Add(new LinkGroup
4747
{
4848
Name = "Charts",
49-
CssClass = "is-size-7 has-text-weight-bold has-text-danger",
49+
CssClass = "is-size-7 has-text-weight-bold has-text-warning",
5050
Links = [
5151
new Link { Href = RouteConstants.Docs_BarChart, Text = "Bar chart" },
5252
new Link { Href = RouteConstants.Docs_DoughnutChart, Text = "Doughnut chart" },
@@ -62,7 +62,7 @@ private HashSet<LinkGroup> GetLinkGroups()
6262
groups.Add(new LinkGroup
6363
{
6464
Name = "UTILS",
65-
CssClass = "is-size-7 has-text-weight-bold has-text-danger",
65+
CssClass = "is-size-7 has-text-weight-bold has-text-info",
6666
Links = [
6767
new Link { Href = RouteConstants.Demos_ColorUtils, Text = "Color Utils" },
6868
]

‎BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/GettingStarted/Introduction.razor‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
@attribute [Route(pageUrl)]
2+
@attribute [Route(pageUrl2)]
3+
@layout DemosMainLayout
4+
5+
<PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" />
6+
7+
<PageHero Title="@pageTitle">
8+
<SubTitleTemplate>
9+
@((MarkupString)pageDescription)
10+
</SubTitleTemplate>
11+
</PageHero>
12+
13+
<div class="table-container">
14+
<table class="table">
15+
<thead>
16+
<tr>
17+
<th>#</th>
18+
<th>.NET Version</th>
19+
<th>Project Type</th>
20+
<th>Documentation Link</th>
21+
</tr>
22+
</thead>
23+
<tbody>
24+
<tr>
25+
<td>1</td>
26+
<td>.NET 8</td>
27+
<td>Blazor WebAssembly (.NET 8)</td>
28+
<td><DocsLink Text="Project Setup Guide" Href="@RouteConstants.Docs_GettingStarted_Blazor_WebAssembly_NET8" /></td>
29+
</tr>
30+
<tr>
31+
<td>2</td>
32+
<td>.NET 8</td>
33+
<td>Blazor WebApp (.NET 8) - Interactive render mode Server - Global location</td>
34+
<td><DocsLink Text="Project Setup Guide" Href="@RouteConstants.Docs_GettingStarted_Blazor_WebApp_NET_8_Interactive_Render_Mode_Server_Global_Location" /></td>
35+
</tr>
36+
<tr>
37+
<td>3</td>
38+
<td>.NET 8</td>
39+
<td>Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location</td>
40+
<td><DocsLink Text="Project Setup Guide" Href="@RouteConstants.Docs_GettingStarted_Blazor_WebApp_NET_8_Interactive_Render_Mode_Auto_Global_Location" /></td>
41+
</tr>
42+
<tr>
43+
<td>4</td>
44+
<td>.NET 8</td>
45+
<td>MAUI Blazor Hybrid App (.NET 8)</td>
46+
<td><DocsLink Text="Project Setup Guide" Href="#" /></td>
47+
</tr>
48+
</tbody>
49+
</table>
50+
</div>
51+
52+
@code {
53+
private const string pageUrl = RouteConstants.Demos_GettingStarted_Introduction;
54+
private const string pageUrl2 = RouteConstants.Demos_Prefix;
55+
private const string pageTitle = "Getting started with BlazorExpress.ChartJS";
56+
private const string pageDescription = "Explore practical Blazor ChartJS demos with step-by-step examples. Learn how to create interactive charts in your Blazor projects.";
57+
private const string metaTitle = "Blazor ChartJS Demo – Getting Started with Interactive Chart Examples";
58+
private const string metaDescription = "Explore practical Blazor ChartJS demos with step-by-step examples. Learn how to create interactive charts in your Blazor projects.";
59+
private const string imageUrl = "https://i.imgur.com/IX3bajc.png"; // TODO: update with the actual image URL for the Bar Chart demo
60+
}

‎BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/GettingStarted/NET8_01_WebAssembly/GettingStarted.razor‎

Lines changed: 0 additions & 59 deletions
This file was deleted.

‎BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_01_WebAssembly/GettingStarted.razor‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
@attribute [Route(pageUrl)]
2+
@attribute [Route(pageUrl2)]
3+
@layout DocsMainLayout
4+
5+
<PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" />
6+
7+
<PageHero Title="@pageTitle">
8+
<SubTitleTemplate>
9+
@((MarkupString)pageDescription)
10+
</SubTitleTemplate>
11+
</PageHero>
12+
13+
<Section Size="HeadingSize.H4" Name="Install Nuget Package" PageUrl="@pageUrl2" Link="install-nuget-package">
14+
<div class="mb-3">
15+
Looking to quickly add <b>BlazorExpress.ChartJS</b> to your project? Use NuGet package manager.
16+
</div>
17+
<div class="p-2 text-bg-dark rounded">
18+
Install-Package BlazorExpress.ChartJS -Version @version
19+
</div>
20+
</Section>
21+
22+
<Section Size="HeadingSize.H4" Name="Add script references" PageUrl="@pageUrl2" Link="add-script-references">
23+
<div class="mb-3">
24+
Insert the following references into the <b>body</b> section of the <b>wwwroot/index.html</b> file, immediately after the <b>_framework/blazor.webassembly.js</b> reference:
25+
</div>
26+
<Snippet LanguageCode="LanguageCode.JavaScript" FilePath="~\Components\Pages\GettingStarted\NET8_01_WebAssembly\Getting_Started_Snippet_01_Scripts.html" />
27+
</Section>
28+
29+
<Section Size="HeadingSize.H4" Name="Register services" PageUrl="@pageUrl2" Link="register-services">
30+
<div class="mb-3">
31+
Register tag helpers in <b>_Imports.razor</b>.
32+
</div>
33+
<Snippet LanguageCode="LanguageCode.Razor" FilePath="~\Components\Pages\GettingStarted\NET8_01_WebAssembly\Getting_Started_Snippet_02_Register.txt" />
34+
</Section>
35+
36+
@code {
37+
private const string pageUrl = RouteConstants.Docs_GettingStarted;
38+
private const string pageUrl2 = RouteConstants.Docs_GettingStarted_Blazor_WebAssembly_NET8;
39+
private const string pageTitle = "Getting started - Blazor WebAssembly (.NET 8)";
40+
private const string pageDescription = "Getting started - Blazor WebAssembly (.NET 8)";
41+
private const string metaTitle = "Getting started - Blazor WebAssembly (.NET 8)";
42+
private const string metaDescription = "Get started with the Enterprise-class Component library built on the Blazor and Chart.js JavaScript library.";
43+
private const string imageUrl = "https://i.imgur.com/xEPhAsW.png"; // TODO: update with actual image URL
44+
private string version = default!;
45+
46+
[Inject]
47+
private NavigationManager _navigationManager { get; set; } = default!;
48+
49+
[Inject]
50+
private IConfiguration _configuration { get; set; } = default!;
51+
52+
protected override void OnInitialized()
53+
{
54+
try
55+
{
56+
version = _configuration["version"]!;
57+
58+
if (_navigationManager.Uri.Replace(_navigationManager.BaseUri, "").Contains("charts/getting-started"))
59+
_navigationManager.NavigateTo(pageUrl2);
60+
}
61+
catch
62+
{
63+
// do nothing
64+
}
65+
}
66+
}

BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/GettingStarted/NET8_01_WebAssembly/Getting_Started_Snippet_01_Scripts.html renamed to BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_01_WebAssembly/Getting_Started_Snippet_01_Scripts.html

File renamed without changes.

BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/GettingStarted/NET8_01_WebAssembly/Getting_Started_Snippet_02_Register.txt renamed to BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_01_WebAssembly/Getting_Started_Snippet_02_Register.txt

File renamed without changes.

BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/GettingStarted/NET8_02_WebApp_Server_Global/GettingStarted.razor renamed to BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_02_WebApp_Server_Global/GettingStarted.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
<Snippet LanguageCode="LanguageCode.Razor" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_02_Register.txt" />
2828

2929
@code {
30-
private const string pageUrl = "/charts/getting-started/blazor-webapp-server-global-net-8";
30+
private const string pageUrl = RouteConstants.Docs_GettingStarted_Blazor_WebApp_NET_8_Interactive_Render_Mode_Server_Global_Location;
3131
private const string title = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location";
3232
private const string heading = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location";
3333
private const string description = "Get started with the Enterprise-class Component library built on the Blazor and Chart.js JavaScript library.";

BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/GettingStarted/NET8_02_WebApp_Server_Global/Getting_Started_Snippet_01_Scripts.html renamed to BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_02_WebApp_Server_Global/Getting_Started_Snippet_01_Scripts.html

File renamed without changes.

0 commit comments

Comments
 (0)