mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-19 08:50:13 +01:00
fix(demo): replace @akveo with @nebular
This commit is contained in:
Alexander Zhukov
parent
b772882cd6
commit
210c6f2355
129 changed files with 1010 additions and 1010 deletions
|
|
@ -2,16 +2,16 @@
|
|||
<div class="action-groups-header">
|
||||
<span>Action Groups</span>
|
||||
</div>
|
||||
<nga-actions size="medium">
|
||||
<nga-action icon="ion-navicon"></nga-action>
|
||||
<nga-action>
|
||||
<nga-search type="rotate-layout"></nga-search>
|
||||
</nga-action>
|
||||
<nga-action icon="ion-ios-email-outline"></nga-action>
|
||||
<nga-action disabled icon="ion-ios-bell-outline"></nga-action>
|
||||
<nga-action>
|
||||
<nga-user [menu]="userMenu" name="Han Solo"></nga-user>
|
||||
</nga-action>
|
||||
<nga-action icon="ion-ios-gear-outline"></nga-action>
|
||||
</nga-actions>
|
||||
<nb-actions size="medium">
|
||||
<nb-action icon="ion-navicon"></nb-action>
|
||||
<nb-action>
|
||||
<nb-search type="rotate-layout"></nb-search>
|
||||
</nb-action>
|
||||
<nb-action icon="ion-ios-email-outline"></nb-action>
|
||||
<nb-action disabled icon="ion-ios-bell-outline"></nb-action>
|
||||
<nb-action>
|
||||
<nb-user [menu]="userMenu" name="Han Solo"></nb-user>
|
||||
</nb-action>
|
||||
<nb-action icon="ion-ios-gear-outline"></nb-action>
|
||||
</nb-actions>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
@import '~@akveo/nga-theme/components/card/card.component.theme';
|
||||
@import '~@nebular/theme/components/card/card.component.theme';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
.action-groups {
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -9,6 +9,6 @@
|
|||
.action-groups-header {
|
||||
flex: 1;
|
||||
|
||||
@include nga-card-header();
|
||||
@include nb-card-header();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<nga-card>
|
||||
<nga-card-header>Block Level Buttons</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nb-card>
|
||||
<nb-card-header>Block Level Buttons</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="row block-level-buttons">
|
||||
<div class="col-md-12">
|
||||
<div class="btn-group btn-group-full-width" role="group">
|
||||
|
|
@ -12,5 +12,5 @@
|
|||
<button type="button" class="btn btn-outline-primary btn-block">Block Button</button>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<nga-card>
|
||||
<nga-card-header>Button Groups</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nb-card>
|
||||
<nb-card-header>Button Groups</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="example-container toggle-types">
|
||||
|
|
@ -120,5 +120,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
|
||||
.toolbars-container {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -4,14 +4,14 @@
|
|||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ngx-shape-buttons></ngx-shape-buttons>
|
||||
<nga-card>
|
||||
<nb-card>
|
||||
<ngx-action-groups></ngx-action-groups>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-body>
|
||||
</nb-card>
|
||||
<nb-card>
|
||||
<nb-card-body>
|
||||
<ngx-labeled-actions-group></ngx-labeled-actions-group>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<ngx-dropdown-buttons></ngx-dropdown-buttons>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
@import '../../../@theme/styles/variables';
|
||||
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
|
||||
@import '~@nebular/theme/styles/global/bootstrap/buttons';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
/deep/ {
|
||||
$button-size: 50px;
|
||||
$button-border-radius: 12px;
|
||||
|
||||
.container-title {
|
||||
color: nga-theme(color-fg);
|
||||
font-family: nga-theme(font-secondary);
|
||||
color: nb-theme(color-fg);
|
||||
font-family: nb-theme(font-secondary);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
color: nga-theme(color-fg-header);
|
||||
color: nb-theme(color-fg-header);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
font-weight: 300;
|
||||
color: nga-theme(color-fg);
|
||||
color: nb-theme(color-fg);
|
||||
}
|
||||
|
||||
.btn-demo {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { NgaActionsModule, NgaSearchModule, NgaUserModule } from '@akveo/nga-theme';
|
||||
import { NbActionsModule, NbSearchModule, NbUserModule } from '@nebular/theme';
|
||||
|
||||
import { SharedModule } from '../../../shared.module';
|
||||
|
||||
|
|
@ -32,9 +32,9 @@ const components = [
|
|||
@NgModule({
|
||||
imports: [
|
||||
SharedModule,
|
||||
NgaActionsModule,
|
||||
NgaSearchModule,
|
||||
NgaUserModule,
|
||||
NbActionsModule,
|
||||
NbSearchModule,
|
||||
NbUserModule,
|
||||
],
|
||||
exports: [
|
||||
...components,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<nga-card>
|
||||
<nga-card-header>
|
||||
<nb-card>
|
||||
<nb-card-header>
|
||||
<span>Default Buttons</span>
|
||||
<div ngbDropdown>
|
||||
<button class="btn btn-primary" type="button" ngbDropdownToggle>
|
||||
|
|
@ -9,8 +9,8 @@
|
|||
<a href="#" class="dropdown-item" *ngFor="let v of buttonsViews" (click)="selectView($event, v)">{{ v.title }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="row" *ngIf="selectedButtonsView.key === 'default'">
|
||||
<div class="example-container col-md-4" *ngFor="let b of defaultButtons">
|
||||
<div class="container-title">
|
||||
|
|
@ -77,5 +77,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
|
||||
@import '~@nebular/theme/styles/global/bootstrap/buttons';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
|
||||
nga-card-header {
|
||||
nb-card-header {
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
|
||||
.primary-container {
|
||||
.original {
|
||||
background-color: nga-theme(btn-primary-bg);
|
||||
background-color: nb-theme(btn-primary-bg);
|
||||
}
|
||||
.hover {
|
||||
@include btn-primary-hover();
|
||||
|
|
@ -33,12 +33,12 @@
|
|||
|
||||
.primary-container.outline .original {
|
||||
background-color: transparent;
|
||||
border: 2px solid nga-theme(btn-primary-bg);
|
||||
border: 2px solid nb-theme(btn-primary-bg);
|
||||
}
|
||||
|
||||
.success-container {
|
||||
.original {
|
||||
background-color: nga-theme(btn-success-bg);
|
||||
background-color: nb-theme(btn-success-bg);
|
||||
}
|
||||
.hover {
|
||||
@include btn-success-hover();
|
||||
|
|
@ -50,12 +50,12 @@
|
|||
|
||||
.success-container.outline .original {
|
||||
background-color: transparent;
|
||||
border: 2px solid nga-theme(btn-success-bg);
|
||||
border: 2px solid nb-theme(btn-success-bg);
|
||||
}
|
||||
|
||||
.warning-container {
|
||||
.original {
|
||||
background-color: nga-theme(btn-warning-bg);
|
||||
background-color: nb-theme(btn-warning-bg);
|
||||
}
|
||||
.hover {
|
||||
@include btn-warning-hover();
|
||||
|
|
@ -67,12 +67,12 @@
|
|||
|
||||
.warning-container.outline .original {
|
||||
background-color: transparent;
|
||||
border: 2px solid nga-theme(btn-warning-bg);
|
||||
border: 2px solid nb-theme(btn-warning-bg);
|
||||
}
|
||||
|
||||
.info-container {
|
||||
.original {
|
||||
background-color: nga-theme(btn-info-bg);
|
||||
background-color: nb-theme(btn-info-bg);
|
||||
}
|
||||
.hover {
|
||||
@include btn-info-hover();
|
||||
|
|
@ -84,12 +84,12 @@
|
|||
|
||||
.info-container.outline .original {
|
||||
background-color: transparent;
|
||||
border: 2px solid nga-theme(btn-info-bg);
|
||||
border: 2px solid nb-theme(btn-info-bg);
|
||||
}
|
||||
|
||||
.danger-container {
|
||||
.original {
|
||||
background-color: nga-theme(btn-danger-bg);
|
||||
background-color: nb-theme(btn-danger-bg);
|
||||
}
|
||||
.hover {
|
||||
@include btn-danger-hover();
|
||||
|
|
@ -101,12 +101,12 @@
|
|||
|
||||
.danger-container.outline .original {
|
||||
background-color: transparent;
|
||||
border: 2px solid nga-theme(btn-danger-bg);
|
||||
border: 2px solid nb-theme(btn-danger-bg);
|
||||
}
|
||||
|
||||
.secondary-container {
|
||||
.original {
|
||||
border: 2px solid nga-theme(btn-secondary-border);
|
||||
border: 2px solid nb-theme(btn-secondary-border);
|
||||
}
|
||||
.hover {
|
||||
@include btn-secondary-hover();
|
||||
|
|
@ -118,6 +118,6 @@
|
|||
|
||||
.secondary-container.outline .original {
|
||||
background-color: transparent;
|
||||
border: 2px solid nga-theme(btn-secondary-border);
|
||||
border: 2px solid nb-theme(btn-secondary-border);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<nga-card>
|
||||
<nga-card-header>Button Dropdowns</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nb-card>
|
||||
<nb-card-header>Button Dropdowns</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="btn-group" ngbDropdown>
|
||||
<button type="button" class="btn btn-primary">Dropdown</button>
|
||||
<button type="button" class="btn btn-primary" ngbDropdownToggle></button>
|
||||
|
|
@ -40,5 +40,5 @@
|
|||
<li class="dropdown-item">Default</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
text-align: center;
|
||||
|
||||
.dropdown, .btn-group {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
nga-card-body {
|
||||
nb-card-body {
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<nga-card>
|
||||
<nga-card-header>Hero Buttons</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nb-card>
|
||||
<nb-card-header>Hero Buttons</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="row">
|
||||
<div class="example-container col-md-2" *ngFor="let hb of heroButtons">
|
||||
<div class="container-title">
|
||||
|
|
@ -51,5 +51,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
|
||||
@import '~@nebular/theme/styles/global/bootstrap/buttons';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
|
||||
.primary-container {
|
||||
.gradient {
|
||||
|
|
@ -80,8 +80,8 @@
|
|||
|
||||
.secondary-container {
|
||||
.border {
|
||||
color: nga-theme(btn-secondary-color);
|
||||
border: nga-theme(btn-secondary-border-width) solid nga-theme(btn-secondary-border);
|
||||
color: nb-theme(btn-secondary-color);
|
||||
border: nb-theme(btn-secondary-border-width) solid nb-theme(btn-secondary-border);
|
||||
}
|
||||
.glow {
|
||||
box-shadow: btn-hero-secondary-glow();
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<nga-card>
|
||||
<nga-card-header>Icon buttons</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nb-card>
|
||||
<nb-card-header>Icon buttons</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="row icon-buttons">
|
||||
<div class="col-md-12">
|
||||
<div class="btn-group">
|
||||
|
|
@ -39,5 +39,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
nga-card-body {
|
||||
nb-card-body {
|
||||
div:not(:last-child) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<nga-actions size="medium" fullWidth>
|
||||
<nga-action>
|
||||
<nb-actions size="medium" fullWidth>
|
||||
<nb-action>
|
||||
<i class="ion-ios-pause-outline"></i><span>Pause</span>
|
||||
</nga-action>
|
||||
<nga-action>
|
||||
</nb-action>
|
||||
<nb-action>
|
||||
<i class="ion-navicon"></i><span>Log View</span>
|
||||
</nga-action>
|
||||
<nga-action>
|
||||
</nb-action>
|
||||
<nb-action>
|
||||
<i class="ion-ios-search"></i><span>Search</span>
|
||||
</nga-action>
|
||||
<nga-action>
|
||||
</nb-action>
|
||||
<nb-action>
|
||||
<i class="ion-ios-gear-outline"></i><span>Setup</span>
|
||||
</nga-action>
|
||||
</nga-actions>
|
||||
</nb-action>
|
||||
</nb-actions>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
|
||||
@include nga-install-component() {
|
||||
nga-action {
|
||||
@include nb-install-component() {
|
||||
nb-action {
|
||||
i {
|
||||
color: nga-theme(color-fg);
|
||||
color: nb-theme(color-fg);
|
||||
font-size: 2.5rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
span {
|
||||
font-family: nga-theme(font-family-secondary);
|
||||
font-weight: nga-theme(font-weight-bold);
|
||||
color: nga-theme(color-fg-heading);
|
||||
font-family: nb-theme(font-family-secondary);
|
||||
font-weight: nb-theme(font-weight-bold);
|
||||
color: nb-theme(color-fg-heading);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<nga-card>
|
||||
<nga-card-header>Button Shapes</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nb-card>
|
||||
<nb-card-header>Button Shapes</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="row">
|
||||
<div class="shape-container col-md-4">
|
||||
<div class="container-title">
|
||||
|
|
@ -39,5 +39,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
|
||||
@import '~@nebular/theme/styles/global/bootstrap/buttons';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
|
||||
.subheader {
|
||||
margin-bottom: 19px;
|
||||
|
||||
span:nth-child(2) {
|
||||
color: nga-theme(color-fg-heading);
|
||||
color: nb-theme(color-fg-heading);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<nga-card>
|
||||
<nga-card-header>Button Sizes</nga-card-header>
|
||||
<nb-card>
|
||||
<nb-card-header>Button Sizes</nb-card-header>
|
||||
|
||||
<nga-card-body>
|
||||
<nb-card-body>
|
||||
<div class="size-container">
|
||||
<div class="container-title">
|
||||
<span>Large Button</span>
|
||||
|
|
@ -46,5 +46,5 @@
|
|||
<button class="btn btn-primary btn-tn">Tiny</button>
|
||||
</div>
|
||||
</div>
|
||||
</nga-card-body>
|
||||
</nga-card>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import '../../../../@theme/styles/variables';
|
||||
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
|
||||
@import '~@nebular/theme/styles/global/bootstrap/buttons';
|
||||
|
||||
@include nga-install-component() {
|
||||
@include nb-install-component() {
|
||||
|
||||
.size-container {
|
||||
display: inline-block;
|
||||
|
|
@ -10,6 +10,6 @@
|
|||
|
||||
.subheader {
|
||||
margin-bottom: 1rem;
|
||||
color: nga-theme(color-fg-heading);
|
||||
color: nb-theme(color-fg-heading);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue