diff --git a/angular.json b/angular.json
index 203b5717c86123104f115a9c6502559cc58a9040..fd6e900990c95cd4f45f8ff754e1448964b641ff 100644
--- a/angular.json
+++ b/angular.json
@@ -23,13 +23,91 @@
"polyfills": ["zone.js"],
"tsConfig": "tsconfig.app.json",
"inlineStyleLanguage": "scss",
- "assets": ["src/favicon.ico", "src/assets"],
+ "assets": ["src/favicon.ico", "src/assets", "src/legacy"],
"styles": ["src/styles.scss",
"./node_modules/quill/dist/quill.core.css",
"./node_modules/quill/dist/quill.bubble.css",
- "./node_modules/quill/dist/quill.snow.css"
+ "./node_modules/quill/dist/quill.snow.css",
+ "src/legacy/css/styles-schedule.css",
+ "src/legacy/css/fonts-opensans.css",
+ "src/legacy/css/fonts-materialIcons.css",
+ "src/legacy/css/angular-material.min.css",
+ "src/legacy/css/material.min.css",
+ "src/legacy/css/fontawesome-all.min.css",
+ "src/legacy/css/design-studio-style.css",
+ "src/legacy/css/design-studio.css",
+ "src/legacy/css/style_modeler.css",
+ "src/legacy/css/ng-tags-input.min.css",
+ "src/legacy/bootstrap-star-rating/css/star-rating.min.css",
+ "src/legacy/css/quill.snow.css",
+ "src/legacy/css/quill.bubble.css",
+ "src/legacy/css/home.css",
+ "src/legacy/css/ui-carosel.css",
+ "src/legacy/css/xeditable.min.css",
+ "src/legacy/design-studio/css/dc.graph.css",
+ "src/legacy/design-studio/css/dc.css",
+ "src/legacy/design-studio/css/jquery-ui.css",
+ "src/legacy/design-studio/css/jqueryui-editable.css",
+ "src/legacy/design-studio/css/graphene-design-studio.css",
+ "src/legacy/design-studio/css/d3-tip/example-styles.css",
+ "src/legacy/css/styles.css",
+ "src/legacy/css/validation.css",
+ "src/legacy/css/jquery.dataTables.min.css",
+ "src/legacy/css/angular-datatables.css"
],
- "scripts": []
+ "scripts": [
+ "src/legacy/design-studio/js/d3.js",
+ "src/legacy/design-studio/js/crossfilter.js",
+ "src/legacy/design-studio/js/dc.js",
+ "src/legacy/design-studio/js/queue.js",
+ "src/legacy/design-studio/js/promise-polyfill.js",
+ "src/legacy/design-studio/js/classlist-polyfill.js",
+ "src/legacy/design-studio/js/d3-tip/index.js",
+ "src/legacy/design-studio/js/lodash.js",
+ "src/legacy/design-studio/js/yoga-layout.js",
+ "src/legacy/design-studio/js/cola.js",
+ "src/legacy/design-studio/js/dc.graph.js",
+ "src/legacy/design-studio/js/chart.registry.js",
+ "src/legacy/design-studio/js/querystring.js",
+ "src/legacy/resources/d3.js",
+ "src/legacy/resources/material.min.js",
+ "src/legacy/resources/jquery.min.js",
+ "src/legacy/design-studio/js/jquery.js",
+ "src/legacy/design-studio/js/jquery-ui.js",
+ "src/legacy/design-studio/js/jqueryui-editable.js",
+ "src/legacy/resources/jquery.dataTables.js",
+ "src/legacy/resources/angular.min.js",
+ "src/legacy/resources/angular-route.min.js",
+ "src/legacy/resources/angular-animate.min.js",
+ "src/legacy/resources/angular-aria.min.js",
+ "src/legacy/resources/angular-material.min.js",
+ "src/legacy/resources/angular-messages.min.js",
+ "src/legacy/resources/angular-dragdrop.js",
+ "src/legacy/resources/custom_script.js",
+ "src/legacy/resources/angular-base64-upload.js",
+ "src/legacy/resources/bootstrap.min.js",
+ "src/legacy/resources/xeditable.min.js",
+ "src/legacy/resources/json2yaml.js",
+ "src/legacy/resources/angular-datatables.min.js",
+ "src/legacy/resources/angular-toastr.tpls.js",
+ "src/legacy/resources/satellizer.min.js",
+ "src/legacy/resources/angular-material-icons.min.js",
+ "src/legacy/resources/angular-sanitize.js",
+ "src/legacy/resources/imageupload.js",
+ "src/legacy/resources/angular-jwt.js",
+ "src/legacy/bootstrap-star-rating/js/star-rating.min.js",
+ "src/legacy/resources/ui-bootstrap-tpls.min.js",
+ "src/legacy/resources/ngStorage.min.js",
+ "src/legacy/resources/quill.js",
+ "src/legacy/resources/ng-quill.min.js",
+ "src/legacy/resources/rating-stars.min.js",
+ "src/legacy/resources/ui-carousel.js",
+ "src/legacy/design-studio/js/tether.js",
+ "src/legacy/js/ng-file-upload.js",
+ "src/legacy/js/jstz-1.0.4.min.js",
+ "src/legacy/design-studio.module.js",
+ "src/legacy/design-studio.component.js"
+ ]
},
"configurations": {
"production": {
@@ -43,12 +121,12 @@
{
"type": "initial",
"maximumWarning": "2mb",
- "maximumError": "5mb"
+ "maximumError": "10mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "1mb",
- "maximumError": "2mb"
+ "maximumError": "5mb"
}
],
"outputHashing": "all"
diff --git a/package-lock.json b/package-lock.json
index 7990a0cbb337e38e284e011d09e2643127e14844..7b4ff776bd9995ba17d83d821e92c4610376bbb1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
"@angular/platform-browser": "^18.0.2",
"@angular/platform-browser-dynamic": "^18.0.2",
"@angular/router": "^18.0.2",
+ "@angular/upgrade": "^18.2.1",
"jwt-decode": "^4.0.0",
"ngx-quill": "^26.0.1",
"quill": "^2.0.2",
@@ -735,9 +736,9 @@
}
},
"node_modules/@angular/platform-browser-dynamic": {
- "version": "18.0.2",
- "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.0.2.tgz",
- "integrity": "sha512-wQlw3TgUEs5uZRT6mPIKFHCgOBDE4joar9b/0bjZv5SOUvJNkED+roNlRKxjQDIagOMAUlcD3OnynlNr6le6YA==",
+ "version": "18.2.1",
+ "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.1.tgz",
+ "integrity": "sha512-tYJHtshbaKrtnRA15k3vrveSVBqkVUGhINvGugFA2vMtdTOfhfPw+hhzYrcwJibgU49rHogCfI9mkIbpNRYntA==",
"dependencies": {
"tslib": "^2.3.0"
},
@@ -745,10 +746,10 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/common": "18.0.2",
- "@angular/compiler": "18.0.2",
- "@angular/core": "18.0.2",
- "@angular/platform-browser": "18.0.2"
+ "@angular/common": "18.2.1",
+ "@angular/compiler": "18.2.1",
+ "@angular/core": "18.2.1",
+ "@angular/platform-browser": "18.2.1"
}
},
"node_modules/@angular/router": {
@@ -768,6 +769,23 @@
"rxjs": "^6.5.3 || ^7.4.0"
}
},
+ "node_modules/@angular/upgrade": {
+ "version": "18.2.1",
+ "resolved": "https://registry.npmjs.org/@angular/upgrade/-/upgrade-18.2.1.tgz",
+ "integrity": "sha512-/j0NpugfHg7ngGtS4Q482Gro/PIMmPdFsr8FIlDJBadsNyrn7JN3wRBi/u/Z2weiYkf4jwzWV/WEeiqec4XceQ==",
+ "dependencies": {
+ "tslib": "^2.3.0"
+ },
+ "engines": {
+ "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+ },
+ "peerDependencies": {
+ "@angular/compiler": "18.2.1",
+ "@angular/core": "18.2.1",
+ "@angular/platform-browser": "18.2.1",
+ "@angular/platform-browser-dynamic": "18.2.1"
+ }
+ },
"node_modules/@babel/code-frame": {
"version": "7.24.7",
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
diff --git a/package.json b/package.json
index 2a4846e515c9bb3659ab32903c49260696d37433..1023a318b19bd2b9d8f24c8d9c1d9d8548124301 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
"@angular/platform-browser": "^18.0.2",
"@angular/platform-browser-dynamic": "^18.0.2",
"@angular/router": "^18.0.2",
+ "@angular/upgrade": "^18.2.1",
"jwt-decode": "^4.0.0",
"ngx-quill": "^26.0.1",
"quill": "^2.0.2",
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index a057a07881215978ea78af3cdf12233fbec1f28e..17425f67d27b4e3ed9544b682adde766044d1116 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,17 +1,21 @@
import { Component } from '@angular/core';
import { Router, RouterModule } from '@angular/router';
+import { UpgradeModule } from '@angular/upgrade/static';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
standalone: true,
- imports: [RouterModule],
+ imports: [RouterModule, UpgradeModule],
styleUrls: ['./app.component.scss'],
})
export class AppComponent {
title = 'graphene-ui';
- constructor(private router: Router) {}
+ constructor(
+ private router: Router,
+ private upgrade: UpgradeModule,
+ ) {}
ngOnInit(): void {
this.checkRememberMeAndRedirect();
diff --git a/src/app/routes.ts b/src/app/routes.ts
index 51f5c9054dca1d81bead0310be4c7bcb842c1533..a395fbb9a43686702832ae83267ad0a6a11bb194 100644
--- a/src/app/routes.ts
+++ b/src/app/routes.ts
@@ -142,7 +142,13 @@ const routeConfig: Routes = [
},
],
},
-
+ {
+ path: 'designStudio',
+ loadChildren: () =>
+ import('./features/dashboard/design-studio/design-studio.module').then(
+ (m) => m.DesignStudioModule,
+ ),
+ },
{ path: '', redirectTo: '', pathMatch: 'full' },
{ path: '**', redirectTo: '', pathMatch: 'full' },
];