Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Modify the welcome page in samples with chart´s buttons #150

Closed
wants to merge 1 commit into from
Closed

Modify the welcome page in samples with chart´s buttons #150

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 58 additions & 1 deletion samples/ClientSide/ChartJs.Blazor.Sample.ClientSide/Pages/WelcomePage.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,60 @@
@page "/welcome"

<Welcome />
<style>
.bg-1 {
color: #4465A1; /* Green */
/*color: #ffffff;*/
}
</style>
<div class="container-fluid bg-1 text-center">
<h1>
Welcome to the ChartJs.Blazor Samples.
</h1>
</div>
<div class="row align-items-center">
<div class="col-12">
<h2 class="text-center">Charts</h2>
</div>
<div class="col-12 col-sm-6 col-xl-3 justify-content-center">
<a class="btn btn-block btn-primary " href="SimpleBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Simple BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="HorizontalBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Horizontal BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="StackedBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Stacked BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="TimeBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Time BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="LinearLineChart"><span class="oi oi-graph" aria-hidden="true"></span> Linear LineChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="LogarithmicLineChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Logarithmic LineChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="TimeLineChart"><span class="oi oi-graph" aria-hidden="true"></span> Time LineChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="DoughnutChart"><span class="oi oi-graph" aria-hidden="true"></span> DoughnutChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="PieChart"><span class="oi oi-pie-chart" aria-hidden="true"></span> PieChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="PolarAreaChart"><span class="oi oi-graph" aria-hidden="true"></span> PolarAreaChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="BubbleChart"><span class="oi oi-graph" aria-hidden="true"></span> Bubble Chart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="ScatterChart"><span class="oi oi-graph" aria-hidden="true"></span> Scatter Chart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="RadarChart"><span class="oi oi-graph" aria-hidden="true"></span> Radar Chart</a>
</div>
</div>


<Welcome />
67 changes: 1 addition & 66 deletions samples/ClientSide/ChartJs.Blazor.Sample.ClientSide/Shared/NavMenu.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,71 +12,6 @@
<span class="oi oi-home" aria-hidden="true"></span>Welcome
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="SimpleBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Simple BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="HorizontalBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Horizontal BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="StackedBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Stacked BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="TimeBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Time BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="LinearLineChart">
<span class="oi oi-graph" aria-hidden="true"></span>Linear LineChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="LogarithmicLineChart">
<span class="oi oi-graph" aria-hidden="true"></span>Logarithmic LineChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="TimeLineChart">
<span class="oi oi-graph" aria-hidden="true"></span>Time LineChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="DoughnutChart">
<span class="oi oi-graph" aria-hidden="true"></span>DoughChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="PieChart">
<span class="oi oi-pie-chart" aria-hidden="true"></span>PieChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="PolarAreaChart">
<span class="oi oi-graph" aria-hidden="true"></span>PolarAreaChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="BubbleChart">
<span class="oi oi-graph" aria-hidden="true"></span>Bubble Chart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="ScatterChart">
<span class="oi oi-graph" aria-hidden="true"></span>Scatter Chart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="RadarChart">
<span class="oi oi-graph" aria-hidden="true"></span>Radar Chart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="OnClickHandler">
<span class="oi oi-info" aria-hidden="true"></span>Click and Hover handler
Expand Down Expand Up @@ -110,4 +45,4 @@
collapseNavMenu = !collapseNavMenu;
}

}
}
61 changes: 60 additions & 1 deletion samples/ServerSide/ChartJs.Blazor.Sample.ServerSide/Pages/WelcomePage.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,62 @@
@page "/welcome"

<Welcome />
<style>
.bg-1 {
color: #4465A1; /* Green */
/*color: #ffffff;*/
}
</style>

<div class="container-fluid bg-1 text-center">
<h1>
Welcome to the ChartJs.Blazor Samples.
</h1>
</div>
<div class="row align-items-center">
<div class="col-12">
<h2 class="text-center">Charts</h2>
</div>
<div class="col-12 col-sm-6 col-xl-3 justify-content-center">
<a class="btn btn-block btn-primary " href="SimpleBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Simple BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="HorizontalBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Horizontal BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="StackedBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Stacked BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="TimeBarChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Time BarChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="LinearLineChart"><span class="oi oi-graph" aria-hidden="true"></span> Linear LineChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="LogarithmicLineChart"><span class="oi oi-bar-chart" aria-hidden="true"></span> Logarithmic LineChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="TimeLineChart"><span class="oi oi-graph" aria-hidden="true"></span> Time LineChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="DoughnutChart"><span class="oi oi-graph" aria-hidden="true"></span> DoughnutChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="PieChart"><span class="oi oi-pie-chart" aria-hidden="true"></span> PieChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="PolarAreaChart"><span class="oi oi-graph" aria-hidden="true"></span> PolarAreaChart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="BubbleChart"><span class="oi oi-graph" aria-hidden="true"></span> Bubble Chart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="ScatterChart"><span class="oi oi-graph" aria-hidden="true"></span> Scatter Chart</a>
</div>
<div class="col-12 col-sm-6 col-xl-3 mt-2">
<a class="btn btn-block btn-primary" href="RadarChart"><span class="oi oi-graph" aria-hidden="true"></span> Radar Chart</a>
</div>
</div>

<Welcome />


67 changes: 1 addition & 66 deletions samples/ServerSide/ChartJs.Blazor.Sample.ServerSide/Shared/NavMenu.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,71 +12,6 @@
<span class="oi oi-home" aria-hidden="true"></span>Welcome
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="SimpleBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Simple BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="HorizontalBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Horizontal BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="StackedBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Stacked BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="TimeBarChart">
<span class="oi oi-bar-chart" aria-hidden="true"></span>Time BarChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="LinearLineChart">
<span class="oi oi-graph" aria-hidden="true"></span>Linear LineChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="LogarithmicLineChart">
<span class="oi oi-graph" aria-hidden="true"></span>Logarithmic LineChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="TimeLineChart">
<span class="oi oi-graph" aria-hidden="true"></span>Time LineChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="DoughnutChart">
<span class="oi oi-graph" aria-hidden="true"></span>DoughnutChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="PieChart">
<span class="oi oi-pie-chart" aria-hidden="true"></span>PieChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="PolarAreaChart">
<span class="oi oi-graph" aria-hidden="true"></span>PolarAreaChart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="BubbleChart">
<span class="oi oi-graph" aria-hidden="true"></span>Bubble Chart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="ScatterChart">
<span class="oi oi-graph" aria-hidden="true"></span>Scatter Chart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="RadarChart">
<span class="oi oi-graph" aria-hidden="true"></span>Radar Chart
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="OnClickHandler">
<span class="oi oi-info" aria-hidden="true"></span>Click and Hover handler
Expand Down Expand Up @@ -110,4 +45,4 @@
_collapseNavMenu = !_collapseNavMenu;
}

}
}
14 changes: 7 additions & 7 deletions samples/Shared/ChartJs.Blazor.Sample.Shared/Components/Welcome.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<style>
@*<style>
.bg-1 {
background-color: #1abc9c; /* Green */
color: #ffffff;
Expand All @@ -9,24 +9,24 @@
<h2>
Welcome to the ChartJs.Blazor Samples.
</h2>
</div>
</div>*@

<div class="container-fluid bg-1 text-left">
@*<div class="container-fluid bg-1 text-left">

<p>
<br />Use the navbar on the left (or the hamburger menu if you're on mobile) to switch between the samples.
<br />
</p>
<h3></h3>
</div>
</div>*@

<div class="container-fluid bg-2 text-center">
<h3>Where are the goodies?</h3>
</div>
<div class="container-fluid bg-2 text-center">
<p>
Nuget Package:
<a style="color: #00cc00"
<a
href="https://www.nuget.org/packages/ChartJs.Blazor"
target="_blank">
https://www.nuget.org/packages/ChartJs.Blazor
Expand All @@ -35,7 +35,7 @@

<p>
Source code:
<a style="color: #00cc00"
<a
href="https://github.com/mariusmuntean/ChartJs.Blazor"
target="_blank">
https://github.com/mariusmuntean/ChartJs.Blazor
Expand All @@ -58,4 +58,4 @@
</div>

@functions{
}
}