Skip to content

Updated Project folder structure for AppBar component #18

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

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Updated Project folder structure for AppBar component #18

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
31 changes: 0 additions & 31 deletions AppBar/BlazorWebApp/AppBarUGSample/AppBarUGSample.sln
View file
Open in desktop

This file was deleted.

6 changes: 0 additions & 6 deletions AppBar/BlazorWebApp/AppBarUGSample/AppBarUGSample/Components/Routes.razor
View file
Open in desktop

This file was deleted.

15 changes: 15 additions & 0 deletions AppBar/WebApp-Server/AppBarUGSample.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<Project Sdk="Microsoft.NET.Sdk.Web">

<PropertyGroup>
<TargetFramework>net8.0</TargetFramework>
<Nullable>enable</Nullable>
<ImplicitUsings>enable</ImplicitUsings>
<RootNamespace>AppBarUGSample</RootNamespace>
</PropertyGroup>

<ItemGroup>
<PackageReference Include="Syncfusion.Blazor.Navigations" Version="31.1.20" />
<PackageReference Include="Syncfusion.Blazor.Themes" Version="31.1.20" />
</ItemGroup>

</Project>
25 changes: 25 additions & 0 deletions AppBar/WebApp-Server/AppBarUGSample.sln
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@

Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17
VisualStudioVersion = 17.14.36221.1 d17.14
MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "AppBarUGSample", "AppBarUGSample.csproj", "{DFA82EFE-BE02-452F-9932-EA9D00E8B337}"
EndProject
Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution
Debug|Any CPU = Debug|Any CPU
Release|Any CPU = Release|Any CPU
EndGlobalSection
GlobalSection(ProjectConfigurationPlatforms) = postSolution
{DFA82EFE-BE02-452F-9932-EA9D00E8B337}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{DFA82EFE-BE02-452F-9932-EA9D00E8B337}.Debug|Any CPU.Build.0 = Debug|Any CPU
{DFA82EFE-BE02-452F-9932-EA9D00E8B337}.Release|Any CPU.ActiveCfg = Release|Any CPU
{DFA82EFE-BE02-452F-9932-EA9D00E8B337}.Release|Any CPU.Build.0 = Release|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
EndGlobalSection
GlobalSection(ExtensibilityGlobals) = postSolution
SolutionGuid = {18DDDD9A-912A-4290-B3BD-642B9DFAC006}
EndGlobalSection
EndGlobal
4 changes: 2 additions & 2 deletions ...ample/AppBarUGSample/Components/App.razor → AppBar/WebApp-Server/Components/App.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@
<link rel="stylesheet" href="app.css" />
<link rel="stylesheet" href="AppBarUGSample.styles.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<HeadOutlet @rendermode="InteractiveServer" />
<link href="_content/Syncfusion.Blazor.Themes/material.css" rel="stylesheet" />
<HeadOutlet />
</head>

<body>
<Routes />
<Routes @rendermode="InteractiveServer" />
<script src="_framework/blazor.web.js"></script>
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
</body>
Expand Down
0 ...Sample/Components/Layout/MainLayout.razor → ...Server/Components/Layout/MainLayout.razor
View file
Open in desktop
File renamed without changes.
0 ...le/Components/Layout/MainLayout.razor.css → ...er/Components/Layout/MainLayout.razor.css
View file
Open in desktop
File renamed without changes.
36 changes: 36 additions & 0 deletions AppBar/WebApp-Server/Components/Layout/NavMenu.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">AppBarUGSample</a>
</div>
</div>

<input type="checkbox" title="Navigation menu" class="navbar-toggler" />

<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
<nav class="flex-column">
<div class="nav-item px-3">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
</NavLink>
</div>

<div class="nav-item px-3">
<NavLink class="nav-link" href="counter">
<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
</NavLink>
</div>

<div class="nav-item px-3">
<NavLink class="nav-link" href="weather">
<span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
</NavLink>
</div>

<div class="nav-item px-3">
<NavLink class="nav-link" href="appbar/regular">
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> App Bar
</NavLink>
</div>
</nav>
</div>

0 ...ample/Components/Layout/NavMenu.razor.css → ...erver/Components/Layout/NavMenu.razor.css
View file
Open in desktop
File renamed without changes.
0 ...le.Client/Pages/AppBar/BottomAppBar.razor → ...omponents/Pages/AppBar/BottomAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...Sample.Client/Pages/AppBar/CssClass.razor → ...er/Components/Pages/AppBar/CssClass.razor
View file
Open in desktop
File renamed without changes.
0 ...mple.Client/Pages/AppBar/DarkAppBar.razor → .../Components/Pages/AppBar/DarkAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...ple.Client/Pages/AppBar/DenseAppBar.razor → ...Components/Pages/AppBar/DenseAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...lient/Pages/AppBar/DesignWithButton.razor → ...nents/Pages/AppBar/DesignWithButton.razor
View file
Open in desktop
File renamed without changes.
0 ....Client/Pages/AppBar/DesignWithMenu.razor → ...ponents/Pages/AppBar/DesignWithMenu.razor
View file
Open in desktop
File renamed without changes.
0 ...ient/Pages/AppBar/DesignWithSidebar.razor → ...ents/Pages/AppBar/DesignWithSidebar.razor
View file
Open in desktop
File renamed without changes.
0 ....Client/Pages/AppBar/HtmlAttributes.razor → ...ponents/Pages/AppBar/HtmlAttributes.razor
View file
Open in desktop
File renamed without changes.
0 ...e.Client/Pages/AppBar/InheritAppBar.razor → ...mponents/Pages/AppBar/InheritAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...ple.Client/Pages/AppBar/LightAppBar.razor → ...Components/Pages/AppBar/LightAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...mple.Client/Pages/AppBar/MediaQuery.razor → .../Components/Pages/AppBar/MediaQuery.razor
View file
Open in desktop
File renamed without changes.
0 ...e.Client/Pages/AppBar/PrimaryAppBar.razor → ...mponents/Pages/AppBar/PrimaryAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...Client/Pages/AppBar/ProminentAppBar.razor → ...onents/Pages/AppBar/ProminentAppBar.razor
View file
Open in desktop
File renamed without changes.
21 changes: 21 additions & 0 deletions AppBar/WebApp-Server/Components/Pages/AppBar/RegularAppBar.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
@page "/appbar/regular"
@rendermode InteractiveAuto

@using Syncfusion.Blazor.Navigations
@using Syncfusion.Blazor.Buttons
<SizeRoute></SizeRoute>
<br />
<div class="control-container">
<SfAppBar ColorMode="AppBarColor.Primary">
<SfButton CssClass="e-inherit" IconCss="e-icons e-menu"></SfButton>
<span class="regular">Regular AppBar</span>
<AppBarSpacer></AppBarSpacer>
<SfButton CssClass="e-inherit" Content="FREE TRIAL"></SfButton>
</SfAppBar>
</div>

<style>
.control-container .e-btn.e-inherit {
margin: 0 3px;
}
</style>
0 ...ample.Client/Pages/AppBar/Separator.razor → ...r/Components/Pages/AppBar/Separator.razor
View file
Open in desktop
File renamed without changes.
0 ...ample.Client/Pages/AppBar/SizeRoute.razor → ...r/Components/Pages/AppBar/SizeRoute.razor
View file
Open in desktop
File renamed without changes.
0 ...UGSample.Client/Pages/AppBar/Spacer.razor → ...rver/Components/Pages/AppBar/Spacer.razor
View file
Open in desktop
File renamed without changes.
0 ...le.Client/Pages/AppBar/StickyAppBar.razor → ...omponents/Pages/AppBar/StickyAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...ample.Client/Pages/AppBar/TopAppBar.razor → ...r/Components/Pages/AppBar/TopAppBar.razor
View file
Open in desktop
File renamed without changes.
0 ...AppBarUGSample.Client/Pages/Counter.razor → ...App-Server/Components/Pages/Counter.razor
View file
Open in desktop
File renamed without changes.
0 ...pBarUGSample/Components/Pages/Error.razor → ...ebApp-Server/Components/Pages/Error.razor
View file
Open in desktop
File renamed without changes.
0 ...ppBarUGSample/Components/Pages/Home.razor → ...WebApp-Server/Components/Pages/Home.razor
View file
Open in desktop
File renamed without changes.
3 changes: 1 addition & 2 deletions ...arUGSample/Components/Pages/Weather.razor → ...App-Server/Components/Pages/Weather.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@page "/weather"
@attribute [StreamRendering]

<PageTitle>Weather</PageTitle>

Expand Down Expand Up @@ -41,7 +40,7 @@ else

protected override async Task OnInitializedAsync()
{
// Simulate asynchronous loading to demonstrate streaming rendering
// Simulate asynchronous loading to demonstrate a loading indicator
await Task.Delay(500);

var startDate = DateOnly.FromDateTime(DateTime.Now);
Expand Down
6 changes: 6 additions & 0 deletions AppBar/WebApp-Server/Components/Routes.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<Router AppAssembly="typeof(Program).Assembly">
<Found Context="routeData">
<RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
<FocusOnNavigate RouteData="routeData" Selector="h1" />
</Found>
</Router>
10 changes: 10 additions & 0 deletions AppBar/WebApp-Server/Components/_Imports.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
@using System.Net.Http
@using System.Net.Http.Json
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.AspNetCore.Components.Web
@using static Microsoft.AspNetCore.Components.Web.RenderMode
@using Microsoft.AspNetCore.Components.Web.Virtualization
@using Microsoft.JSInterop
@using AppBarUGSample
@using AppBarUGSample.Components
30 changes: 30 additions & 0 deletions AppBar/WebApp-Server/Program.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
using AppBarUGSample.Components;
using Syncfusion.Blazor;

var builder = WebApplication.CreateBuilder(args);

// Add services to the container.
builder.Services.AddRazorComponents()
.AddInteractiveServerComponents();

builder.Services.AddSyncfusionBlazor();

var app = builder.Build();

// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{
app.UseExceptionHandler("/Error", createScopeForErrors: true);
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}

app.UseHttpsRedirection();

app.UseStaticFiles();
app.UseAntiforgery();

app.MapRazorComponents<App>()
.AddInteractiveServerRenderMode();

app.Run();
38 changes: 38 additions & 0 deletions AppBar/WebApp-Server/Properties/launchSettings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
{
"$schema": "http://json.schemastore.org/launchsettings.json",
"iisSettings": {
"windowsAuthentication": false,
"anonymousAuthentication": true,
"iisExpress": {
"applicationUrl": "http://localhost:15199",
"sslPort": 44389
}
},
"profiles": {
"http": {
"commandName": "Project",
"dotnetRunMessages": true,
"launchBrowser": true,
"applicationUrl": "http://localhost:5206",
"environmentVariables": {
"ASPNETCORE_ENVIRONMENT": "Development"
}
},
"https": {
"commandName": "Project",
"dotnetRunMessages": true,
"launchBrowser": true,
"applicationUrl": "https://localhost:7226;http://localhost:5206",
"environmentVariables": {
"ASPNETCORE_ENVIRONMENT": "Development"
}
},
"IIS Express": {
"commandName": "IISExpress",
"launchBrowser": true,
"environmentVariables": {
"ASPNETCORE_ENVIRONMENT": "Development"
}
}
}
}
0 ...ient/wwwroot/appsettings.Development.json → ...ebApp-Server/appsettings.Development.json
View file
Open in desktop
File renamed without changes.
0 ...rUGSample/AppBarUGSample/appsettings.json → AppBar/WebApp-Server/appsettings.json
View file
Open in desktop
File renamed without changes.
0 ...arUGSample/AppBarUGSample/wwwroot/app.css → AppBar/WebApp-Server/wwwroot/app.css
View file
Open in desktop
File renamed without changes.
0 ...ample/wwwroot/bootstrap/bootstrap.min.css → ...erver/wwwroot/bootstrap/bootstrap.min.css
View file
Open in desktop
File renamed without changes.
0 ...e/wwwroot/bootstrap/bootstrap.min.css.map → ...r/wwwroot/bootstrap/bootstrap.min.css.map
View file
Open in desktop
File renamed without changes.
0 ...Sample/AppBarUGSample/wwwroot/favicon.png → AppBar/WebApp-Server/wwwroot/favicon.png
View file
Open in desktop
File renamed without changes
6 changes: 3 additions & 3 deletions ...ample.Client/AppBarUGSample.Client.csproj → ...ample.Client/AppBarUGSample.Client.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@
</PropertyGroup>

<ItemGroup>
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
<PackageReference Include="Syncfusion.Blazor.Navigations" Version="23.2.6" />
<PackageReference Include="Syncfusion.Blazor.Themes" Version="23.2.6" />
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.20" />
<PackageReference Include="Syncfusion.Blazor.Navigations" Version="31.1.20" />
<PackageReference Include="Syncfusion.Blazor.Themes" Version="31.1.20" />
</ItemGroup>

</Project>
23 changes: 23 additions & 0 deletions AppBar/WebApp-Wasm/AppBarUGSample.Client/Layout/MainLayout.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
@inherits LayoutComponentBase

<div class="page">
<div class="sidebar">
<NavMenu />
</div>

<main>
<div class="top-row px-4">
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
</div>

<article class="content px-4">
@Body
</article>
</main>
</div>

<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
96 changes: 96 additions & 0 deletions AppBar/WebApp-Wasm/AppBarUGSample.Client/Layout/MainLayout.razor.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
.page {
position: relative;
display: flex;
flex-direction: column;
}

main {
flex: 1;
}

.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}

.top-row ::deep a, .top-row ::deep .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}

.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}

.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
.top-row {
justify-content: space-between;
}

.top-row ::deep a, .top-row ::deep .btn-link {
margin-left: 0;
}
}

@media (min-width: 641px) {
.page {
flex-direction: row;
}

.sidebar {
width: 250px;
height: 100vh;
position: sticky;
top: 0;
}

.top-row {
position: sticky;
top: 0;
z-index: 1;
}

.top-row.auth ::deep a:first-child {
flex: 1;
text-align: right;
width: 0;
}

.top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}

#blazor-error-ui {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}

#blazor-error-ui .dismiss {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
Loading