Angular upgrade

[osm/NG-UI.git] / src / app / roles / roles-create-edit / RolesCreateEditComponent.html

diff --git a/src/app/roles/roles-create-edit/RolesCreateEditComponent.html b/src/app/roles/roles-create-edit/RolesCreateEditComponent.html
index 7bb2a1f..7f33a21 100644 (file)
--- a/src/app/roles/roles-create-edit/RolesCreateEditComponent.html
+++ b/src/app/roles/roles-create-edit/RolesCreateEditComponent.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)
 -->
-<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">
     {{ (getRoleType == 'Add' ? 'PAGE.ROLES.CREATEROLE' : 'PAGE.ROLES.EDITROLE') | translate}}</div>
   <span class="button">
@@ -30,22 +30,22 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i
     <label class="col-sm-12 col-form-label mandatory-label"
       [ngClass]="{'text-danger': roleForm.invalid === true && submitted === true}">{{'MANDATORYCHECK' | translate}}</label>
     <label class="col-sm-2 col-form-label">{{'NAME' | translate}}*</label>
-    <div class="col-sm-5">
+    <div class="col-sm-5 mb-3">
       <input placeholder="{{'NAME' | translate}}" type="text" class="form-control" maxlength="30"
         formControlName="roleName" [ngClass]="{ 'is-invalid': submitted && f.roleName.errors }" required>
     </div>
   </div>
   <div class="form-group row" *ngIf="viewMode == 'text'">
     <label class="col-sm-2 col-form-label">{{'PAGE.ROLES.PERMISSIONS' | translate}}</label>
-    <div class="col-sm-5">
+    <div class="col-sm-5 mb-3">
       <textarea placeholder="{{'PAGE.ROLES.YAMLPERMISSIONS' | translate}}" rows="10" cols="50" type="text"
         class="form-control" formControlName="permissions"></textarea>
     </div>
   </div>
   <div class="form-group row" [ngClass]="{ 'justify-content-end': viewMode == 'text' }">
-    <div class="col-sm-6">
+    <div class="col-sm-6 mb-3">
       <button type="button" class="btn btn-danger" routerLink="/roles/details">{{'CANCEL' | translate}}</button>
-      <button class="btn btn-primary ml-3"
+      <button class="btn btn-primary ms-3"
         type="submit">{{ (getRoleType == 'Add' ? 'CREATE' : 'APPLY') | translate}}</button>
     </div>
   </div>
@@ -54,7 +54,7 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i
   <ngb-panel *ngFor="let permissionGroup of rolePermissions; let i = index">
     <ng-template ngbPanelHeader let-opened="opened">
       <div class="d-flex align-items-center justify-content-between">
-        <button ngbPanelToggle class="btn text-dark container-fluid text-left pl-0"><i
+        <button ngbPanelToggle class="btn text-dark container-fluid text-start ps-0 p-10"><i
           [ngClass]="{ 'fas': true, 'fa-angle-down': opened, 'fa-angle-right': !opened }"></i> {{permissionGroup.title}}</button>
       </div>
     </ng-template>
@@ -84,9 +84,9 @@ Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.i
     </ng-template>
   </ngb-panel>
 </ngb-accordion>
-<div class="float-right" *ngIf="viewMode == 'preview'">
+<div class="float-end" *ngIf="viewMode == 'preview'">
   <button type="button" class="btn btn-danger" routerLink="/roles/details">{{'CANCEL' | translate}}</button>
-  <button class="btn btn-primary ml-3"
+  <button class="btn btn-primary ms-3"
     (click)="roleCheck()">{{ (getRoleType == 'Add' ? 'CREATE' : 'APPLY') | translate}}</button>
 </div>
 <app-loader [waitingMessage]="message" *ngIf="isLoadingResults"></app-loader>
\ No newline at end of file