</div>
<form [formGroup]="healingForm" (ngSubmit)="manualHealingTrigger()" autocomplete="off">
<div class="modal-body">
- <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': healingForm.invalid === true && submitted === true}">
{{'MANDATORYCHECK' | translate}}
<small class="form-text text-muted" *ngIf="selectedvnfId !== ''">vnfd-id : {{ selectedvnfId }}</small>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<div class="col-sm-6">
<label for="memberVnfIndex"> {{'DAY1OPERATION' | translate}}</label>
</div>
</ng-select>
</div>
</div>
- <div class="form-group row p-2 bg-light text-white justify-content-end">
- <div class="col-5">
+ <div class="form-group row p-2 bg-light text-white justify-content-end" mb-3>
+ <div class="col-5 text-end">
<button class="button-xs" type="button" class="btn btn-primary" (click)="addVdu()">
<i class="fas fa-plus-circle"></i>{{'SELECTVDU' | translate}}</button>
</div>
<div class="form-group row" [formGroupName]="i">
<div class="card bg-light">
<div class="card-body">
- <div class="form-group row">
- <label class="col-sm-3 col-md-3 col-form-label" for="vduId_{{i}}">{{'VDUID' |
+ <div class="form-group row mb-3">
+ <label class="col-sm-3 col-md-3 col-form-label ps-0" for="vduId_{{i}}">{{'VDUID' |
translate}}</label>
- <div class="col-sm-8 col-md-8">
+ <div class="col-sm-8 col-md-8 ps-1">
<ng-select (change)="getCountIndex($event.VDU)"
placeholder="{{'SELECT' | translate}}" [items]="vduId" bindLabel="VDU"
bindValue="VDU" formControlName="vduId" id="vduId_{{i}}"
[ngClass]="{ 'is-invalid': submitted && params.controls.vduId.errors }">
</ng-select>
</div>
- <label class="col-sm-3 col-md-3 col-form-label" for="countIndex_{{i}}">{{'COUNTINDEX' |
+ <label class="col-sm-3 col-md-3 col-form-label ps-0" for="countIndex_{{i}}">{{'COUNTINDEX' |
translate}}</label>
- <div class="col-sm-8 col-md-8">
+ <div class="col-sm-8 col-md-8 ps-1">
<ng-select placeholder="{{'SELECT' | translate}}" [items]="countIndex"
bindLabel="count-index" bindValue="count-index" formControlName="countIndex"
id="countIndex_{{i}}"
[ngClass]="{ 'is-invalid': submitted && params.controls.countIndex.errors }">
</ng-select>
</div>
- <label class="col-sm-3 col-md-3 col-form-label" for="runDay1_{{i}}">{{'DAY1OPERATION' |
+ <label class="col-sm-3 col-md-3 col-form-label ps-0" for="runDay1_{{i}}">{{'DAY1OPERATION' |
translate}}</label>
- <div class="col-sm-8 col-md-8">
+ <div class="col-sm-8 col-md-8 ps-1">
<ng-select formControlName="runDay1" [clearable]="false" placeholder="{{'DAY1OPERATION' |
translate}}" [items]="day1Operation" bindLabel="name" bindValue="id">
</ng-select>
</div>
<div class="col-sm-1">
- <button class="button-xs" type="button" class="close" (click)="removeMapping(i)"
+ <button class="button-xs" type="button" class="remove-mapping close" (click)="removeMapping(i)"
placement="right" ngbTooltip="{{ 'CANCEL' | translate }}">
<i class="fas fa-minus-circle text-danger"></i>
</button>