Merge branch 'demo' into demo-refactor
Alex Kurbako
GitHub
|
|
@ -34,7 +34,7 @@ export class MainInfoSectionComponent implements OnDestroy {
|
||||||
|
|
||||||
public get imageUrl(): string {
|
public get imageUrl(): string {
|
||||||
return this.forMaterialTheme !== false
|
return this.forMaterialTheme !== false
|
||||||
? 'assets/img/ngx-admin-material.png'
|
? 'assets/img/ngx-admin-material.jpg'
|
||||||
: 'assets/img/ngx-admin.png';
|
: 'assets/img/ngx-admin.png';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
# What is ngx-admin?
|
# What is ngx-admin?
|
||||||
|
|
||||||
ngx-admin is a front-end admin dashboard template based on Angular 8+, Bootstrap 4+ and <a href="https://hubs.ly/H0n5PMl0" target="_blank">Nebular</a>. That means all the data you can see on graphs, charts and tables is mocked in Javascript so you can use the backend of your choice with no limitations.
|
ngx-admin is a front-end admin dashboard template based on Angular 9+, Bootstrap 4+ and <a href="https://hubs.ly/H0n5PMl0" target="_blank">Nebular</a>. That means all the data you can see on graphs, charts and tables is mocked in Javascript so you can use the backend of your choice with no limitations.
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
## How can it help me?
|
## How can it help me?
|
||||||
|
|
@ -17,7 +17,7 @@ You can also use ngx-admin for the purpose of learning Angular.
|
||||||
|
|
||||||
## List of features
|
## List of features
|
||||||
|
|
||||||
- Angular 8+ & Typescript
|
- Angular 9+ & Typescript
|
||||||
- Bootstrap 4+ & SCSS
|
- Bootstrap 4+ & SCSS
|
||||||
- Responsive layout
|
- Responsive layout
|
||||||
- RTL support
|
- RTL support
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 658 KiB After Width: | Height: | Size: 336 KiB |
|
Before Width: | Height: | Size: 656 KiB After Width: | Height: | Size: 328 KiB |
BIN
docs/assets/img/ngx-admin-material.jpg
Normal file
|
After Width: | Height: | Size: 393 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
|
@ -25,6 +25,8 @@
|
||||||
// install the framework and custom global styles
|
// install the framework and custom global styles
|
||||||
@include nb-install() {
|
@include nb-install() {
|
||||||
|
|
||||||
|
@include angular-material();
|
||||||
|
|
||||||
// framework global styles
|
// framework global styles
|
||||||
@include nb-theme-global();
|
@include nb-theme-global();
|
||||||
@include nb-auth-global();
|
@include nb-auth-global();
|
||||||
|
|
@ -33,8 +35,6 @@
|
||||||
// loading progress bar
|
// loading progress bar
|
||||||
@include ngx-pace-theme();
|
@include ngx-pace-theme();
|
||||||
|
|
||||||
@include angular-material();
|
|
||||||
|
|
||||||
@include nb-overrides();
|
@include nb-overrides();
|
||||||
@include material-overrides();
|
@include material-overrides();
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -105,6 +105,7 @@ $nb-themes: nb-register-theme((
|
||||||
card-header-with-select-padding-bottom: 0.5rem,
|
card-header-with-select-padding-bottom: 0.5rem,
|
||||||
|
|
||||||
select-min-width: 6rem,
|
select-min-width: 6rem,
|
||||||
|
option-list-border-radius: 0,
|
||||||
|
|
||||||
slide-out-background: linear-gradient(270deg, #e0e0e0 0%, #ebebeb 100%),
|
slide-out-background: linear-gradient(270deg, #e0e0e0 0%, #ebebeb 100%),
|
||||||
slide-out-shadow-color: 0 4px 14px 0 #ebebeb,
|
slide-out-shadow-color: 0 4px 14px 0 #ebebeb,
|
||||||
|
|
@ -126,6 +127,7 @@ $nb-themes: nb-register-theme((
|
||||||
card-header-with-select-padding-bottom: 0.5rem,
|
card-header-with-select-padding-bottom: 0.5rem,
|
||||||
|
|
||||||
select-min-width: 6rem,
|
select-min-width: 6rem,
|
||||||
|
option-list-border-radius: 0,
|
||||||
|
|
||||||
slide-out-background: linear-gradient(270deg, #1f1f1f 0%, #292929 100%),
|
slide-out-background: linear-gradient(270deg, #1f1f1f 0%, #292929 100%),
|
||||||
slide-out-shadow-color: 0 4px 14px 0 #292929,
|
slide-out-shadow-color: 0 4px 14px 0 #292929,
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@
|
||||||
<nb-card (click)="navigate(theme.value)">
|
<nb-card (click)="navigate(theme.value)">
|
||||||
<nb-card-header>{{theme.name}}</nb-card-header>
|
<nb-card-header>{{theme.name}}</nb-card-header>
|
||||||
<nb-card-body>
|
<nb-card-body>
|
||||||
<img src="assets/images/{{theme.value}}-theme.png"
|
<img src="assets/images/{{theme.value}}-theme.jpg"
|
||||||
class="theme-preview"
|
class="theme-preview"
|
||||||
alt="{{theme.name}} Theme"/>
|
alt="{{theme.name}} Theme"/>
|
||||||
</nb-card-body>
|
</nb-card-body>
|
||||||
|
|
|
||||||
BIN
src/assets/images/corporate-theme.jpg
Normal file
|
After Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 328 KiB |
BIN
src/assets/images/cosmic-theme.jpg
Normal file
|
After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 355 KiB |
BIN
src/assets/images/dark-theme.jpg
Normal file
|
After Width: | Height: | Size: 130 KiB |
|
Before Width: | Height: | Size: 958 KiB |
BIN
src/assets/images/default-theme.jpg
Normal file
|
After Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 381 KiB |
BIN
src/assets/images/material-dark-theme.jpg
Normal file
|
After Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
BIN
src/assets/images/material-light-theme.jpg
Normal file
|
After Width: | Height: | Size: 122 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
|
@ -2,6 +2,7 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
|
||||||
<title>Ngx-admin e-commerce dashboard on Angular 9+ and Nebular.</title>
|
<title>Ngx-admin e-commerce dashboard on Angular 9+ and Nebular.</title>
|
||||||
<meta name="description" content="Free Angular 8 Bootstrap admin dashboard template.">
|
<meta name="description" content="Free Angular 8 Bootstrap admin dashboard template.">
|
||||||
<meta name="keywords" content="admin,dashboard,template,angular 8,bootstrap,panel,html,css,javascript">
|
<meta name="keywords" content="admin,dashboard,template,angular 8,bootstrap,panel,html,css,javascript">
|
||||||
|
|
|
||||||