Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-09-22 05:50:48 +02: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 {
constructor(private themeService: NbThemeService, private metadataService: MetadataService) {
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.');
this.metadataService.updateTitle('Ngx-admin - most popular admin dashboard on Angular 9+ and Nebular.');
' 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 15+ and Nebular.');
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>
<h1>ngx-admin</h1>
<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
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"

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">
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>.
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://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.

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
- Angular 9+ & Typescript
- Angular 15+ & Typescript
- Bootstrap 4+ & SCSS
- Responsive layout
- RTL support

10
docs/index.html
View file

@ -2,13 +2,13 @@
<html lang="en">
<head>
<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="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="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 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:title" content="The most popular admin dashboard based on Angular 9+ and Nebular.">
<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 15+ and Nebular.">
<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',
name: 'What is ngx-admin?',
title: 'Ngx-admin - documentation',
description: 'ngx-admin is a front-end admin dashboard template based on Angular 9+, Bootstrap 4+ and Nebular',
keywords: 'Ngx-admin features, Angular 9+ typescript, Bootstrap 4+ & SCSS, ngx-admin documentation',
description: 'ngx-admin is a front-end admin dashboard template based on Angular 15+, Bootstrap 4+ and Nebular',
keywords: 'Ngx-admin features, Angular 15+ typescript, Bootstrap 4+ & SCSS, ngx-admin documentation',
children: [
{
type: 'block',

6818
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",
"conventional-changelog": "conventional-changelog",
"start": "ng serve",
"start:admin": "npm start -- ngx-admin-demo",
"build": "ng build ngx-admin-demo",
"build:prod": "npm run build -- --configuration production --aot",
"build:demo:prod": "npm run build -- --configuration production --aot --base-href /ngx-admin/",
@ -112,10 +113,8 @@
"@typescript-eslint/parser": "^5.43.0",
"codelyzer": "^6.0.2",
"angular-cli-ghpages": "^0.6.2",
"codelyzer": "^6.0.2",
"conventional-changelog-cli": "1.3.4",
"doc-prsr": "2.2.0",
"eslint": "^8.23.0",
"gulp": "4.0.2",
"gulp-rename": "1.4.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 '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import 'bootstrap/scss/mixins/breakpoints';
@import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
nb-card {

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

@ -1,6 +1,6 @@
@import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import 'bootstrap/scss/mixins/breakpoints';
@import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
.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 '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import 'bootstrap/scss/mixins/breakpoints';
@import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
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 '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import 'bootstrap/scss/mixins/breakpoints';
@import '@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
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() {
this.metaDataService.updateTitle('Ngx-admin IoT dashboard on Angular 9+ and Nebular');
this.metaDataService.updateDescription('IoT dashboard on Ngx-admin is Angular 9+ Bootstrap 4+ admin' +
this.metaDataService.updateTitle('Ngx-admin IoT dashboard on Angular 15+ and Nebular');
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.');
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) {}
ngOnInit() {
this.metaDataService.updateTitle('Ngx-admin e-commerce dashboard on Angular 9+ and Nebular.');
this.metaDataService.updateDescription('E-commerce dashboard on Ngx-admin is Angular 9+ Bootstrap 4+ admin' +
this.metaDataService.updateTitle('Ngx-admin e-commerce dashboard on Angular 15+ and Nebular.');
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.');
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)
.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 }) => {
if (data.item.title !== 'E-commerce' && data.item.title !== 'IoT Dashboard')
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.');
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');

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

@ -1,5 +1,5 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import 'bootstrap/scss/mixins/breakpoints';
@import '@nebular/theme/styles/global/breakpoints';
@import '../@theme/styles/themes';
@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
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.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>
<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="keywords" content="admin,dashboard,template,angular 8,bootstrap,panel,html,css,javascript">
<meta property="og:image" content="https://i.imgur.com/tQwozJJ.jpg"/>