From: SANDHYA.JS Date: Tue, 4 Jun 2024 16:20:03 +0000 (+0530) Subject: Angular upgrade X-Git-Tag: release-v16.0-start~7 X-Git-Url: https://osm.etsi.org/gitweb/?a=commitdiff_plain;h=refs%2Fchanges%2F14%2F14414%2F3;p=osm%2FNG-UI.git Angular upgrade - Upgraded Angular from 14 to 15 version. Change-Id: I2339a04020153cbc9ed7a14bfe8e0aa265e507da Signed-off-by: SANDHYA.JS --- diff --git a/angular.json b/angular.json index 1a6d042..066e675 100644 --- a/angular.json +++ b/angular.json @@ -75,6 +75,11 @@ "type": "initial", "maximumWarning": "2mb", "maximumError": "5mb" + }, + { + "type": "anyComponentStyle", + "maximumWarning": "6kb", + "maximumError": "10kb" } ] }, diff --git a/package.json b/package.json index bb99e9b..6574349 100644 --- a/package.json +++ b/package.json @@ -16,32 +16,32 @@ "private": true, "dependencies": { "@akveo/ng2-completer": "^9.0.1", - "@angular/animations": "^14.2.12", - "@angular/cdk": "^13.3.9", - "@angular/common": "^14.2.12", - "@angular/compiler": "^14.2.12", - "@angular/core": "^14.2.12", + "@angular/animations": "^15.2.10", + "@angular/cdk": "^15.2.9", + "@angular/common": "^15.2.10", + "@angular/compiler": "^15.2.10", + "@angular/core": "^15.2.10", "@angular/flex-layout": "^9.0.0-beta.29", - "@angular/forms": "^14.2.12", - "@angular/localize": "^14.2.12", - "@angular/platform-browser": "^14.2.12", - "@angular/platform-browser-dynamic": "^14.2.12", - "@angular/router": "^14.2.12", + "@angular/forms": "^15.2.10", + "@angular/localize": "^15.2.10", + "@angular/platform-browser": "^15.2.10", + "@angular/platform-browser-dynamic": "^15.2.10", + "@angular/router": "^15.2.10", "@ctrl/ngx-codemirror": "^5.1.1", "@fortawesome/fontawesome-free": "^5.13.0", "@ng-bootstrap/ng-bootstrap": "^11.0.1", - "@ng-idle/core": "^11.0.3", - "@ng-idle/keepalive": "^11.0.3", - "@ng-select/ng-select": "^8.0.0", - "@ngx-translate/core": "^13.0.0", - "@ngx-translate/http-loader": "^4.0.0", + "@ng-idle/core": "^12.0.4", + "@ng-idle/keepalive": "^12.0.4", + "@ng-select/ng-select": "^10.0.3", + "@ngx-translate/core": "^14.0.0", + "@ngx-translate/http-loader": "^7.0.0", "@nomadreservations/ngx-codemirror": "^2.0.0", "@types/d3": "^5.7.2", "@types/js-yaml": "^3.12.1", "@types/jsonpath": "^0.2.0", "@types/ol": "^5.3.5", - "angular-notifier": "^9.1.0", - "bootstrap": "^4.6.2", + "angular-notifier": "^12.0.0", + "bootstrap": "^5.2.3", "chart.js": "^3.9.1", "chartjs-plugin-datalabels": "^2.2.0", "codemirror": "^5.51.0", @@ -50,7 +50,7 @@ "http-status-codes": "^1.3.2", "js-untar": "^2.0.0", "js-yaml": "^3.13.1", - "jsonpath": "^1.0.2", + "jsonpath": "^1.1.1", "ng-sidebar": "~9.2.0", "ng2-charts": "^3.0.0-rc.7", "ng2-file-upload": "^1.3.0", @@ -61,28 +61,29 @@ "rxjs": "^6.5.4", "rxjs-compat": "^6.5.5", "stream": "0.0.2", - "tslib": "^2.5.0", - "util": "^0.12.4", - "zone.js": "~0.11.8", - "@popperjs/core": "~2.10.1", - "ngx-toastr": "^13.2.1" + "ts-evaluator": "^1.2.0", + "tslib": "^2.6.0", + "util": "^0.12.5", + "zone.js": "~0.13.3", + "@popperjs/core": "^2.11.6", + "ngx-toastr": "^16.0.0" }, "devDependencies": { - "@angular-devkit/build-angular": "^14.2.10", + "@angular-devkit/build-angular": "^15.2.10", "@angular-eslint/builder": "13.5.0", "@angular-eslint/eslint-plugin": "13.5.0", "@angular-eslint/eslint-plugin-template": "13.5.0", "@angular-eslint/schematics": "13.5.0", "@angular-eslint/template-parser": "13.5.0", - "@angular/cli": "^14.2.10", - "@angular/compiler-cli": "^14.2.12", - "@angular/language-service": "^14.2.12", + "@angular/cli": "^15.2.10", + "@angular/compiler-cli": "^15.2.10", + "@angular/language-service": "^15.2.10", "@cypress/schematic": "^2.3.0", "@microsoft/eslint-plugin-sdl": "~0.2.0", "@types/jasmine": "~3.10.0", "@types/jasminewd2": "~2.0.3", "@types/jquery": "^3.3.31", - "@types/node": "^8.10.59", + "@types/node": "^12.11.1", "@typescript-eslint/eslint-plugin": "4.28.2", "@typescript-eslint/parser": "4.28.2", "cypress": "^12.10.0", @@ -99,14 +100,14 @@ "eslint-plugin-security": "~1.5.0", "jasmine-core": "~4.0.0", "jasmine-spec-reporter": "~5.0.0", - "karma": "~6.3.0", + "karma": "~6.4.2", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.1.0", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "~1.7.0", "ng2-completer": "^3.0.3", "sass": "^1.58.0", - "ts-node": "~7.0.0", - "typescript": "~4.6.2" + "ts-node": "~8.3.0", + "typescript": "^4.9.3" } } diff --git a/src/app/AppComponent.ts b/src/app/AppComponent.ts index 1c5886a..26d7aab 100644 --- a/src/app/AppComponent.ts +++ b/src/app/AppComponent.ts @@ -19,13 +19,12 @@ /** * @file App Components */ -import { isNullOrUndefined } from 'util'; import { Component, HostListener, Injector } from '@angular/core'; import { NgbModal } from '@ng-bootstrap/ng-bootstrap'; import { DEFAULT_INTERRUPTSOURCES, Idle } from '@ng-idle/core'; import { AuthenticationService } from 'AuthenticationService'; import { DeviceCheckService } from 'DeviceCheckService'; -import { SharedService } from 'SharedService'; +import { SharedService, isNullOrUndefined } from 'SharedService'; /** * Creating component diff --git a/src/app/AppModule.ts b/src/app/AppModule.ts index 5a9c306..bdf27fc 100644 --- a/src/app/AppModule.ts +++ b/src/app/AppModule.ts @@ -158,7 +158,7 @@ const customNotifierOptions: NotifierOptions = { }), NgbModule, NgSelectModule, - RouterModule.forRoot(appRoutes, { useHash: false, relativeLinkResolution: 'legacy' }), + RouterModule.forRoot(appRoutes, { useHash: false }), NgIdleKeepaliveModule.forRoot(), LoaderModule, SharedModule, diff --git a/src/app/dashboard/DashboardComponent.html b/src/app/dashboard/DashboardComponent.html index 9689e03..d7dabe3 100644 --- a/src/app/dashboard/DashboardComponent.html +++ b/src/app/dashboard/DashboardComponent.html @@ -66,7 +66,7 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i
-
+
@@ -88,7 +88,7 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i
-
+
@@ -110,7 +110,7 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i
-
+
@@ -135,20 +135,20 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i
-
+
{{'PAGE.VIMDETAILS.VIMRESOURCES' | translate}}
-
-
+
-
diff --git a/src/app/dashboard/DashboardComponent.scss b/src/app/dashboard/DashboardComponent.scss index df3c6b1..4f14da5 100644 --- a/src/app/dashboard/DashboardComponent.scss +++ b/src/app/dashboard/DashboardComponent.scss @@ -20,6 +20,7 @@ $min-height-set: 200px; .dashboard { .custom-card { + background-color: $white; word-wrap: break-word; @include box-shadow(0px, 1px, 15px, 0px, rgba(69, 90, 100, 0.1)); @include transition(all, 0.2s, null, null); @@ -37,7 +38,7 @@ } &.pink-card { @include background( - linear-gradient(to left top, #d81b60, #e0306d, #e7407a, #ee4f87, #f55c94), + linear-gradient(to left top,#d81b60,#e0306d,#e7407a,#ee4f87,#f55c94), null, null, null, @@ -46,7 +47,7 @@ } &.purple-card { @include background( - linear-gradient(to left top, #605ca8, #736ebb, #8681ce, #9994e2, #aca7f6), + linear-gradient(to left top,#605ca8,#736ebb,#8681ce,#9994e2,#aca7f6), null, null, null, @@ -55,7 +56,7 @@ } &.aqua-card { @include background( - linear-gradient(to left top, #00c0ef, #00cdf5, #00dafa, #00e6fd, #0af3ff), + linear-gradient(to left top,#00c0ef,#00cdf5,#00dafa,#00e6fd,#0af3ff), null, null, null, @@ -63,6 +64,7 @@ ); } .custom-card-header { + padding: 12px 20px 12px 20px; @include background(null, $primary, null, null, null); @include roundedTop(5); a { @@ -77,6 +79,7 @@ overflow-y: scroll; .list-group { .list-group-item { + background-color: $white; cursor: default; @include border(all, 0, solid, $black-coral); @include border(bottom, 1, solid, rgba(0, 0, 0, 0.125)); @@ -117,9 +120,9 @@ &.show-canvas { @include flexbox(block !important, null, null, null, null, null); } - #canvas{ - @include wh-value(100%, $min-height-set); - } + #canvas { + @include wh-value(100%, $min-height-set); + } } } } @@ -157,4 +160,19 @@ } } } + .font-weight-bold { + border-radius: 10px; + } + .form-row { + display: flex; + flex-wrap: wrap; + .form-group { + flex: 0 0 auto; + width: 47%; + margin-right: 25px; + } + } + .vimdetails { + width: 100%; + } } \ No newline at end of file diff --git a/src/app/dashboard/DashboardComponent.ts b/src/app/dashboard/DashboardComponent.ts index d49f708..8112c06 100644 --- a/src/app/dashboard/DashboardComponent.ts +++ b/src/app/dashboard/DashboardComponent.ts @@ -18,7 +18,6 @@ /** * @file Dashboard Component */ -import { isNullOrUndefined } from 'util'; import { Component, Injector, OnInit } from '@angular/core'; import { TranslateService } from '@ngx-translate/core'; import { NotifierService } from 'angular-notifier'; @@ -35,7 +34,7 @@ import { ProjectService } from 'ProjectService'; import { RestService } from 'RestService'; import { Observable, Subscription } from 'rxjs'; import { SDNControllerModel } from 'SDNControllerModel'; -import { SharedService } from 'SharedService'; +import { SharedService, isNullOrUndefined } from 'SharedService'; import { ProjectRoleMappings, UserDetail } from 'UserModel'; import { VimAccountDetails } from 'VimAccountModel'; import { VNFInstanceDetails } from 'VNFInstanceModel'; diff --git a/src/app/instances/netslice-instances/NetsliceInstancesComponent.html b/src/app/instances/netslice-instances/NetsliceInstancesComponent.html index e8b3c0c..90342fd 100644 --- a/src/app/instances/netslice-instances/NetsliceInstancesComponent.html +++ b/src/app/instances/netslice-instances/NetsliceInstancesComponent.html @@ -15,7 +15,7 @@ limitations under the License. Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in) --> -
+
{{'PAGE.DASHBOARD.NETSLICEINSTANCE' | translate}}
-
-
+
+
- +
diff --git a/src/app/instances/ns-history-operations/HistoryOperationsComponent.html b/src/app/instances/ns-history-operations/HistoryOperationsComponent.html index 7890a13..aabdd78 100644 --- a/src/app/instances/ns-history-operations/HistoryOperationsComponent.html +++ b/src/app/instances/ns-history-operations/HistoryOperationsComponent.html @@ -15,18 +15,18 @@ limitations under the License. Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in) --> -
+
{{'HISTORYOFOPERATIONS' | translate}}
-
-
+
+
- +
diff --git a/src/app/instances/ns-history-operations/HistoryOperationsComponent.ts b/src/app/instances/ns-history-operations/HistoryOperationsComponent.ts index afbefdb..da3ff10 100644 --- a/src/app/instances/ns-history-operations/HistoryOperationsComponent.ts +++ b/src/app/instances/ns-history-operations/HistoryOperationsComponent.ts @@ -18,7 +18,6 @@ /** * @file NS History Of Operations Component */ -import { isNullOrUndefined } from 'util'; import { Component, Injector, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { Router } from '@angular/router'; @@ -32,7 +31,7 @@ import { LocalDataSource } from 'ng2-smart-table'; import { NSDInstanceData } from 'NSInstanceModel'; import { RestService } from 'RestService'; import { Subscription } from 'rxjs'; -import { SharedService } from 'SharedService'; +import { SharedService, isNullOrUndefined } from 'SharedService'; import { ShowInfoComponent } from 'ShowInfoComponent'; /** diff --git a/src/app/instances/ns-instances/NSInstancesComponent.html b/src/app/instances/ns-instances/NSInstancesComponent.html index 568ac86..8ee93b8 100644 --- a/src/app/instances/ns-instances/NSInstancesComponent.html +++ b/src/app/instances/ns-instances/NSInstancesComponent.html @@ -15,17 +15,17 @@ limitations under the License. Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in) --> -
+
{{'NSINSTANCES' | translate}}
-
-
-
+
+
- +
- +
\ No newline at end of file diff --git a/src/app/instances/ns-primitive/NSPrimitiveComponent.html b/src/app/instances/ns-primitive/NSPrimitiveComponent.html index 34b8a0e..f5344ff 100644 --- a/src/app/instances/ns-primitive/NSPrimitiveComponent.html +++ b/src/app/instances/ns-primitive/NSPrimitiveComponent.html @@ -23,33 +23,33 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i