Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(angular): update demo to angular 15

Browse source
This commit is contained in:
d.strigo 2023-10-29 18:21:50 +01:00
parent d8f2780bf8
commit 37adf4ca69
18 changed files with 5413 additions and 1482 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/app/pages/home/landing-home.component.ts
View file

@ -16,8 +16,8 @@ import {MetadataService} from '../../../../src/app/@core/utils/metadata.service'
export class LandingHomeComponent { export class LandingHomeComponent {
constructor(private themeService: NbThemeService, private metadataService: MetadataService) { constructor(private themeService: NbThemeService, private metadataService: MetadataService) {
this.metadataService.updateDescription('Save more than $33,000 using ngx-admin for personal and commercial' + this.metadataService.updateDescription('Save more than $33,000 using ngx-admin for personal and commercial' +
' use. The dashboard is based on Angular 9+ and Bootstrap 4+. Completely FREE and MIT licensed.'); ' use. The dashboard is based on Angular 15+ and Bootstrap 4+. Completely FREE and MIT licensed.');
this.metadataService.updateTitle('Ngx-admin - most popular admin dashboard on Angular 9+ and Nebular.'); this.metadataService.updateTitle('Ngx-admin - most popular admin dashboard on Angular 15+ and Nebular.');
this.themeService.changeTheme('ngx-landing'); this.themeService.changeTheme('ngx-landing');
} }
} }

2
docs/app/pages/home/main-info-section/default-admin-main-info/default-info.component.html
View file

@ -1,7 +1,7 @@
<div> <div>
<h1>ngx-admin</h1> <h1>ngx-admin</h1>
<p class="description"> <p class="description">
The most popular admin dashboard based on <strong>Angular 9+</strong> and The most popular admin dashboard based on <strong>Angular 15+</strong> and
<a <a
href="https://akveo.github.io/nebular/?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_content=landing_main_info&utm_medium=referral&utm_source=ngx_admin" href="https://akveo.github.io/nebular/?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_content=landing_main_info&utm_medium=referral&utm_source=ngx_admin"
target="_blank" target="_blank"

2
docs/app/pages/home/main-info-section/material-admin-main-info/material-info.component.html
View file

@ -3,7 +3,7 @@
<p class="description"> <p class="description">
Material admin theme based on the most popular Angular dashboard template - <a href="https://akveo.github.io/nebular?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20demo&utm_source=ngx_admin_material&utm_medium=referral&utm_content=landing_page" Material admin theme based on the most popular Angular dashboard template - <a href="https://akveo.github.io/nebular?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20demo&utm_source=ngx_admin_material&utm_medium=referral&utm_content=landing_page"
target="_blank">ngx-admin</a>. target="_blank">ngx-admin</a>.
Included: <strong>Angular 9+</strong>, Included: <strong>Angular 15+</strong>,
<a href="https://akveo.github.io/nebular?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info" target="_blank">Nebular</a> and <a href="https://akveo.github.io/nebular?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info" target="_blank">Nebular</a> and
<a href="https://eva.design?utm_campaign=eva_design%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info">Eva Design System</a>. <a href="https://eva.design?utm_campaign=eva_design%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info">Eva Design System</a>.
Free for personal and commercial usage. Free for personal and commercial usage.

2
docs/articles/index.md
View file

@ -17,7 +17,7 @@ You can also use ngx-admin for the purpose of learning Angular.
## List of features ## List of features
- Angular 9+ & Typescript - Angular 15+ & Typescript
- Bootstrap 4+ & SCSS - Bootstrap 4+ & SCSS
- Responsive layout - Responsive layout
- RTL support - RTL support

10
docs/index.html
View file

@ -2,13 +2,13 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>The most popular admin dashboard based on Angular 9+ and Nebular.</title> <title>The most popular admin dashboard based on Angular 15+ and Nebular.</title>
<meta name="description" content="Save more than $33,000 using ngx-admin for personal and commercial use. The dashboard is based on Angular 9+ and Bootstrap 4+. Completely FREE and MIT licensed."> <meta name="description" content="Save more than $33,000 using ngx-admin for personal and commercial use. The dashboard is based on Angular 15+ and Bootstrap 4+. Completely FREE and MIT licensed.">
<meta name="keywords" content="Ngx admin, angular 9+ admin, angular 9+ admin template, ngx-admin LP, admin panel template, admin dashboard, bootstrap 4+ templates, angular bootstrap, admin template, free dashboard templates, angular dashboard, angular templates free, angular template admin, integration Angular ngx-admin with .NET, Node.js, Ruby or PHP, backend bundles, PHP Laravel Starter Bundle, Node.js MongoDB Starter Bundle, Node.js Nest Starter Bundle, Java/Spring Light Bundle, .NET Core E-Commerce Bundle, .NET E-Commerce Bundle, Node.js MongoDB E-Commerce Bundle, Java/Spring E-Commerce Bundle, .NET Core IoT Bundle, .NET IoT Bundle, .NET Core Starter Bundle, Python Flask Starter Bundle, Django Starter Bundle, Java/Spring Starter Bundle, .NET Starter Bundle, .NET Core Light Bundle,"> <meta name="keywords" content="Ngx admin, angular 15+ admin, angular 15+ admin template, ngx-admin LP, admin panel template, admin dashboard, bootstrap 4+ templates, angular bootstrap, admin template, free dashboard templates, angular dashboard, angular templates free, angular template admin, integration Angular ngx-admin with .NET, Node.js, Ruby or PHP, backend bundles, PHP Laravel Starter Bundle, Node.js MongoDB Starter Bundle, Node.js Nest Starter Bundle, Java/Spring Light Bundle, .NET Core E-Commerce Bundle, .NET E-Commerce Bundle, Node.js MongoDB E-Commerce Bundle, Java/Spring E-Commerce Bundle, .NET Core IoT Bundle, .NET IoT Bundle, .NET Core Starter Bundle, Python Flask Starter Bundle, Django Starter Bundle, Java/Spring Starter Bundle, .NET Starter Bundle, .NET Core Light Bundle,">
<meta property="og:description" content="Save more than $33,000 using ngx-admin for personal and commercial use. The dashboard is based on Angular 9+ and Bootstrap 4+. Completely FREE and MIT licensed."> <meta property="og:description" content="Save more than $33,000 using ngx-admin for personal and commercial use. The dashboard is based on Angular 15+ and Bootstrap 4+. Completely FREE and MIT licensed.">
<meta property="og:title" content="The most popular admin dashboard based on Angular 9+ and Nebular."> <meta property="og:title" content="The most popular admin dashboard based on Angular 15+ and Nebular.">
<meta property="og:image" content="https://i.imgur.com/tQwozJJ.jpg"/> <meta property="og:image" content="https://i.imgur.com/tQwozJJ.jpg"/>

4
docs/structure.ts
View file

@ -7,8 +7,8 @@ export const structure = [
type: 'page', type: 'page',
name: 'What is ngx-admin?', name: 'What is ngx-admin?',
title: 'Ngx-admin - documentation', title: 'Ngx-admin - documentation',
description: 'ngx-admin is a front-end admin dashboard template based on Angular 9+, Bootstrap 4+ and Nebular', description: 'ngx-admin is a front-end admin dashboard template based on Angular 15+, Bootstrap 4+ and Nebular',
keywords: 'Ngx-admin features, Angular 9+ typescript, Bootstrap 4+ & SCSS, ngx-admin documentation', keywords: 'Ngx-admin features, Angular 15+ typescript, Bootstrap 4+ & SCSS, ngx-admin documentation',
children: [ children: [
{ {
type: 'block', type: 'block',

6832
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

3
package.json
View file

@ -15,6 +15,7 @@
"gulp": "gulp", "gulp": "gulp",
"conventional-changelog": "conventional-changelog", "conventional-changelog": "conventional-changelog",
"start": "ng serve", "start": "ng serve",
"start:admin": "npm start -- ngx-admin-demo",
"build": "ng build ngx-admin-demo", "build": "ng build ngx-admin-demo",
"build:prod": "npm run build -- --configuration production --aot", "build:prod": "npm run build -- --configuration production --aot",
"build:demo:prod": "npm run build -- --configuration production --aot --base-href /ngx-admin/", "build:demo:prod": "npm run build -- --configuration production --aot --base-href /ngx-admin/",
@ -112,10 +113,8 @@
"@typescript-eslint/parser": "^5.43.0", "@typescript-eslint/parser": "^5.43.0",
"codelyzer": "^6.0.2", "codelyzer": "^6.0.2",
"angular-cli-ghpages": "^0.6.2", "angular-cli-ghpages": "^0.6.2",
"codelyzer": "^6.0.2",
"conventional-changelog-cli": "1.3.4", "conventional-changelog-cli": "1.3.4",
"doc-prsr": "2.2.0", "doc-prsr": "2.2.0",
"eslint": "^8.23.0",
"gulp": "4.0.2", "gulp": "4.0.2",
"gulp-rename": "1.4.0", "gulp-rename": "1.4.0",
"gulp-replace": "1.0.0", "gulp-replace": "1.0.0",

4
src/app/@theme/components/call-action-card/call-action-card.component.scss
View file

@ -1,6 +1,6 @@
@import '../../../@theme/styles/themes'; @import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints'; @import 'bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints'; @import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() { @include nb-install-component() {
nb-card { nb-card {

4
src/app/@theme/components/switcher/switcher.component.scss
View file

@ -1,6 +1,6 @@
@import '../../styles/themes'; @import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints'; @import 'bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints'; @import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() { @include nb-install-component() {
.switch-label { .switch-label {

4
src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss
View file

@ -1,6 +1,6 @@
@import '../../styles/themes'; @import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints'; @import 'bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints'; @import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() { @include nb-install-component() {
border-radius: nb-theme(button-rectangle-border-radius); border-radius: nb-theme(button-rectangle-border-radius);

4
src/app/@theme/layouts/sample/sample.layout.scss
View file

@ -1,6 +1,6 @@
@import '../../styles/themes'; @import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints'; @import 'bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints'; @import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() { @include nb-install-component() {
nb-layout-column.small { nb-layout-column.small {

4
src/app/pages/dashboard/dashboard.component.ts
View file

@ -103,8 +103,8 @@ export class DashboardComponent implements OnInit, OnDestroy {
} }
ngOnInit() { ngOnInit() {
this.metaDataService.updateTitle('Ngx-admin IoT dashboard on Angular 9+ and Nebular'); this.metaDataService.updateTitle('Ngx-admin IoT dashboard on Angular 15+ and Nebular');
this.metaDataService.updateDescription('IoT dashboard on Ngx-admin is Angular 9+ Bootstrap 4+ admin' + this.metaDataService.updateDescription('IoT dashboard on Ngx-admin is Angular 15+ Bootstrap 4+ admin' +
' dashboard template. Over 40+ Angular Components and 60+ Usage Examples. Completely FREE and MIT licensed.'); ' dashboard template. Over 40+ Angular Components and 60+ Usage Examples. Completely FREE and MIT licensed.');
this.metaDataService.updateKeywords('ngx admin, ngx admin dashboard, ngx iot dashboard, ngx-admin iot template'); this.metaDataService.updateKeywords('ngx admin, ngx admin dashboard, ngx iot dashboard, ngx-admin iot template');

6
src/app/pages/e-commerce/e-commerce.component.ts
View file

@ -16,10 +16,10 @@ export class ECommerceComponent implements OnInit, OnDestroy {
private metaDataService: MetadataService) {} private metaDataService: MetadataService) {}
ngOnInit() { ngOnInit() {
this.metaDataService.updateTitle('Ngx-admin e-commerce dashboard on Angular 9+ and Nebular.'); this.metaDataService.updateTitle('Ngx-admin e-commerce dashboard on Angular 15+ and Nebular.');
this.metaDataService.updateDescription('E-commerce dashboard on Ngx-admin is Angular 9+ Bootstrap 4+ admin' + this.metaDataService.updateDescription('E-commerce dashboard on Ngx-admin is Angular 15+ Bootstrap 4+ admin' +
' dashboard template. Over 40+ Angular Components and 60+ Usage Examples. Completely FREE and MIT licensed.'); ' dashboard template. Over 40+ Angular Components and 60+ Usage Examples. Completely FREE and MIT licensed.');
this.metaDataService.updateKeywords('ngx-admin dashboard, ngx ecommerce dashboard, angular 9+'); this.metaDataService.updateKeywords('ngx-admin dashboard, ngx ecommerce dashboard, angular 15+');
this.abService.onAbEvent(AbService.VARIANT_HIDE_CALL_ACTION) this.abService.onAbEvent(AbService.VARIANT_HIDE_CALL_ACTION)
.pipe(takeWhile(() => this.alive)) .pipe(takeWhile(() => this.alive))

2
src/app/pages/pages.component.ts
View file

@ -36,7 +36,7 @@ export class PagesComponent implements OnInit, OnDestroy {
.subscribe((data: { tag: string; item: NbMenuItem }) => { .subscribe((data: { tag: string; item: NbMenuItem }) => {
if (data.item.title !== 'E-commerce' && data.item.title !== 'IoT Dashboard') if (data.item.title !== 'E-commerce' && data.item.title !== 'IoT Dashboard')
this.metaDataService.updateTitle(`Ngx-admin dashboard by Akveo | ${data.item.title}`); this.metaDataService.updateTitle(`Ngx-admin dashboard by Akveo | ${data.item.title}`);
this.metaDataService.updateDescription('Ngx-admin is Angular 9+ Bootstrap 4+ admin dashboard template.' + this.metaDataService.updateDescription('Ngx-admin is Angular 15+ Bootstrap 4+ admin dashboard template.' +
' Over 40+ Angular Components, 60+ Usage Examples and UI features.'); ' Over 40+ Angular Components, 60+ Usage Examples and UI features.');
this.metaDataService.updateKeywords('ngx-admin, ngx admin dashboard features, ngx admin forms,' + this.metaDataService.updateKeywords('ngx-admin, ngx admin dashboard features, ngx admin forms,' +
' ngx-admin maps, ngx-admin UI features, ngx-admin tables, ngx admin overlays, ngx-admin extra components'); ' ngx-admin maps, ngx-admin UI features, ngx-admin tables, ngx admin overlays, ngx-admin extra components');

4
src/app/themes-screen/starter.component.scss
View file

@ -1,5 +1,5 @@
@import '~bootstrap/scss/mixins/breakpoints'; @import 'bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints'; @import '@nebular/theme/styles/global/breakpoints';
@import '../@theme/styles/themes'; @import '../@theme/styles/themes';
@include nb-install-component() { @include nb-install-component() {

2
src/app/themes-screen/starter.component.ts
View file

@ -56,7 +56,7 @@ export class NgxStarterComponent implements OnInit {
// tslint:disable:max-line-length // tslint:disable:max-line-length
ngOnInit(): void { ngOnInit(): void {
this.metadataService.updateTitle('Ngx-admin themes for e-commerce dashboard on Angular 9+ and Nebular'); this.metadataService.updateTitle('Ngx-admin themes for e-commerce dashboard on Angular 15+ and Nebular');
this.metadataService.updateDescription('Choose a theme for ngx-admin e-commerce dashboard: Material, Light and Dark, Cosmic and Corporate.'); this.metadataService.updateDescription('Choose a theme for ngx-admin e-commerce dashboard: Material, Light and Dark, Cosmic and Corporate.');
this.metadataService.updateKeywords('Ngx-admin themes, material theme, ngx-admin cosmic, ngx-admin corporate theme, dark theme ngx-admin'); this.metadataService.updateKeywords('Ngx-admin themes, material theme, ngx-admin cosmic, ngx-admin corporate theme, dark theme ngx-admin');
} }

2
src/index.html
View file

@ -3,7 +3,7 @@
<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 15+ 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">
<meta property="og:image" content="https://i.imgur.com/tQwozJJ.jpg"/> <meta property="og:image" content="https://i.imgur.com/tQwozJJ.jpg"/>