tsai
/
abp
mirror of https://github.com/abpframework/abp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Refactor Index.razor pages to use MudBlazor components for improved UI consistency and responsiveness; updated links and content for better user engagement.

pull/25235/head
maliming 6 months ago
parent
451ace3bb8
commit
15e99a0adf
No known key found for this signature in database GPG Key ID: A646B9CB645ECEA4
18 changed files with 972 additions and 1671 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      modules/account/src/Volo.Abp.Account.Blazor.MudBlazor/Pages/Account/AccountManage.razor
  2. 2
      modules/basic-theme/src/Volo.Abp.AspNetCore.Components.Server.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
  3. 2
      modules/basic-theme/src/Volo.Abp.AspNetCore.Components.WebAssembly.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
  4. 3
      modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
  5. 4
      modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/RoleManagement.razor
  6. 4
      modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/UserManagement.razor
  7. 2
      modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/PermissionManagementModal.razor
  8. 6
      modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/ResourcePermissionManagementModal.razor
  9. 2
      modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/EmailSettingGroup/EmailSettingGroupViewComponent.razor
  10. 5
      modules/tenant-management/src/Volo.Abp.TenantManagement.Blazor.MudBlazor/Pages/TenantManagement/TenantManagement.razor
  11. 394
      templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server.Mongo/Components/Pages/Index.razor
  12. 394
      templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
  13. 394
      templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.WebAssembly/Client/Pages/Index.razor
  14. 198
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Client/Pages/Index.razor
  15. 397
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/Components/Pages/Index.razor
  16. 211
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
  17. 226
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Client/Pages/Index.razor
  18. 397
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Tiered.Client/Pages/Index.razor

2
modules/account/src/Volo.Abp.Account.Blazor.MudBlazor/Pages/Account/AccountManage.razor
View File

@ -6,7 +6,7 @@
@inherits AbpAccountComponentBase @inherits AbpAccountComponentBase
<MudGrid> <MudGrid Spacing="0">
<MudItem xs="12"> <MudItem xs="12">
<MudTabs @bind-ActivePanelIndex="@_activeTabIndex" PanelClass="pa-4"> <MudTabs @bind-ActivePanelIndex="@_activeTabIndex" PanelClass="pa-4">
<MudTabPanel Text="@L["ProfileTab:Password"]"> <MudTabPanel Text="@L["ProfileTab:Password"]">

2
modules/basic-theme/src/Volo.Abp.AspNetCore.Components.Server.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
View File

@ -34,6 +34,6 @@
</MudMenu> </MudMenu>
</Authorized> </Authorized>
<NotAuthorized> <NotAuthorized>
<MudButton Variant="Variant.Text" Href="Account/Login">@L["Login"]</MudButton> <MudButton Variant="Variant.Text" Color="Color.Inherit" Href="Account/Login">@L["Login"]</MudButton>
</NotAuthorized> </NotAuthorized>
</AuthorizeView> </AuthorizeView>

2
modules/basic-theme/src/Volo.Abp.AspNetCore.Components.WebAssembly.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
View File

@ -39,6 +39,6 @@
</MudMenu> </MudMenu>
</Authorized> </Authorized>
<NotAuthorized> <NotAuthorized>
<MudButton Variant="Variant.Text" Href="@AuthenticationOptions.Value.LoginUrl">@UiLocalizer["Login"]</MudButton> <MudButton Variant="Variant.Text" Color="Color.Inherit" Href="@AuthenticationOptions.Value.LoginUrl">@UiLocalizer["Login"]</MudButton>
</NotAuthorized> </NotAuthorized>
</AuthorizeView> </AuthorizeView>

3
modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
View File

@ -5,8 +5,7 @@
@using Volo.Abp.FeatureManagement.Localization @using Volo.Abp.FeatureManagement.Localization
@inherits AbpFeatureManagementComponentBase @inherits AbpFeatureManagementComponentBase
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })" <MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true, CloseOnEscapeKey = true })">
CloseOnEscapeKey="true">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["Features"]@ProviderKeyDisplayName</MudText> <MudText Typo="Typo.h6">@L["Features"]@ProviderKeyDisplayName</MudText>
</TitleContent> </TitleContent>

4
modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/RoleManagement.razor
View File

@ -32,7 +32,7 @@
@* ************************* CREATE DIALOG ************************* *@ @* ************************* CREATE DIALOG ************************* *@
@if (HasCreatePermission) @if (HasCreatePermission)
{ {
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["NewRole"]</MudText> <MudText Typo="Typo.h6">@L["NewRole"]</MudText>
</TitleContent> </TitleContent>
@ -57,7 +57,7 @@
@* ************************* EDIT DIALOG ************************* *@ @* ************************* EDIT DIALOG ************************* *@
@if (HasUpdatePermission) @if (HasUpdatePermission)
{ {
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["Edit"]</MudText> <MudText Typo="Typo.h6">@L["Edit"]</MudText>
</TitleContent> </TitleContent>

4
modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/UserManagement.razor
View File

@ -43,7 +43,7 @@
@* ************************* CREATE DIALOG ************************* *@ @* ************************* CREATE DIALOG ************************* *@
@if (HasCreatePermission) @if (HasCreatePermission)
{ {
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["NewUser"]</MudText> <MudText Typo="Typo.h6">@L["NewUser"]</MudText>
</TitleContent> </TitleContent>
@ -107,7 +107,7 @@
@* ************************* EDIT DIALOG ************************* *@ @* ************************* EDIT DIALOG ************************* *@
@if (HasUpdatePermission) @if (HasUpdatePermission)
{ {
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["Edit"]</MudText> <MudText Typo="Typo.h6">@L["Edit"]</MudText>
</TitleContent> </TitleContent>

2
modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/PermissionManagementModal.razor
View File

@ -3,7 +3,7 @@
@using JetBrains.Annotations @using JetBrains.Annotations
@using Volo.Abp.PermissionManagement.Localization @using Volo.Abp.PermissionManagement.Localization
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["Permissions"] - @_entityDisplayName</MudText> <MudText Typo="Typo.h6">@L["Permissions"] - @_entityDisplayName</MudText>
</TitleContent> </TitleContent>

6
modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/ResourcePermissionManagementModal.razor
View File

@ -1,7 +1,7 @@
@using global::MudBlazor @using global::MudBlazor
@inherits Volo.Abp.AspNetCore.Components.AbpComponentBase @inherits Volo.Abp.AspNetCore.Components.AbpComponentBase
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.ExtraLarge, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.ExtraLarge, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["ResourcePermissions"] - @ResourceDisplayName</MudText> <MudText Typo="Typo.h6">@L["ResourcePermissions"] - @ResourceDisplayName</MudText>
</TitleContent> </TitleContent>
@ -82,7 +82,7 @@
@* Create Resource Permission Dialog *@ @* Create Resource Permission Dialog *@
@if (_createDialogVisible) @if (_createDialogVisible)
{ {
<MudDialog @bind-Visible="@_createDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @bind-Visible="@_createDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["AddResourcePermission"]</MudText> <MudText Typo="Typo.h6">@L["AddResourcePermission"]</MudText>
</TitleContent> </TitleContent>
@ -127,7 +127,7 @@
@* Edit Resource Permission Dialog *@ @* Edit Resource Permission Dialog *@
@if (_editDialogVisible) @if (_editDialogVisible)
{ {
<MudDialog @bind-Visible="@_editDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @bind-Visible="@_editDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["UpdateResourcePermission"]</MudText> <MudText Typo="Typo.h6">@L["UpdateResourcePermission"]</MudText>
</TitleContent> </TitleContent>

2
modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/EmailSettingGroup/EmailSettingGroupViewComponent.razor
View File

@ -73,7 +73,7 @@
@if (HasSendTestEmailPermission) @if (HasSendTestEmailPermission)
{ {
<MudDialog @bind-Visible="@_sendTestEmailDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @bind-Visible="@_sendTestEmailDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["SendTestEmail"]</MudText> <MudText Typo="Typo.h6">@L["SendTestEmail"]</MudText>
</TitleContent> </TitleContent>

5
modules/tenant-management/src/Volo.Abp.TenantManagement.Blazor.MudBlazor/Pages/TenantManagement/TenantManagement.razor
View File

@ -31,7 +31,7 @@
@* ************************* CREATE MODAL ************************* *@ @* ************************* CREATE MODAL ************************* *@
@if (HasCreatePermission) @if (HasCreatePermission)
{ {
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true"> <MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["NewTenant"]</MudText> <MudText Typo="Typo.h6">@L["NewTenant"]</MudText>
</TitleContent> </TitleContent>
@ -68,8 +68,7 @@
@* ************************* EDIT MODAL ************************* *@ @* ************************* EDIT MODAL ************************* *@
@if (HasUpdatePermission) @if (HasUpdatePermission)
{ {
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" <MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
CloseOnEscapeKey="true">
<TitleContent> <TitleContent>
<MudText Typo="Typo.h6">@L["Edit"]</MudText> <MudText Typo="Typo.h6">@L["Edit"]</MudText>
</TitleContent> </TitleContent>

394
templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server.Mongo/Components/Pages/Index.razor
View File

@ -1,281 +1,127 @@
@page "/" @page "/"
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<h4>Web Application Development Tutorial</h4> <MudGrid Class="mb-3">
<p class="text-muted mb-2">Learn how to build an ABP based <MudItem xs="12" md="6">
web <MudCard Style="height: 100%;">
application named Acme.BookStore.</p> <MudCardContent>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> @if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
Theme <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
as you wish.</p> Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
</div> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
</div> <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
</div> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</div> </MudCardContent>
</div> </MudCard>
<div class="col-xl-3 col-md-6 d-flex"> </MudItem>
<div class="card h-100 overflow-hidden"> <MudItem xs="12" md="6">
<div class="card-body"> <MudCard Style="height: 100%;">
<div class="abp-community abp-logo mb-2"></div> <MudCardContent>
<p class="lead text-muted">A unique community platform <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
for <span class="fw-bold">ABP Lovers!</span></p> <MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
<p class="text-muted mb-2">Explore all ABP users' </MudText>
experiences with the ABP Framework, discover <MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
articles and videos on how to use ABP, and join <MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
raffles for a chance to win surprise gifts!</p> <MudButton Href="https://community.abp.io/" Target="_blank"
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<div class="row"> <MudDivider Class="my-3" />
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<div> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<table class="table mb-0"> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<tbody> </MudText>
<tr> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<td class="ps-0 d-flex"> <MudButton Href="https://blog.abp.io/abp" Target="_blank"
<div class="rounded-circle me-2 Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
flex-center bg-brand soft" style="width: 20px; height: </MudCardContent>
20px;"><i class="bi bi-check fs-4"></i></div> </MudCard>
<div> Latest Release Logs </div> </MudItem>
</td> </MudGrid>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
</div> <MudGrid>
</div> <MudItem xs="12" lg="4">
</div> <MudCard Style="height: 100%;">
<div class="col-xl-3 col-lg-4"> <MudCardHeader>
<div class="card"> <MudText Typo="Typo.h6">More from ABP.IO</MudText>
<div class="card-header"> </MudCardHeader>
<div class="card-title text-body">Follow us on Social Media</div> <MudCardContent Class="pt-0">
</div> <MudList T="string" Dense="true">
<div class="card-body pt-0"> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<table class="table mb-0"> Latest Release Logs
<tbody> </MudListItem>
<tr> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="ps-0 d-flex"> Href="https://abp.io/video-courses/essentials" Target="_blank">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;"> Video Courses
<div>X.com</div> </MudListItem>
</td> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="text-end pe-0 opacity-25"> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<a href="https://twitter.com/abpframework" target="_blank"> Samples
<i class="bi bi-box-arrow-up-right </MudListItem>
text-dark"></i> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</a> Href="https://abp.io/books" Target="_blank">
</td> Books
</tr> </MudListItem>
<tr> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="ps-0 d-flex"> Href="https://abp.io/faq" Target="_blank">
<img src="/images/getting-started/discord.svg" class="me-2"> FAQ
<div>Discord</div> </MudListItem>
</td> </MudList>
<td class="text-end pe-0 opacity-25"> </MudCardContent>
<a href="https://community.abp.io/discord" target="_blank"> </MudCard>
<i class="bi bi-box-arrow-up-right </MudItem>
text-dark"></i> <MudItem xs="12" lg="8">
</a> <MudCard Style="height: 100%;">
</td> <MudCardHeader>
</tr> <MudText Typo="Typo.h6">Follow us on Social Media</MudText>
<tr> </MudCardHeader>
<td class="ps-0 d-flex"> <MudCardContent Class="pt-0">
<img src="/images/getting-started/stack-overflow.svg" class="me-2"> <MudGrid Spacing="0">
<div>Stack Overflow</div> <MudItem xs="12" sm="6">
</td> <MudList T="string" Dense="true">
<td class="text-end pe-0 opacity-25"> <MudListItem Href="https://twitter.com/abpframework" Target="_blank"
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank"> Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
<i class="bi bi-box-arrow-up-right X.com (Twitter)
text-dark"></i> </MudListItem>
</a> <MudListItem Href="https://community.abp.io/discord" Target="_blank"
</td> Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
</tr> Discord
<tr> </MudListItem>
<td class="ps-0 d-flex"> <MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
<img src="/images/getting-started/youtube.svg" class="me-2"> Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
<div>YouTube</div> Stack Overflow
</td> </MudListItem>
<td class="text-end pe-0 opacity-25"> </MudList>
<a href="https://www.youtube.com/@@Volosoft" target="_blank"> </MudItem>
<i class="bi bi-box-arrow-up-right <MudItem xs="12" sm="6">
text-dark"></i> <MudList T="string" Dense="true">
</a> <MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
</td> Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
</tr> YouTube
<tr> </MudListItem>
<td class="ps-0 d-flex border-bottom-0"> <MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
<img src="/images/getting-started/instagram.svg" class="me-2"> Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
<div>Instagram</div> Instagram
</td> </MudListItem>
<td class="text-end pe-0 opacity-25 <MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
border-bottom-0"> Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
<a href="https://www.instagram.com/abpframework/" target="_blank"> GitHub
<i class="bi bi-box-arrow-up-right </MudListItem>
text-dark"></i> </MudList>
</a> </MudItem>
</td> </MudGrid>
</tr> </MudCardContent>
</tbody> </MudCard>
</table> </MudItem>
</div> </MudGrid>
</div>
</div>
</div>
</div>

394
templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
View File

@ -1,281 +1,127 @@
@page "/" @page "/"
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<h4>Web Application Development Tutorial</h4> <MudGrid Class="mb-3">
<p class="text-muted mb-2">Learn how to build an ABP based <MudItem xs="12" md="6">
web <MudCard Style="height: 100%;">
application named Acme.BookStore.</p> <MudCardContent>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> @if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
Theme <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
as you wish.</p> Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
</div> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
</div> <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
</div> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</div> </MudCardContent>
</div> </MudCard>
<div class="col-xl-3 col-md-6 d-flex"> </MudItem>
<div class="card h-100 overflow-hidden"> <MudItem xs="12" md="6">
<div class="card-body"> <MudCard Style="height: 100%;">
<div class="abp-community abp-logo mb-2"></div> <MudCardContent>
<p class="lead text-muted">A unique community platform <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
for <span class="fw-bold">ABP Lovers!</span></p> <MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
<p class="text-muted mb-2">Explore all ABP users' </MudText>
experiences with the ABP Framework, discover <MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
articles and videos on how to use ABP, and join <MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
raffles for a chance to win surprise gifts!</p> <MudButton Href="https://community.abp.io/" Target="_blank"
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<div class="row"> <MudDivider Class="my-3" />
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<div> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<table class="table mb-0"> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<tbody> </MudText>
<tr> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<td class="ps-0 d-flex"> <MudButton Href="https://blog.abp.io/abp" Target="_blank"
<div class="rounded-circle me-2 Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
flex-center bg-brand soft" style="width: 20px; height: </MudCardContent>
20px;"><i class="bi bi-check fs-4"></i></div> </MudCard>
<div> Latest Release Logs </div> </MudItem>
</td> </MudGrid>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
</div> <MudGrid>
</div> <MudItem xs="12" lg="4">
</div> <MudCard Style="height: 100%;">
<div class="col-xl-3 col-lg-4"> <MudCardHeader>
<div class="card"> <MudText Typo="Typo.h6">More from ABP.IO</MudText>
<div class="card-header"> </MudCardHeader>
<div class="card-title text-body">Follow us on Social Media</div> <MudCardContent Class="pt-0">
</div> <MudList T="string" Dense="true">
<div class="card-body pt-0"> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<table class="table mb-0"> Latest Release Logs
<tbody> </MudListItem>
<tr> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="ps-0 d-flex"> Href="https://abp.io/video-courses/essentials" Target="_blank">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;"> Video Courses
<div>X.com</div> </MudListItem>
</td> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="text-end pe-0 opacity-25"> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<a href="https://twitter.com/abpframework" target="_blank"> Samples
<i class="bi bi-box-arrow-up-right </MudListItem>
text-dark"></i> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</a> Href="https://abp.io/books" Target="_blank">
</td> Books
</tr> </MudListItem>
<tr> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="ps-0 d-flex"> Href="https://abp.io/faq" Target="_blank">
<img src="/images/getting-started/discord.svg" class="me-2"> FAQ
<div>Discord</div> </MudListItem>
</td> </MudList>
<td class="text-end pe-0 opacity-25"> </MudCardContent>
<a href="https://community.abp.io/discord" target="_blank"> </MudCard>
<i class="bi bi-box-arrow-up-right </MudItem>
text-dark"></i> <MudItem xs="12" lg="8">
</a> <MudCard Style="height: 100%;">
</td> <MudCardHeader>
</tr> <MudText Typo="Typo.h6">Follow us on Social Media</MudText>
<tr> </MudCardHeader>
<td class="ps-0 d-flex"> <MudCardContent Class="pt-0">
<img src="/images/getting-started/stack-overflow.svg" class="me-2"> <MudGrid Spacing="0">
<div>Stack Overflow</div> <MudItem xs="12" sm="6">
</td> <MudList T="string" Dense="true">
<td class="text-end pe-0 opacity-25"> <MudListItem Href="https://twitter.com/abpframework" Target="_blank"
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank"> Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
<i class="bi bi-box-arrow-up-right X.com (Twitter)
text-dark"></i> </MudListItem>
</a> <MudListItem Href="https://community.abp.io/discord" Target="_blank"
</td> Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
</tr> Discord
<tr> </MudListItem>
<td class="ps-0 d-flex"> <MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
<img src="/images/getting-started/youtube.svg" class="me-2"> Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
<div>YouTube</div> Stack Overflow
</td> </MudListItem>
<td class="text-end pe-0 opacity-25"> </MudList>
<a href="https://www.youtube.com/@@Volosoft" target="_blank"> </MudItem>
<i class="bi bi-box-arrow-up-right <MudItem xs="12" sm="6">
text-dark"></i> <MudList T="string" Dense="true">
</a> <MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
</td> Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
</tr> YouTube
<tr> </MudListItem>
<td class="ps-0 d-flex border-bottom-0"> <MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
<img src="/images/getting-started/instagram.svg" class="me-2"> Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
<div>Instagram</div> Instagram
</td> </MudListItem>
<td class="text-end pe-0 opacity-25 <MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
border-bottom-0"> Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
<a href="https://www.instagram.com/abpframework/" target="_blank"> GitHub
<i class="bi bi-box-arrow-up-right </MudListItem>
text-dark"></i> </MudList>
</a> </MudItem>
</td> </MudGrid>
</tr> </MudCardContent>
</tbody> </MudCard>
</table> </MudItem>
</div> </MudGrid>
</div>
</div>
</div>
</div>

394
templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.WebAssembly/Client/Pages/Index.razor
View File

@ -1,281 +1,127 @@
@page "/" @page "/"
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<h4>Web Application Development Tutorial</h4> <MudGrid Class="mb-3">
<p class="text-muted mb-2">Learn how to build an ABP based <MudItem xs="12" md="6">
web <MudCard Style="height: 100%;">
application named Acme.BookStore.</p> <MudCardContent>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> @if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
Theme <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
as you wish.</p> Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
</div> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
</div> <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
</div> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</div> </MudCardContent>
</div> </MudCard>
<div class="col-xl-3 col-md-6 d-flex"> </MudItem>
<div class="card h-100 overflow-hidden"> <MudItem xs="12" md="6">
<div class="card-body"> <MudCard Style="height: 100%;">
<div class="abp-community abp-logo mb-2"></div> <MudCardContent>
<p class="lead text-muted">A unique community platform <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
for <span class="fw-bold">ABP Lovers!</span></p> <MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
<p class="text-muted mb-2">Explore all ABP users' </MudText>
experiences with the ABP Framework, discover <MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
articles and videos on how to use ABP, and join <MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
raffles for a chance to win surprise gifts!</p> <MudButton Href="https://community.abp.io/" Target="_blank"
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<div class="row"> <MudDivider Class="my-3" />
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<div> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<table class="table mb-0"> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<tbody> </MudText>
<tr> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<td class="ps-0 d-flex"> <MudButton Href="https://blog.abp.io/abp" Target="_blank"
<div class="rounded-circle me-2 Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
flex-center bg-brand soft" style="width: 20px; height: </MudCardContent>
20px;"><i class="bi bi-check fs-4"></i></div> </MudCard>
<div> Latest Release Logs </div> </MudItem>
</td> </MudGrid>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
</div> <MudGrid>
</div> <MudItem xs="12" lg="4">
</div> <MudCard Style="height: 100%;">
<div class="col-xl-3 col-lg-4"> <MudCardHeader>
<div class="card"> <MudText Typo="Typo.h6">More from ABP.IO</MudText>
<div class="card-header"> </MudCardHeader>
<div class="card-title text-body">Follow us on Social Media</div> <MudCardContent Class="pt-0">
</div> <MudList T="string" Dense="true">
<div class="card-body pt-0"> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<table class="table mb-0"> Latest Release Logs
<tbody> </MudListItem>
<tr> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="ps-0 d-flex"> Href="https://abp.io/video-courses/essentials" Target="_blank">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;"> Video Courses
<div>X.com</div> </MudListItem>
</td> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="text-end pe-0 opacity-25"> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<a href="https://twitter.com/abpframework" target="_blank"> Samples
<i class="bi bi-box-arrow-up-right </MudListItem>
text-dark"></i> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</a> Href="https://abp.io/books" Target="_blank">
</td> Books
</tr> </MudListItem>
<tr> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="ps-0 d-flex"> Href="https://abp.io/faq" Target="_blank">
<img src="/images/getting-started/discord.svg" class="me-2"> FAQ
<div>Discord</div> </MudListItem>
</td> </MudList>
<td class="text-end pe-0 opacity-25"> </MudCardContent>
<a href="https://community.abp.io/discord" target="_blank"> </MudCard>
<i class="bi bi-box-arrow-up-right </MudItem>
text-dark"></i> <MudItem xs="12" lg="8">
</a> <MudCard Style="height: 100%;">
</td> <MudCardHeader>
</tr> <MudText Typo="Typo.h6">Follow us on Social Media</MudText>
<tr> </MudCardHeader>
<td class="ps-0 d-flex"> <MudCardContent Class="pt-0">
<img src="/images/getting-started/stack-overflow.svg" class="me-2"> <MudGrid Spacing="0">
<div>Stack Overflow</div> <MudItem xs="12" sm="6">
</td> <MudList T="string" Dense="true">
<td class="text-end pe-0 opacity-25"> <MudListItem Href="https://twitter.com/abpframework" Target="_blank"
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank"> Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
<i class="bi bi-box-arrow-up-right X.com (Twitter)
text-dark"></i> </MudListItem>
</a> <MudListItem Href="https://community.abp.io/discord" Target="_blank"
</td> Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
</tr> Discord
<tr> </MudListItem>
<td class="ps-0 d-flex"> <MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
<img src="/images/getting-started/youtube.svg" class="me-2"> Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
<div>YouTube</div> Stack Overflow
</td> </MudListItem>
<td class="text-end pe-0 opacity-25"> </MudList>
<a href="https://www.youtube.com/@@Volosoft" target="_blank"> </MudItem>
<i class="bi bi-box-arrow-up-right <MudItem xs="12" sm="6">
text-dark"></i> <MudList T="string" Dense="true">
</a> <MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
</td> Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
</tr> YouTube
<tr> </MudListItem>
<td class="ps-0 d-flex border-bottom-0"> <MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
<img src="/images/getting-started/instagram.svg" class="me-2"> Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
<div>Instagram</div> Instagram
</td> </MudListItem>
<td class="text-end pe-0 opacity-25 <MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
border-bottom-0"> Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
<a href="https://www.instagram.com/abpframework/" target="_blank"> GitHub
<i class="bi bi-box-arrow-up-right </MudListItem>
text-dark"></i> </MudList>
</a> </MudItem>
</td> </MudGrid>
</tr> </MudCardContent>
</tbody> </MudCard>
</table> </MudItem>
</div> </MudGrid>
</div>
</div>
</div>
</div>

198
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Client/Pages/Index.razor
View File

@ -1,87 +1,127 @@
@page "/" @page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3"> <MudGrid Class="mb-3">
<div class="col-xl-6 col-12 d-flex"> <MudItem xs="12" md="6">
<div class="card h-lg-100 w-100 overflow-hidden"> <MudCard Style="height: 100%;">
<div class="card-body"> <MudCardContent>
<div class="starting-content"> @if (!CurrentUser.IsAuthenticated)
<h3>Getting Started</h3> {
<p class="lead text-muted mb-2">Learn how to create and run <MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
a new web application using the application startup template.</p> <MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting Started</a> <MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to build an ABP based web application named Acme.BookStore.</p> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
</div> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> </MudCardContent>
</div> </MudCard>
</div> </MudItem>
</div> <MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="col-xl-3 col-md-6 d-flex"> <MudDivider Class="my-3" />
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for similar problems and solutions, or open a new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</p>
<a href="https://blog.abp.io/abp" class="btn btn-brand soft" target="_blank">Visit Blog</a>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
</div>
</div>
</div>
</div>
</div>
<div class="my-3 text-center"> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<h3>Let's improve your application!</h3> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<p>Here are some links to help you get started:</p> </MudText>
</div> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div class="card mt-4 mb-5"> <MudGrid>
<div class="card-body"> <MudItem xs="12" lg="4">
<div class="row text-center justify-content-md-center"> <MudCard Style="height: 100%;">
<div class="col-lg-4"> <MudCardHeader>
<div class="p-4"> <MudText Typo="Typo.h6">More from ABP.IO</MudText>
<h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn the ABP Framework</h5> </MudCardHeader>
<p>Explore the comprehensive documentation to learn how to build a modern web application.</p> <MudCardContent Class="pt-0">
<a href="https://abp.io/docs/latest?ref=tmpl" target="_blank" class="btn btn-link px-1">See Documents <i class="fas fa-chevron-right"></i></a> <MudList T="string" Dense="true">
</div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</div> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<div class="col-lg-4 border-start"> Latest Release Logs
<div class="p-4"> </MudListItem>
<h5 class="mb-3"><i class="fas fa-cubes text-secondary d-block my-3 fa-2x"></i> Samples</h5> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<p>See the example projects built with the ABP Framework.</p> Href="https://abp.io/video-courses/essentials" Target="_blank">
<a href="https://abp.io/docs/latest/samples?ref=tmpl" target="_blank" class="btn btn-link px-1">All samples <i class="fas fa-chevron-right"></i></a> Video Courses
</div> </MudListItem>
</div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div class="col-lg-4 border-start"> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<div class="p-4"> Samples
<h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5> </MudListItem>
<p>Get involved with a vibrant community and become a contributor.</p> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<a href="https://abp.io/community/" target="_blank" class="btn btn-link px-1">Community <i class="fas fa-chevron-right"></i></a> Href="https://abp.io/books" Target="_blank">
<a href="https://abp.io/docs/latest/contribution?ref=tmpl" target="_blank" class="btn btn-link px-1">Contribute <i class="fas fa-chevron-right"></i></a> Books
</div> </MudListItem>
</div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</div> Href="https://abp.io/faq" Target="_blank">
</div> FAQ
</div> </MudListItem>
</div> </MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

397
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/Components/Pages/Index.razor
View File

@ -1,284 +1,127 @@
@page "/" @page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3"> <MudGrid Class="mb-3">
<div class="col-xl-6 col-12 d-flex"> <MudItem xs="12" md="6">
<div class="card h-lg-100 w-100 overflow-hidden"> <MudCard Style="height: 100%;">
<div class="card-body"> <MudCardContent>
<div class="starting-content"> @if (!CurrentUser.IsAuthenticated)
<h3>Getting Started</h3> {
<p class="lead text-muted mb-2">Learn how to create and run <MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
a <MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
new web application using the application startup <MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
template.</p> StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting }
Started</a>
<h4>Web Application Development Tutorial</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to build an ABP based <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
web <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
application named Acme.BookStore.</p> Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
Theme <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
as you wish.</p> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> </MudCardContent>
</div> </MudCard>
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> </MudItem>
</div> <MudItem xs="12" md="6">
</div> <MudCard Style="height: 100%;">
</div> <MudCardContent>
<div class="col-xl-3 col-md-6 d-flex"> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<div class="row"> <MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
<div class="col-12 d-flex"> </MudText>
<div class="card overflow-hidden"> <MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<div class="card-body pb-0"> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<div class="abp-support abp-logo mb-2"></div> <MudButton Href="https://community.abp.io/" Target="_blank"
<p class="text-muted mb-2">You can check for Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> <MudDivider Class="my-3" />
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform
for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users'
experiences with the ABP Framework, discover
articles and videos on how to use ABP, and join
raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<div class="row"> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<div class="col-xl-3 col-lg-4"> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<div class="card"> </MudText>
<div class="card-header"> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<div class="card-title text-body">More from ABP.IO</div> <MudButton Href="https://blog.abp.io/abp" Target="_blank"
</div> Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
<div class="card-body pt-0"> </MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div> <MudGrid>
<table class="table mb-0"> <MudItem xs="12" lg="4">
<tbody> <MudCard Style="height: 100%;">
<tr> <MudCardHeader>
<td class="ps-0 d-flex"> <MudText Typo="Typo.h6">More from ABP.IO</MudText>
<div class="rounded-circle me-2 </MudCardHeader>
flex-center bg-brand soft" style="width: 20px; height: <MudCardContent Class="pt-0">
20px;"><i class="bi bi-check fs-4"></i></div> <MudList T="string" Dense="true">
<div> Latest Release Logs </div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</td> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<td class="text-end pe-0 opacity-25"> Latest Release Logs
<a href="https://github.com/abpframework/abp/releases" target="_blank"> </MudListItem>
<i class="bi <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
bi-box-arrow-up-right Href="https://abp.io/video-courses/essentials" Target="_blank">
text-dark"></i> Video Courses
</a> </MudListItem>
</td> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</tr> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<tr> Samples
<td class="ps-0 d-flex"> </MudListItem>
<div class="rounded-circle me-2 <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
flex-center bg-brand soft" style="width: 20px; height: Href="https://abp.io/books" Target="_blank">
20px;"><i class="bi bi-check fs-4"></i></div> Books
<div> Video Courses </div> </MudListItem>
</td> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="text-end pe-0 opacity-25"> Href="https://abp.io/faq" Target="_blank">
<a href="https://abp.io/video-courses" target="_blank"> FAQ
<i class="bi </MudListItem>
bi-box-arrow-up-right </MudList>
text-dark"></i> </MudCardContent>
</a> </MudCard>
</td> </MudItem>
</tr> <MudItem xs="12" lg="8">
<tr> <MudCard Style="height: 100%;">
<td class="ps-0 d-flex"> <MudCardHeader>
<div class="rounded-circle me-2 <MudText Typo="Typo.h6">Follow us on Social Media</MudText>
flex-center bg-brand soft" style="width: 20px; height: </MudCardHeader>
20px;"><i class="bi bi-check fs-4"></i></div> <MudCardContent Class="pt-0">
<div> Samples </div> <MudGrid Spacing="0">
</td> <MudItem xs="12" sm="6">
<td class="text-end pe-0 opacity-25"> <MudList T="string" Dense="true">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank"> <MudListItem Href="https://twitter.com/abpframework" Target="_blank"
<i class="bi Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
bi-box-arrow-up-right X.com (Twitter)
text-dark"></i> </MudListItem>
</a> <MudListItem Href="https://community.abp.io/discord" Target="_blank"
</td> Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
</tr> Discord
<tr> </MudListItem>
<td class="ps-0 d-flex"> <MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
<div class="rounded-circle me-2 Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
flex-center bg-brand soft" style="width: 20px; height: Stack Overflow
20px;"><i class="bi bi-check fs-4"></i></div> </MudListItem>
<div> Books </div> </MudList>
</td> </MudItem>
<td class="text-end pe-0 opacity-25"> <MudItem xs="12" sm="6">
<a href="https://abp.io/books" target="_blank"> <MudList T="string" Dense="true">
<i class="bi <MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
bi-box-arrow-up-right Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
text-dark"></i> YouTube
</a> </MudListItem>
</td> <MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
</tr> Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
<tr> Instagram
<td class="ps-0 d-flex border-bottom-0"> </MudListItem>
<div class="rounded-circle me-2 <MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
flex-center bg-brand soft" style="width: 20px; height: Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
20px;"><i class="bi bi-check fs-4"></i></div> GitHub
<div> FAQ </div> </MudListItem>
</td> </MudList>
<td class="text-end pe-0 opacity-25 </MudItem>
border-bottom-0"> </MudGrid>
<a href="https://commercial.abp.io/faq" target="_blank"> </MudCardContent>
<i class="bi </MudCard>
bi-box-arrow-up-right </MudItem>
text-dark"></i> </MudGrid>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">Follow us on Social Media</div>
</div>
<div class="card-body pt-0">
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
<div>X.com</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://twitter.com/abpframework" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/discord.svg" class="me-2">
<div>Discord</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://community.abp.io/discord" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/stack-overflow.svg" class="me-2">
<div>Stack Overflow</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/youtube.svg" class="me-2">
<div>YouTube</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://www.youtube.com/@@Volosoft" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<img src="/images/getting-started/instagram.svg" class="me-2">
<div>Instagram</div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://www.instagram.com/abpframework/" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

211
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
View File

@ -1,100 +1,127 @@
@page "/" @page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3"> <MudGrid Class="mb-3">
<div class="col-xl-6 col-12 d-flex"> <MudItem xs="12" md="6">
<div class="card h-lg-100 w-100 overflow-hidden"> <MudCard Style="height: 100%;">
<div class="card-body"> <MudCardContent>
<div class="starting-content"> @if (!CurrentUser.IsAuthenticated)
<h3>Getting Started</h3> {
<p class="lead text-muted mb-2">Learn how to create and run a new web application using the application startup template.</p> <MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting Started</a> <MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to build an ABP based web application named Acme.BookStore.</p> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
</div> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> </MudCardContent>
</div> </MudCard>
</div> </MudItem>
</div> <MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="col-xl-3 col-md-6 d-flex"> <MudDivider Class="my-3" />
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for similar problems and solutions, or open a new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex"> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<div class="card h-100 overflow-hidden"> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<div class="card-body"> </MudText>
<div class="abp-community abp-logo mb-2"></div> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<p class="lead text-muted">A unique community platform for <span class="fw-bold">ABP Lovers!</span></p> <MudButton Href="https://blog.abp.io/abp" Target="_blank"
<p class="text-muted mb-2">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</p> Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP Community</a> </MudCardContent>
</div> </MudCard>
<img class="mt-3" src="/images/getting-started/img-community.png"> </MudItem>
</div> </MudGrid>
</div>
</div>
<div class="my-3 text-center"> <MudGrid>
<h3>Let's improve your application!</h3> <MudItem xs="12" lg="4">
<p>Here are some links to help you get started:</p> <MudCard Style="height: 100%;">
</div> <MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
<div class="card mt-4 mb-5"> </MudCardHeader>
<div class="card-body"> <MudCardContent Class="pt-0">
<div class="row text-center justify-content-md-center"> <MudList T="string" Dense="true">
<div class="col-lg-4"> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div class="p-4"> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn the ABP Framework</h5> Latest Release Logs
<p>Explore the comprehensive documentation to learn how to build a modern web application.</p> </MudListItem>
<a href="https://abp.io/docs/latest?ref=tmpl" target="_blank" class="btn btn-link px-1">See Documents <i class="fas fa-chevron-right"></i></a> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</div> Href="https://abp.io/video-courses/essentials" Target="_blank">
</div> Video Courses
<div class="col-lg-4 border-start"> </MudListItem>
<div class="p-4"> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<h5 class="mb-3"><i class="fas fa-cubes text-secondary d-block my-3 fa-2x"></i> Samples</h5> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<p>See the example projects built with the ABP Framework.</p> Samples
<a href="https://abp.io/docs/latest/samples?ref=tmpl" target="_blank" class="btn btn-link px-1">All samples <i class="fas fa-chevron-right"></i></a> </MudListItem>
</div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</div> Href="https://abp.io/books" Target="_blank">
<div class="col-lg-4 border-start"> Books
<div class="p-4"> </MudListItem>
<h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<p>Get involved with a vibrant community and become a contributor.</p> Href="https://abp.io/faq" Target="_blank">
<a href="https://abp.io/community/" target="_blank" class="btn btn-link px-1">Community <i class="fas fa-chevron-right"></i></a> FAQ
<a href="https://abp.io/docs/latest/contribution?ref=tmpl" target="_blank" class="btn btn-link px-1">Contribute <i class="fas fa-chevron-right"></i></a> </MudListItem>
</div> </MudList>
</div> </MudCardContent>
</div> </MudCard>
<div class="row text-center mt-lg-3 justify-content-md-center"> </MudItem>
<div class="col-lg-4"> <MudItem xs="12" lg="8">
<div class="p-4"> <MudCard Style="height: 100%;">
<h5 class="mb-3"><i class="fas fa-pen-nib text-secondary d-block my-3 fa-2x"></i> ABP Blog</h5> <MudCardHeader>
<p>Take a look at our recently published articles.</p> <MudText Typo="Typo.h6">Follow us on Social Media</MudText>
<a href="https://abp.io/blog?ref=tmpl" target="_blank" class="btn btn-link px-1">See Blog <i class="fas fa-chevron-right"></i></a> </MudCardHeader>
</div> <MudCardContent Class="pt-0">
</div> <MudGrid Spacing="0">
<div class="col-lg-4 border-start"> <MudItem xs="12" sm="6">
<div class="p-4"> <MudList T="string" Dense="true">
<h5 class="mb-3"><i class="fab fa-github text-secondary d-block my-3 fa-2x"></i> Github</h5> <MudListItem Href="https://twitter.com/abpframework" Target="_blank"
<p>Do you love the ABP Framework? Please <strong>give a star</strong> to support it!</p> Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
<a href="https://github.com/abpframework/abp/" target="_blank" class="btn btn-link px-1">See Open Source Framework <i class="fas fa-chevron-right"></i></a> X.com (Twitter)
</div> </MudListItem>
</div> <MudListItem Href="https://community.abp.io/discord" Target="_blank"
</div> Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
</div> Discord
</div> </MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

226
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Client/Pages/Index.razor
View File

@ -1,115 +1,127 @@
@page "/" @page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3"> <MudGrid Class="mb-3">
<div class="col-xl-6 col-12 d-flex"> <MudItem xs="12" md="6">
<div class="card h-lg-100 w-100 overflow-hidden"> <MudCard Style="height: 100%;">
<div class="card-body"> <MudCardContent>
<div class="starting-content"> @if (!CurrentUser.IsAuthenticated)
<h3>Getting Started</h3> {
<p class="lead text-muted mb-2">Learn how to create and run a new web application using the <MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
application startup template.</p> <MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" <MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
target="_blank">Getting Started</a> StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to build an ABP based web application named Acme.BookStore.</p> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a> Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</div> </MudCardContent>
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> </MudCard>
</div> </MudItem>
</div> <MudItem xs="12" md="6">
</div> <MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="col-xl-3 col-md-6 d-flex"> <MudDivider Class="my-3" />
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for similar problems and solutions, or open a new topic to
discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit
Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex"> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<div class="card h-100 overflow-hidden"> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<div class="card-body"> </MudText>
<div class="abp-community abp-logo mb-2"></div> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<p class="lead text-muted">A unique community platform for <span class="fw-bold">ABP Lovers!</span></p> <MudButton Href="https://blog.abp.io/abp" Target="_blank"
<p class="text-muted mb-2">Explore all ABP users' experiences with the ABP Framework, discover articles Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</p> </MudCardContent>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP </MudCard>
Community</a> </MudItem>
</div> </MudGrid>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<div class="my-3 text-center"> <MudGrid>
<h3>Let's improve your application!</h3> <MudItem xs="12" lg="4">
<p>Here are some links to help you get started:</p> <MudCard Style="height: 100%;">
</div> <MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
<div class="card mt-4 mb-5"> </MudCardHeader>
<div class="card-body"> <MudCardContent Class="pt-0">
<div class="row text-center justify-content-md-center"> <MudList T="string" Dense="true">
<div class="col-lg-4"> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div class="p-4"> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn the ABP Latest Release Logs
Framework</h5> </MudListItem>
<p>Explore the comprehensive documentation to learn how to build a modern web application.</p> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<a href="https://abp.io/docs/latest?ref=tmpl" target="_blank" class="btn btn-link px-1">See Href="https://abp.io/video-courses/essentials" Target="_blank">
Documents <i class="fas fa-chevron-right"></i></a> Video Courses
</div> </MudListItem>
</div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div class="col-lg-4 border-start"> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<div class="p-4"> Samples
<h5 class="mb-3"><i class="fas fa-cubes text-secondary d-block my-3 fa-2x"></i> Samples</h5> </MudListItem>
<p>See the example projects built with the ABP Framework.</p> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<a href="https://abp.io/docs/latest/samples?ref=tmpl" target="_blank" class="btn btn-link px-1">All Href="https://abp.io/books" Target="_blank">
samples <i class="fas fa-chevron-right"></i></a> Books
</div> </MudListItem>
</div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<div class="col-lg-4 border-start"> Href="https://abp.io/faq" Target="_blank">
<div class="p-4"> FAQ
<h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5> </MudListItem>
<p>Get involved with a vibrant community and become a contributor.</p> </MudList>
<a href="https://abp.io/community/" target="_blank" class="btn btn-link px-1">Community <i </MudCardContent>
class="fas fa-chevron-right"></i></a> </MudCard>
<a href="https://abp.io/docs/latest/contribution?ref=tmpl" target="_blank" </MudItem>
class="btn btn-link px-1">Contribute <i class="fas fa-chevron-right"></i></a> <MudItem xs="12" lg="8">
</div> <MudCard Style="height: 100%;">
</div> <MudCardHeader>
</div> <MudText Typo="Typo.h6">Follow us on Social Media</MudText>
<div class="row text-center mt-lg-3 justify-content-md-center"> </MudCardHeader>
<div class="col-lg-4"> <MudCardContent Class="pt-0">
<div class="p-4"> <MudGrid Spacing="0">
<h5 class="mb-3"><i class="fas fa-pen-nib text-secondary d-block my-3 fa-2x"></i> ABP Blog</h5> <MudItem xs="12" sm="6">
<p>Take a look at our recently published articles.</p> <MudList T="string" Dense="true">
<a href="https://abp.io/blog?ref=tmpl" target="_blank" class="btn btn-link px-1">See Blog <i <MudListItem Href="https://twitter.com/abpframework" Target="_blank"
class="fas fa-chevron-right"></i></a> Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
</div> X.com (Twitter)
</div> </MudListItem>
<div class="col-lg-4 border-start"> <MudListItem Href="https://community.abp.io/discord" Target="_blank"
<div class="p-4"> Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
<h5 class="mb-3"><i class="fab fa-github text-secondary d-block my-3 fa-2x"></i> Github</h5> Discord
<p>Do you love the ABP Framework? Please <strong>give a star</strong> to support it!</p> </MudListItem>
<a href="https://github.com/abpframework/abp/" target="_blank" class="btn btn-link px-1">See Open <MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Source Framework <i class="fas fa-chevron-right"></i></a> Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
</div> Stack Overflow
</div> </MudListItem>
</div> </MudList>
</div> </MudItem>
</div> <MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

397
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Tiered.Client/Pages/Index.razor
View File

@ -1,284 +1,127 @@
@page "/" @page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3"> <MudGrid Class="mb-3">
<div class="col-xl-6 col-12 d-flex"> <MudItem xs="12" md="6">
<div class="card h-lg-100 w-100 overflow-hidden"> <MudCard Style="height: 100%;">
<div class="card-body"> <MudCardContent>
<div class="starting-content"> @if (!CurrentUser.IsAuthenticated)
<h3>Getting Started</h3> {
<p class="lead text-muted mb-2">Learn how to create and run <MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
a <MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
new web application using the application startup <MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
template.</p> StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting }
Started</a>
<h4>Web Application Development Tutorial</h4> <MudText Typo="Typo.h6">Getting Started</MudText>
<p class="text-muted mb-2">Learn how to build an ABP based <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
web <MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
application named Acme.BookStore.</p> Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<h4>Customize Lepton Theme</h4> <MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<p class="text-muted mb-2">Learn how to customize LeptonX <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
Theme <MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
as you wish.</p> Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a> </MudCardContent>
</div> </MudCard>
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> </MudItem>
</div> <MudItem xs="12" md="6">
</div> <MudCard Style="height: 100%;">
</div> <MudCardContent>
<div class="col-xl-3 col-md-6 d-flex"> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<div class="row"> <MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
<div class="col-12 d-flex"> </MudText>
<div class="card overflow-hidden"> <MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<div class="card-body pb-0"> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<div class="abp-support abp-logo mb-2"></div> <MudButton Href="https://community.abp.io/" Target="_blank"
<p class="text-muted mb-2">You can check for Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png"> <MudDivider Class="my-3" />
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform
for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users'
experiences with the ABP Framework, discover
articles and videos on how to use ABP, and join
raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<div class="row"> <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<div class="col-xl-3 col-lg-4"> <MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
<div class="card"> </MudText>
<div class="card-header"> <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<div class="card-title text-body">More from ABP.IO</div> <MudButton Href="https://blog.abp.io/abp" Target="_blank"
</div> Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
<div class="card-body pt-0"> </MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div> <MudGrid>
<table class="table mb-0"> <MudItem xs="12" lg="4">
<tbody> <MudCard Style="height: 100%;">
<tr> <MudCardHeader>
<td class="ps-0 d-flex"> <MudText Typo="Typo.h6">More from ABP.IO</MudText>
<div class="rounded-circle me-2 </MudCardHeader>
flex-center bg-brand soft" style="width: 20px; height: <MudCardContent Class="pt-0">
20px;"><i class="bi bi-check fs-4"></i></div> <MudList T="string" Dense="true">
<div> Latest Release Logs </div> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</td> Href="https://github.com/abpframework/abp/releases" Target="_blank">
<td class="text-end pe-0 opacity-25"> Latest Release Logs
<a href="https://github.com/abpframework/abp/releases" target="_blank"> </MudListItem>
<i class="bi <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
bi-box-arrow-up-right Href="https://abp.io/video-courses/essentials" Target="_blank">
text-dark"></i> Video Courses
</a> </MudListItem>
</td> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
</tr> Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
<tr> Samples
<td class="ps-0 d-flex"> </MudListItem>
<div class="rounded-circle me-2 <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
flex-center bg-brand soft" style="width: 20px; height: Href="https://abp.io/books" Target="_blank">
20px;"><i class="bi bi-check fs-4"></i></div> Books
<div> Video Courses </div> </MudListItem>
</td> <MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
<td class="text-end pe-0 opacity-25"> Href="https://abp.io/faq" Target="_blank">
<a href="https://abp.io/video-courses" target="_blank"> FAQ
<i class="bi </MudListItem>
bi-box-arrow-up-right </MudList>
text-dark"></i> </MudCardContent>
</a> </MudCard>
</td> </MudItem>
</tr> <MudItem xs="12" lg="8">
<tr> <MudCard Style="height: 100%;">
<td class="ps-0 d-flex"> <MudCardHeader>
<div class="rounded-circle me-2 <MudText Typo="Typo.h6">Follow us on Social Media</MudText>
flex-center bg-brand soft" style="width: 20px; height: </MudCardHeader>
20px;"><i class="bi bi-check fs-4"></i></div> <MudCardContent Class="pt-0">
<div> Samples </div> <MudGrid Spacing="0">
</td> <MudItem xs="12" sm="6">
<td class="text-end pe-0 opacity-25"> <MudList T="string" Dense="true">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank"> <MudListItem Href="https://twitter.com/abpframework" Target="_blank"
<i class="bi Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
bi-box-arrow-up-right X.com (Twitter)
text-dark"></i> </MudListItem>
</a> <MudListItem Href="https://community.abp.io/discord" Target="_blank"
</td> Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
</tr> Discord
<tr> </MudListItem>
<td class="ps-0 d-flex"> <MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
<div class="rounded-circle me-2 Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
flex-center bg-brand soft" style="width: 20px; height: Stack Overflow
20px;"><i class="bi bi-check fs-4"></i></div> </MudListItem>
<div> Books </div> </MudList>
</td> </MudItem>
<td class="text-end pe-0 opacity-25"> <MudItem xs="12" sm="6">
<a href="https://abp.io/books" target="_blank"> <MudList T="string" Dense="true">
<i class="bi <MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
bi-box-arrow-up-right Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
text-dark"></i> YouTube
</a> </MudListItem>
</td> <MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
</tr> Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
<tr> Instagram
<td class="ps-0 d-flex border-bottom-0"> </MudListItem>
<div class="rounded-circle me-2 <MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
flex-center bg-brand soft" style="width: 20px; height: Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
20px;"><i class="bi bi-check fs-4"></i></div> GitHub
<div> FAQ </div> </MudListItem>
</td> </MudList>
<td class="text-end pe-0 opacity-25 </MudItem>
border-bottom-0"> </MudGrid>
<a href="https://commercial.abp.io/faq" target="_blank"> </MudCardContent>
<i class="bi </MudCard>
bi-box-arrow-up-right </MudItem>
text-dark"></i> </MudGrid>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">Follow us on Social Media</div>
</div>
<div class="card-body pt-0">
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
<div>X.com</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://twitter.com/abpframework" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/discord.svg" class="me-2">
<div>Discord</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://community.abp.io/discord" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/stack-overflow.svg" class="me-2">
<div>Stack Overflow</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/youtube.svg" class="me-2">
<div>YouTube</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://www.youtube.com/@@Volosoft" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<img src="/images/getting-started/instagram.svg" class="me-2">
<div>Instagram</div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://www.instagram.com/abpframework/" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save