mirror of https://github.com/abpframework/abp.git
16 changed files with 321 additions and 53 deletions
@ -0,0 +1,71 @@ |
|||||
|
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.NavbarsDemo |
||||
|
|
||||
|
<abp-component-demo-section title="Example" view-path="@NavbarsDemoViewComponent.ViewPath"> |
||||
|
<abp-nav-bar size="Lg" navbar-style="Dark_Dark"> |
||||
|
<a abp-navbar-brand href="#">Navbar</a> |
||||
|
<abp-navbar-toggle> |
||||
|
<abp-navbar-nav> |
||||
|
<abp-nav-item active="true"> |
||||
|
<a abp-nav-link href="#">Home <span class="sr-only">(current)</span></a> |
||||
|
</abp-nav-item> |
||||
|
<abp-nav-item> |
||||
|
<a abp-nav-link href="#">Link</a> |
||||
|
</abp-nav-item> |
||||
|
<abp-nav-item dropdown="true"> |
||||
|
<abp-dropdown> |
||||
|
<abp-dropdown-button nav-link="true" text="Dropdown" /> |
||||
|
<abp-dropdown-menu> |
||||
|
<abp-dropdown-header>Dropdown header</abp-dropdown-header> |
||||
|
<abp-dropdown-item href="#" active="true">Action</abp-dropdown-item> |
||||
|
<abp-dropdown-item href="#" disabled="true">Another disabled action</abp-dropdown-item> |
||||
|
<abp-dropdown-item href="#">Something else here</abp-dropdown-item> |
||||
|
<abp-dropdown-divider /> |
||||
|
<abp-dropdown-item href="#">Separated link</abp-dropdown-item> |
||||
|
</abp-dropdown-menu> |
||||
|
</abp-dropdown> |
||||
|
</abp-nav-item> |
||||
|
<abp-nav-item> |
||||
|
<a abp-nav-link disabled="true" href="#">Disabled</a> |
||||
|
</abp-nav-item> |
||||
|
</abp-navbar-nav> |
||||
|
<span abp-navbar-text> |
||||
|
Sample Text |
||||
|
</span> |
||||
|
</abp-navbar-toggle> |
||||
|
</abp-nav-bar> |
||||
|
</abp-component-demo-section> |
||||
|
|
||||
|
<abp-component-demo-section title="Example" view-path="@NavbarsDemoViewComponent.ViewPath"> |
||||
|
<abp-nav-bar size="Lg" navbar-style="Dark_Primary"> |
||||
|
<a abp-navbar-brand href="#">Navbar</a> |
||||
|
<abp-navbar-toggle> |
||||
|
<abp-navbar-nav> |
||||
|
<abp-nav-item active="true"> |
||||
|
<a abp-nav-link href="#">Home <span class="sr-only">(current)</span></a> |
||||
|
</abp-nav-item> |
||||
|
<abp-nav-item> |
||||
|
<a abp-nav-link href="#">Link</a> |
||||
|
</abp-nav-item> |
||||
|
<abp-nav-item dropdown="true"> |
||||
|
<abp-dropdown> |
||||
|
<abp-dropdown-button nav-link="true" text="Dropdown" /> |
||||
|
<abp-dropdown-menu> |
||||
|
<abp-dropdown-header>Dropdown header</abp-dropdown-header> |
||||
|
<abp-dropdown-item href="#" active="true">Action</abp-dropdown-item> |
||||
|
<abp-dropdown-item href="#" disabled="true">Another disabled action</abp-dropdown-item> |
||||
|
<abp-dropdown-item href="#">Something else here</abp-dropdown-item> |
||||
|
<abp-dropdown-divider /> |
||||
|
<abp-dropdown-item href="#">Separated link</abp-dropdown-item> |
||||
|
</abp-dropdown-menu> |
||||
|
</abp-dropdown> |
||||
|
</abp-nav-item> |
||||
|
<abp-nav-item> |
||||
|
<a abp-nav-link disabled="true" href="#">Disabled</a> |
||||
|
</abp-nav-item> |
||||
|
</abp-navbar-nav> |
||||
|
<span abp-navbar-text> |
||||
|
Sample Text |
||||
|
</span> |
||||
|
</abp-navbar-toggle> |
||||
|
</abp-nav-bar> |
||||
|
</abp-component-demo-section> |
||||
@ -0,0 +1,16 @@ |
|||||
|
using Microsoft.AspNetCore.Mvc; |
||||
|
using Volo.Abp.AspNetCore.Mvc.UI.Widgets; |
||||
|
|
||||
|
namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.NavbarsDemo |
||||
|
{ |
||||
|
[Widget] |
||||
|
public class NavbarsDemoViewComponent : AbpViewComponent |
||||
|
{ |
||||
|
public const string ViewPath = "/Views/Components/Themes/Shared/Demos/NavbarsDemo/Default.cshtml"; |
||||
|
|
||||
|
public IViewComponentResult Invoke() |
||||
|
{ |
||||
|
return View(ViewPath); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -1,16 +1,16 @@ |
|||||
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.PopoversDemo |
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.PopoversDemo |
||||
|
|
||||
<abp-component-demo-section title="Example" view-path="@PopoversDemoViewComponent.ViewPath"> |
<abp-component-demo-section title="Example" view-path="@PopoversDemoViewComponent.ViewPath"> |
||||
<abp-button abp-popover="Hi, i'm popover content!"> |
<abp-button button-type="Outline_Secondary" abp-popover="Hi, i'm popover content!"> |
||||
Popover Default |
Popover Default |
||||
</abp-button> |
</abp-button> |
||||
<abp-button abp-popover-top="Hi, i'm popover content!" title="Popover Title"> |
<abp-button button-type="Outline_Secondary" abp-popover-top="Hi, i'm popover content!" title="Popover Title"> |
||||
Popover With Title |
Popover With Title |
||||
</abp-button> |
</abp-button> |
||||
<abp-button abp-popover-right="Hi, i'm popover content!" title="Popover Title" dismissible="true"> |
<abp-button button-type="Outline_Secondary" abp-popover-right="Hi, i'm popover content!" title="Popover Title" dismissible="true"> |
||||
Dismissible Popover |
Dismissible Popover |
||||
</abp-button> |
</abp-button> |
||||
<abp-button abp-popover-left="Hi, i'm popover content!" title="Popover Title" disabled="true"> |
<abp-button button-type="Outline_Danger" abp-popover-left="Hi, i'm popover content!" title="Popover Title" disabled="true"> |
||||
Disabled Popover |
Disabled Popover |
||||
</abp-button> |
</abp-button> |
||||
</abp-component-demo-section> |
</abp-component-demo-section> |
||||
|
|||||
@ -1,7 +1,6 @@ |
|||||
@page |
@page |
||||
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.AlertsDemo |
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.AlertsDemo |
||||
@model Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Demo.Pages.Components.Alerts.IndexModel |
@model Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Demo.Pages.Components.Alerts.IndexModel |
||||
|
|
||||
<h2>Alerts</h2> |
<h2>Alerts</h2> |
||||
<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/alerts/" target="_blank"> Bootstrap Alert</a>.</p> |
<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/alerts/" target="_blank"> Bootstrap Alert</a>.</p> |
||||
|
|
||||
|
|||||
@ -1,7 +1,6 @@ |
|||||
@page |
@page |
||||
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.BadgesDemo |
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.BadgesDemo |
||||
@model Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Demo.Pages.Components.Badges.IndexModel |
@model Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Demo.Pages.Components.Badges.IndexModel |
||||
|
|
||||
<h2>Badges</h2> |
<h2>Badges</h2> |
||||
<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/badge/" target="_blank"> Bootstrap Badge</a>.</p> |
<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/badge/" target="_blank"> Bootstrap Badge</a>.</p> |
||||
|
|
||||
|
|||||
@ -0,0 +1,7 @@ |
|||||
|
@page |
||||
|
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.Shared.Demos.NavbarsDemo |
||||
|
@model Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Demo.Pages.Components.Modals.IndexModel |
||||
|
<h2>Navbars</h2> |
||||
|
<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/navbar/" target="_blank"> Bootstrap Navbar</a>.</p> |
||||
|
|
||||
|
@await Component.InvokeAsync(typeof(NavbarsDemoViewComponent)) |
||||
@ -0,0 +1,17 @@ |
|||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Linq; |
||||
|
using System.Threading.Tasks; |
||||
|
using Microsoft.AspNetCore.Mvc; |
||||
|
using Microsoft.AspNetCore.Mvc.RazorPages; |
||||
|
|
||||
|
namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Demo |
||||
|
{ |
||||
|
public class IndexModel : PageModel |
||||
|
{ |
||||
|
public void OnGet() |
||||
|
{ |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue