BlazorExpress.ChartJS/BlazorExpress.ChartJS.Demo.RCL/Pages/Home/Index.razor at 1a191955818beccb2d313584dda24d0ea6b989d0 · BlazorExpress/BlazorExpress.ChartJS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
@attribute [Route(pageUrl)]

<PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" />

<div class="has-text-centered">
    <div class="container is-max-desktop mb-4">
        <div class="mb-6">
            <div class="pt-6 mb-6">
                <Tag Color="TagColor.Warning" Size="TagSize.Medium">New in @version</Tag>
                <span class="is-size-6 text-muted">@releaseShortDescription</span>
            </div>
            <div style="justify-items: center;">
                <Image Src="@DemoStringConstants.StaticAssets_Icons_Logo_png"
                       Dimension="ImageDimension.Is128x128"
                       alt="BlazorExpress Logo" />
            </div>
        </div>
        <Hero Class="mb-6">
            <HeroTitle class="mb-4">
                @((MarkupString)pageTitle)
            </HeroTitle>
            <HeroSubTitle>
                @((MarkupString)pageDescription)
            </HeroSubTitle>
        </Hero>
        <div class="mb-4">
            <a href="@nugetUrl" target="_blank"><img alt="Nuget" src="https://img.shields.io/nuget/v/BlazorExpress.ChartJS"></a>
            <span class="px-1"></span>
            <a href="@nugetUrl" target="_blank"><img alt="Nuget" src="https://img.shields.io/nuget/dt/BlazorExpress.ChartJS"></a>
        </div>
    </div>
</div>

<div class="container is-max-desktop mb-4">
    <IndexComponentLinks Title="All Components" Category="@DemoPageLinkCategory.All" />

    <IndexComponentLinks Title="Utils" Category="@DemoPageLinkCategory.Utils" />

    <DoYouKnow />

    <StarOnGitHub />

    <div class="mt-6">
        <h3 class="title is-4">Supported Tech Stack</h3>
        <div class="table-container">
            <table class="table is-bordered is-striped is-fullwidth">
                <thead>
                    <tr>
                        <th>BlazorExpress.ChartJS</th>
                        <th>.NET</th>
                        <th>Chart.js</th>
                        <th>chartjs-plugin-datalabels</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1.2.2</td>
                        <td>8, 9, 10</td>
                        <td>4.4.1</td>
                        <td>2.2.0</td>
                    </tr>
                    <tr>
                        <td>1.1.0+</td>
                        <td>8</td>
                        <td>4.4.1</td>
                        <td>2.2.0</td>
                    </tr>
                    <tr>
                        <td>1.0.0</td>
                        <td>8</td>
                        <td>4.0.1</td>
                        <td>2.2.0</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

@code {
    private const string pageUrl = "/";
    private const string pageTitle = $"{DemoStringConstants.NugetPackageName} Components <br /> Fast, Free & Open Source";
    private const string pageDescription = $"Get started with {DemoStringConstants.NugetPackageDisplayName}. Build high-performance, responsive Blazor apps quickly with our free, open-source UI library. Developers, build in minutes!";
    private const string metaTitle = $"{DemoStringConstants.NugetPackageName} Components: Fast, Free & Open Source";
    private const string metaDescription = $"Get started with {DemoStringConstants.NugetPackageDisplayName}. Build high-performance, responsive Blazor apps quickly with our free, open-source UI library. Developers, build in minutes!";
    private const string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; // TODO: update

    private string version = default!;
    private string releaseShortDescription = default!;
    private string githubUrl = default!;
    private string nugetUrl = default!;

    [Inject] public IConfiguration Configuration { get; set; } = default!;

    protected override void OnInitialized()
    {
        version = $"v{Configuration["version"]}"; // example: v0.6.1
        releaseShortDescription = Configuration["release:short_description"]!;
        githubUrl = $"{Configuration["urls:github"]}";
        nugetUrl = $"{Configuration["urls:nuget"]}";
    }
}