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="form-group row">
- <div class="d-flex align-items-center header-style">{{'EDIT' | translate}} <span
+<div class="form-group row mb-3">
+ <div class="d-flex align-items-center header-style p-0">{{'EDIT' | translate}} <span
class="text-uppercase">{{pacakgeType}} </span>{{'DESCRIPTOR' | translate}}</div>
</div>
<form *ngIf="defaults[mode]">
- <div class="row">
+ <div class="row mb-2">
<div class="col-2">
<div class="form-group">
- <select class="form-control custom-select" name="state" [(ngModel)]="mode" (ngModelChange)="changeMode()">
+ <select class="form-control select" name="state" [(ngModel)]="mode" (ngModelChange)="changeMode()">
<option *ngFor="let types of fileTypes;" [value]="types.value">
{{types.viewValue}}</option>
</select>
</div>
</div>
<div class="col-4">
- <div class="btn-group-toggle mb-1 mr-1 float-left">
+ <div class="btn-group-toggle mb-1 me-1 float-start">
<label class="btn btn-light" [class.active]="readOnly">
- <input type="checkbox" [(ngModel)]="readOnly" name="readOnly" autocomplete="off">
+ <input class="checkbox d-none" type="checkbox" [(ngModel)]="readOnly" name="readOnly" autocomplete="off">
{{'READONLYMODE' | translate}} ({{'CURRENTLY' | translate}} {{ (readOnly ? 'ON' : 'OFF') | translate }})
</label>
</div>
</div>
- <div class="col-6 text-right">
- <button type="button" class="btn btn-primary mr-2" routerLink="/packages/{{navigatePath}}/compose/{{paramsID}}"
+ <div class="col-6 text-end">
+ <button type="button" class="btn btn-primary me-2" routerLink="/packages/{{navigatePath}}/compose/{{paramsID}}"
[hidden]="navigatePath==='netslice'">
<i class="fa fa-sitemap" aria-hidden="true"></i> {{'SHOWGRAPH' | translate}}
</button>
- <button type="button" class="btn btn-primary mr-2" (click)="update(true)" [hidden]="navigatePath==='netslice'">
+ <button type="button" class="btn btn-primary me-2" (click)="update(true)" [hidden]="navigatePath==='netslice'">
<i class="fa fa-save" aria-hidden="true"></i> {{'UPDATESHOWGRAPH' | translate}}
</button>
<button type="button" class="btn btn-primary" (click)="update(false)">
</div>
</div>
</form>
-<div class="ngx-codemirror" *ngIf="defaults[mode] else noData">
+<div class="ngx-codemirror edit-packages" *ngIf="defaults[mode] else noData">
<ngx-codemirror [options]="options" [ngModel]="defaults[mode]" [disabled]="readOnly" [autoFocus]="true"
(ngModelChange)="handleChange($event)"></ngx-codemirror>
</div>