Angular upgrade
- Upgraded Angular from 14 to 15 version.
Change-Id: I2339a04020153cbc9ed7a14bfe8e0aa265e507da
Signed-off-by: SANDHYA.JS <sandhya.j@tataelxsi.co.in>
diff --git a/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html b/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html
index 5937862..c9893c1 100644
--- a/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html
+++ b/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html
@@ -23,7 +23,7 @@
</button>
</div>
<div class="modal-body modal-body-custom-height">
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-12 col-form-label mandatory-label"
[ngClass]="{'text-danger': sdnControllerForm.invalid === true && submitted === true}">{{'MANDATORYCHECK' | translate}}</label>
<label class="col-sm-4 col-form-label" for="name">{{'NAME' | translate}}*</label>
@@ -32,7 +32,7 @@
formControlName="name" id="name" [ngClass]="{ 'is-invalid': submitted && f.name.errors }" required>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="sdn_type">{{'TYPE' | translate}}*</label>
<div class="col-sm-8">
<ng-select [items]="sdnType" placeholder="{{'SELECT' | translate}}" bindLabel="title" bindValue="value"
@@ -42,7 +42,7 @@
<small class="text-info">{{'TYPEINFO' | translate}}</small>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="username">{{'USERNAME' | translate}}*</label>
<div class="col-sm-8">
<input autocomplete="off" class="form-control" placeholder="{{'USERNAME' | translate}}" type="text"
@@ -50,7 +50,7 @@
required>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="password">{{'PASSWORD' | translate}}*</label>
<div class="col-sm-8">
<input autocomplete="off" class="form-control" placeholder="{{'PASSWORD' | translate}}" type="password"
@@ -58,7 +58,7 @@
[ngClass]="{ 'is-invalid': submitted && f.password.errors }" required>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="ip">{{'IP' | translate}}*</label>
<div class="col-sm-8">
<input autocomplete="off" class="form-control" placeholder="{{'IP' | translate}}" type="text"
@@ -68,7 +68,7 @@
</div>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="port">{{'PORT' | translate}}*</label>
<div class="col-sm-8">
<input autocomplete="off" class="form-control" placeholder="{{'PORT' | translate}}" type="text"
@@ -78,7 +78,7 @@
</div>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="dpid">{{'PAGE.SDNCONTROLLER.DPID' | translate}}*</label>
<div class="col-sm-8">
<input autocomplete="off" class="form-control"
@@ -89,7 +89,7 @@
</div>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="version">{{'VERSION' | translate}}</label>
<div class="col-sm-8">
<input autocomplete="off" class="form-control" placeholder="{{'VERSION' | translate}}" type="text"
diff --git a/src/app/sdn-controller/sdn-controller-details/SDNControllerDetailsComponent.html b/src/app/sdn-controller/sdn-controller-details/SDNControllerDetailsComponent.html
index c316942..3f00d91 100644
--- a/src/app/sdn-controller/sdn-controller-details/SDNControllerDetailsComponent.html
+++ b/src/app/sdn-controller/sdn-controller-details/SDNControllerDetailsComponent.html
@@ -15,7 +15,7 @@
Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
-->
-<div class="row d-flex flex-row justify-content-between">
+<div class="d-flex flex-row justify-content-between">
<div class="d-flex align-items-center header-style">{{'PAGE.SDNCONTROLLER.REGISTEREDSDNCONTROLLER' | translate}}</div>
<span class="button">
<button class="btn btn-primary" type="button" placement="top" container="body" ngbTooltip="{{'PAGE.SDNCONTROLLER.NEWSDNCONTROLLER' | translate}}"
@@ -25,15 +25,15 @@
</button>
</span>
</div>
-<div class="row mt-2 mb-0 list-utilites-actions">
- <div class="col-auto mr-auto">
+<div class="mt-2 mb-2 list-utilites-actions">
+ <div class="col-auto me-auto">
<nav class="custom-items-config">
<span><i class="fas fa-clock text-warning"></i>{{operationalStateFirstStep}}</span>
<span><i class="fas fa-check-circle text-success"></i>{{operationalStateSecondStep}}</span>
<span><i class="fas fa-times-circle text-danger"></i>{{operationalStateThirdStep}}</span>
</nav>
</div>
- <page-per-row class="mr-2" (pagePerRow)="onChange($event)"></page-per-row>
+ <page-per-row class="me-2" (pagePerRow)="onChange($event)"></page-per-row>
<page-reload></page-reload>
</div>
<div class="smarttable-style bg-white mt-1">
diff --git a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html
index d89ad24..3c1c15e 100644
--- a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html
+++ b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html
@@ -23,91 +23,89 @@
</div>
<div class="modal-body modal-body-custom-height p-0">
<table class="table table-sm table-hover table-layout-fixed mb-0" *ngIf="sdnDetails else noData">
- <tbody>
- <tr>
- <th>
- {{'ID' | translate}}
- </th>
- <td>
- {{(sdnDetails._id)?sdnDetails._id:'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'NAME' | translate}}
- </th>
- <td>
- {{(sdnDetails.name)?sdnDetails.name:'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'TYPE' | translate}}
- </th>
- <td>
- {{(sdnDetails.type)?sdnDetails.type:'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'OPERATIONALSTATE' | translate}}
- </th>
- <td>
- <span class="badge ml-1" [ngClass]="{'badge-warning text-white':sdnDetails._admin.operationalState === operationalStateFirstStep,
- 'badge-success':sdnDetails._admin.operationalState === operationalStateSecondStep,
- 'badge-danger':sdnDetails._admin.operationalState === operationalStateThirdStep}">
- {{(sdnDetails._admin.operationalState)?sdnDetails._admin.operationalState:'-'}}</span>
- </td>
- </tr>
- <tr>
- <th>
- {{'URL' | translate}}
- </th>
- <td>
- {{(sdnDetails.url)?sdnDetails.url:'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'USER' | translate}}
- </th>
- <td>
- {{(sdnDetails.user)?sdnDetails.user:'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'VERSION' | translate}}
- </th>
- <td>
- {{(sdnDetails.version)?sdnDetails.version:'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'PAGE.SDNCONTROLLER.DPID' | translate}}
- </th>
- <td>
- {{(sdnDetails.dpid)?sdnDetails.dpid:'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'CREATED' | translate}}
- </th>
- <td>
- {{(sdnDetails._admin.created)?this.sharedService.convertEpochTime(sdnDetails._admin.created):'-'}}
- </td>
- </tr>
- <tr>
- <th>
- {{'MODIFIED' | translate}}
- </th>
- <td>
- {{(sdnDetails._admin.modified)?this.sharedService.convertEpochTime(sdnDetails._admin.modified):'-'}}
- </td>
- </tr>
- </tbody>
+ <tr>
+ <th>
+ {{'ID' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails._id)?sdnDetails._id:'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'NAME' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails.name)?sdnDetails.name:'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'TYPE' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails.type)?sdnDetails.type:'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'OPERATIONALSTATE' | translate}}
+ </th>
+ <td>
+ <span class="badge ms-1" [ngClass]="{'badge bg-warning text-white':sdnDetails._admin.operationalState === operationalStateFirstStep,
+ 'badge bg-success text-white':sdnDetails._admin.operationalState === operationalStateSecondStep,
+ 'badge bg-danger text-white':sdnDetails._admin.operationalState === operationalStateThirdStep}">
+ {{(sdnDetails._admin.operationalState)?sdnDetails._admin.operationalState:'-'}}</span>
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'URL' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails.url)?sdnDetails.url:'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'USER' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails.user)?sdnDetails.user:'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'VERSION' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails.version)?sdnDetails.version:'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'PAGE.SDNCONTROLLER.DPID' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails.dpid)?sdnDetails.dpid:'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'CREATED' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails._admin.created)?this.sharedService.convertEpochTime(sdnDetails._admin.created):'-'}}
+ </td>
+ </tr>
+ <tr>
+ <th>
+ {{'MODIFIED' | translate}}
+ </th>
+ <td>
+ {{(sdnDetails._admin.modified)?this.sharedService.convertEpochTime(sdnDetails._admin.modified):'-'}}
+ </td>
+ </tr>
<tr>
<th>
{{'DEPLOYED' | translate}}
diff --git a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss
index c68960c..7ff1ee9 100644
--- a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss
+++ b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss
@@ -14,4 +14,25 @@
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)
-*/
\ No newline at end of file
+*/
+@import "../../../assets/scss/variable.scss";
+.table tr:hover {
+ color: $body-color;
+ background-color: #f6fafe;
+ }
+ .table thead th {
+ vertical-align: bottom;
+ border-bottom: 2px solid rgba(0, 0, 0, .1);
+ }
+ .table th, .table td {
+ padding: 5px;
+ vertical-align: top;
+ border-top: 1px solid rgba(0, 0, 0, .1);
+ border-bottom: transparent;
+ }
+ .table b {
+ background: none;
+ color: $body-color;
+ padding-right: 0px;
+ padding-left: 0px;
+ }
\ No newline at end of file