Skip to content

Commit 82d5b6e

Browse files
mu439mu439
committed
Initial commit
1 parent 298f20d commit 82d5b6e

94 files changed

Lines changed: 4796 additions & 2 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎BlazorExpress.ChartJS.Demo.RCL/App.cs‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
namespace BlazorExpress.ChartJS.Demo.RCL;
2+
3+
public class App
4+
{
5+
}

‎BlazorExpress.ChartJS.Demo.RCL/BlazorExpress.ChartJS.Demo.RCL.csproj‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<Project Sdk="Microsoft.NET.Sdk.Razor">
2+
3+
<PropertyGroup>
4+
<TargetFramework>net8.0</TargetFramework>
5+
<Nullable>enable</Nullable>
6+
<ImplicitUsings>enable</ImplicitUsings>
7+
</PropertyGroup>
8+
9+
<ItemGroup>
10+
<SupportedPlatform Include="browser" />
11+
</ItemGroup>
12+
13+
<ItemGroup>
14+
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.5" />
15+
<PackageReference Include="Microsoft.Extensions.Configuration.Abstractions" Version="8.0.0" />
16+
</ItemGroup>
17+
18+
<ItemGroup>
19+
<ProjectReference Include="..\BlazorExpress.ChartJS\BlazorExpress.ChartJS.csproj" />
20+
</ItemGroup>
21+
22+
<Target Name="EmbedDemos" BeforeTargets="PrepareForBuild">
23+
<!-- Let's embed demos sources into the assembly to show the source at runtime. -->
24+
<ItemGroup>
25+
<EmbeddedResource Include="Components\**\*Demo*.razor" />
26+
<EmbeddedResource Include="Components\**\*Snippet*" />
27+
</ItemGroup>
28+
</Target>
29+
30+
</Project>

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/EmptyLayout.razor‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
@namespace BlazroExpress.ChartJS.Demo.RCL
2+
@inherits LayoutComponentBase
3+
4+
<Skippy Url="https://github.com/vikramlearning/blazorbootstrap">
5+
<i class="bi bi-star-fill"></i>
6+
<span>If you like Blazor Bootstrap, give it a star on GitHub!</span>
7+
<i class="bi bi-star-fill"></i>
8+
</Skippy>
9+
10+
<header class="navbar navbar-expand-lg navbar-dark bd-navbar sticky-top">
11+
<nav class="container-xxl bd-gutter flex-wrap flex-lg-nowrap" aria-label="Main navigation">
12+
<div class="d-lg-none" style="width: 1.5rem;"></div>
13+
14+
<a class="navbar-brand p-0 me-0 me-lg-2" href="/" aria-label="Blazor Bootstrap">
15+
<img src="/images/logo/logo-white.svg" width="40" height="32" class="d-block my-1" alt="Blazor Bootstrap" />
16+
</a>
17+
18+
<div class="d-flex">
19+
<button class="navbar-toggler d-flex d-lg-none order-3 p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#bdNavbar" aria-controls="bdNavbar" aria-label="Toggle navigation">
20+
<i class="bi bi-three-dots"></i>
21+
</button>
22+
</div>
23+
24+
<div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
25+
<div class="offcanvas-header px-4 pb-0">
26+
<h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Blazor Bootstrap</h5>
27+
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
28+
</div>
29+
30+
<div class="offcanvas-body p-4 pt-0 p-lg-0">
31+
<hr class="d-lg-none text-white-50">
32+
<ul class="navbar-nav flex-row flex-wrap bd-navbar-nav">
33+
<li class="nav-item col-6 col-lg-auto"><a class="nav-link py-2 px-0 px-lg-2" href="/getting-started/blazor-webassembly">Demos</a></li>
34+
<li class="nav-item col-6 col-lg-auto"><a class="nav-link py-2 px-0 px-lg-2" href="@docsUrl" target="_blank" rel="noopener">Docs</a></li>
35+
<li class="nav-item col-6 col-lg-auto"><a class="nav-link py-2 px-0 px-lg-2" href="@blogUrl" target="_blank" rel="noopener">Blog</a></li>
36+
<li class="nav-item col-6 col-lg-auto"><a class="nav-link py-2 px-0 px-lg-2" href="@githubUrl" target="_blank" rel="noopener">GitHub</a></li>
37+
</ul>
38+
39+
<hr class="d-lg-none text-white-50">
40+
41+
<ul class="navbar-nav flex-row flex-wrap ms-md-auto">
42+
<li class="nav-item col-6 col-lg-auto">
43+
<a class="nav-link py-2 px-0 px-lg-2" href="@githubUrl" target="_blank" rel="noopener">
44+
<i class="bi bi-github"></i>
45+
<small class="d-lg-none ms-2">GitHub</small>
46+
</a>
47+
</li>
48+
<li class="nav-item col-6 col-lg-auto">
49+
<a class="nav-link py-2 px-0 px-lg-2" href="@twitterUrl" target="_blank" rel="noopener">
50+
<i class="bi bi-twitter-x"></i>
51+
<small class="d-lg-none ms-2">Twitter</small>
52+
</a>
53+
</li>
54+
<li class="nav-item col-6 col-lg-auto">
55+
<a class="nav-link py-2 px-0 px-lg-2" href="@linkedInUrl" target="_blank" rel="noopener">
56+
<i class="bi bi-linkedin"></i>
57+
<small class="d-lg-none ms-2">LinkedIn</small>
58+
</a>
59+
</li>
60+
<li class="nav-item col-6 col-lg-auto">
61+
<a class="nav-link py-2 px-0 px-lg-2" href="@openCollectiveUrl" target="_blank" rel="noopener">
62+
<i class="bi bi-opencollective"></i>
63+
<small class="d-lg-none ms-2">Open Collective</small>
64+
</a>
65+
</li>
66+
</ul>
67+
</div>
68+
</div>
69+
</nav>
70+
</header>
71+
72+
<main>
73+
@Body
74+
</main>
75+
76+
<footer class="bd-footer py-4 py-md-5 mt-5 bg-light">
77+
<div class="container py-4 py-md-5 px-4 px-md-3">
78+
<div class="row">
79+
<div class="col-lg-4 mb-3">
80+
<a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/" aria-label="Bootstrap">
81+
<img src="/images/logo/logo-color.svg" width="40" height="32" class="d-block me-2" alt="Blazor Bootstrap" />
82+
<span class="fs-5">Blazor Bootstrap</span>
83+
</a>
84+
<ul class="list-unstyled small text-muted">
85+
<li class="mb-2">Designed and built with all the love in the world by the <strong><a href="https://www.nuget.org/packages/Blazor.Bootstrap">Blazor Bootstrap</a></strong> team with the help of our contributors.</li>
86+
<li class="mb-2">Code licensed <a href="https://github.com/vikramlearning/blazorbootstrap/blob/main/LICENSE.txt" target="_blank" rel="license noopener">Apache License 2.0</a>.</li>
87+
<li class="mb-2">Currently @version.</li>
88+
</ul>
89+
</div>
90+
<div class="col-6 col-lg-2 offset-lg-1 mb-3">
91+
<h5>Links</h5>
92+
<ul class="list-unstyled">
93+
<li class="mb-2"><a href="/">Home</a></li>
94+
<li class="mb-2"><a href="@docsUrl" target="_blank" rel="noopener">Docs</a></li>
95+
<li class="mb-2"><a href="@blogUrl" target="_blank" rel="noopener">Blog</a></li>
96+
<li class="mb-2"><a href="@githubUrl" target="_blank" rel="noopener">Github</a></li>
97+
</ul>
98+
</div>
99+
<div class="col-6 col-lg-2 mb-3">
100+
<h5>Guides</h5>
101+
<ul class="list-unstyled">
102+
<li class="mb-2"><a href="/getting-started/blazor-webassembly">Getting started</a></li>
103+
<li class="mb-2"><a href="/getting-started#install-nuget-package">Install Nuget</a></li>
104+
<li class="mb-2"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank">Starter templates</a></li>
105+
</ul>
106+
</div>
107+
<div class="col-6 col-lg-2 mb-3">
108+
<h5>Community</h5>
109+
<ul class="list-unstyled">
110+
<li class="mb-2"><a href="@githubIssuesUrl" target="_blank" rel="noopener">Issues</a></li>
111+
<li class="mb-2"><a href="@githubDiscussionsUrl" target="_blank" rel="noopener">Discussions</a></li>
112+
<li class="mb-2"><a href="@openCollectiveUrl" target="_blank" rel="noopener">Open Collective</a></li>
113+
<li class="mb-2"><a href="@stackoverflowUrl" target="_blank" rel="noopener">Stack Overflow</a></li>
114+
</ul>
115+
</div>
116+
<div class="col-6 col-lg-2 mb-3">
117+
</div>
118+
</div>
119+
</div>
120+
</footer>
121+

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/EmptyLayout.razor.cs‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
namespace BlazroExpress.ChartJS.Demo.RCL;
2+
3+
public partial class EmptyLayout : LayoutComponentBase
4+
{
5+
private string version = default!;
6+
private string docsUrl = default!;
7+
private string blogUrl = default!;
8+
private string githubUrl = default!;
9+
private string twitterUrl = default!;
10+
private string linkedInUrl = default!;
11+
private string openCollectiveUrl = default!;
12+
private string githubIssuesUrl = default!;
13+
private string githubDiscussionsUrl = default!;
14+
private string stackoverflowUrl = default!;
15+
16+
[Inject] public IConfiguration Configuration { get; set; } = default!;
17+
18+
protected override void OnInitialized()
19+
{
20+
version = $"v{Configuration["version"]}"; // example: v0.6.1
21+
docsUrl = $"{Configuration["urls:docs"]}";
22+
blogUrl = $"{Configuration["urls:blog"]}";
23+
githubUrl = $"{Configuration["urls:github"]}";
24+
twitterUrl = $"{Configuration["urls:twitter"]}";
25+
linkedInUrl = $"{Configuration["urls:linkedin"]}";
26+
openCollectiveUrl = $"{Configuration["urls:opencollective"]}";
27+
githubIssuesUrl = $"{Configuration["urls:github_issues"]}";
28+
githubDiscussionsUrl = $"{Configuration["urls:github_discussions"]}";
29+
stackoverflowUrl = $"{Configuration["urls:stackoverflow"]}";
30+
31+
base.OnInitialized();
32+
}
33+
}

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/EmptyLayout.razor.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
main, .main {
2+
height: auto !important;
3+
}

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/MainLayout.razor‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
@namespace BlazorExpress.ChartJS.Demo.RCL
2+
@inherits MainLayoutBase
3+
4+
<div class="bb-page">
5+
6+
<main class="bb-scrollbar">
7+
<div class="content my-4 my-md-4 px-4">
8+
@Body
9+
10+
<Callout Class="text-center text-bold skippy border-0" HideHeading="true">
11+
<a href="@GithubUrl" class="text-decoration-none" b-09pcjsuuk4="">
12+
<i class="bi bi-star-fill" b-09pcjsuuk4=""></i>
13+
<span b-09pcjsuuk4="">If you like Blazor Bootstrap, give it a star on GitHub!</span>
14+
<i class="bi bi-star-fill" b-09pcjsuuk4=""></i>
15+
</a>
16+
</Callout>
17+
</div>
18+
19+
<MainLayoutBaseFooter Version="@Version"
20+
DocsUrl="@DocsUrl"
21+
BlogUrl="@BlogUrl"
22+
GithubUrl="@GithubUrl"
23+
TwitterUrl="@TwitterUrl"
24+
LinkedInUrl="@LinkedInUrl"
25+
OpenCollectiveUrl="@OpenCollectiveUrl"
26+
GithubIssuesUrl="@GithubIssuesUrl"
27+
GithubDiscussionsUrl="@GithubDiscussionsUrl"
28+
StackoverflowUrl="@StackoverflowUrl" />
29+
30+
</main>
31+
</div>
32+
33+
<MainLayoutBaseServices />

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/MainLayout.razor.cs‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
namespace BlazorExpress.ChartJS.Demo.RCL;
2+
3+
public partial class MainLayout : MainLayoutBase
4+
{
5+
}

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/MainLayout.razor.css‎

Whitespace-only changes.

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/MainLayoutBase.cs‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
namespace BlazorExpress.ChartJS.Demo.RCL;
2+
3+
public class MainLayoutBase : LayoutComponentBase
4+
{
5+
private string version = default!;
6+
private string docsUrl = default!;
7+
private string blogUrl = default!;
8+
private string githubUrl = default!;
9+
private string twitterUrl = default!;
10+
private string linkedInUrl = default!;
11+
private string openCollectiveUrl = default!;
12+
private string githubIssuesUrl = default!;
13+
private string githubDiscussionsUrl = default!;
14+
private string stackoverflowUrl = default!;
15+
16+
[Inject] public IConfiguration Configuration { get; set; } = default!;
17+
18+
protected override void OnInitialized()
19+
{
20+
version = $"v{Configuration["version"]}"; // example: v0.6.1
21+
docsUrl = $"{Configuration["urls:docs"]}";
22+
blogUrl = $"{Configuration["urls:blog"]}";
23+
githubUrl = $"{Configuration["urls:github"]}";
24+
twitterUrl = $"{Configuration["urls:twitter"]}";
25+
linkedInUrl = $"{Configuration["urls:linkedin"]}";
26+
openCollectiveUrl = $"{Configuration["urls:opencollective"]}";
27+
githubIssuesUrl = $"{Configuration["urls:github_issues"]}";
28+
githubDiscussionsUrl = $"{Configuration["urls:github_discussions"]}";
29+
stackoverflowUrl = $"{Configuration["urls:stackoverflow"]}";
30+
base.OnInitialized();
31+
}
32+
33+
public string Version => version;
34+
public string DocsUrl => docsUrl;
35+
public string BlogUrl => blogUrl;
36+
public string GithubUrl => githubUrl;
37+
public string TwitterUrl => twitterUrl;
38+
public string LinkedInUrl => linkedInUrl;
39+
public string OpenCollectiveUrl => openCollectiveUrl;
40+
public string GithubIssuesUrl => githubIssuesUrl;
41+
public string GithubDiscussionsUrl => githubDiscussionsUrl;
42+
public string StackoverflowUrl => stackoverflowUrl;
43+
}

‎BlazorExpress.ChartJS.Demo.RCL/Components/Layout/MainLayoutBase.css‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
.page {
2+
position: relative;
3+
display: flex;
4+
flex-direction: column;
5+
}
6+
7+
.main {
8+
flex: 1;
9+
overflow-x: hidden;
10+
/*width: 100%;*/
11+
}
12+
13+
.sidebar {
14+
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
15+
}
16+
17+
.top-row {
18+
background-color: #f7f7f7;
19+
border-bottom: 1px solid #d6d5d5;
20+
justify-content: flex-end;
21+
height: 3.5rem;
22+
display: flex;
23+
align-items: center;
24+
}
25+
26+
.top-row ::deep a, .top-row .btn-link {
27+
white-space: nowrap;
28+
margin-left: 1.5rem;
29+
}
30+
31+
.top-row a:first-child {
32+
overflow: hidden;
33+
text-overflow: ellipsis;
34+
}
35+
36+
@media (max-width: 640.98px) {
37+
.top-row:not(.auth) {
38+
display: none;
39+
}
40+
41+
.top-row.auth {
42+
justify-content: space-between;
43+
}
44+
45+
.top-row a, .top-row .btn-link {
46+
margin-left: 0;
47+
}
48+
}
49+
50+
@media (min-width: 641px) {
51+
.page {
52+
flex-direction: row;
53+
}
54+
55+
.sidebar {
56+
width: 260px !important;
57+
height: 100vh !important;
58+
overflow-y: auto !important;
59+
position: sticky !important;
60+
top: 0 !important;
61+
}
62+
63+
.top-row {
64+
position: sticky;
65+
top: 0;
66+
z-index: 1;
67+
}
68+
69+
.main > div {
70+
padding-left: 2rem !important;
71+
padding-right: 1.5rem !important;
72+
}
73+
}

0 commit comments

Comments
 (0)