</button>
</div>
<form [formGroup]="pduInstancesForm" (ngSubmit)="createPDUInstances()" autocomplete="off">
- <div class="modal-body">
- <div class="form-group row">
+ <div class="modal-body pb-0">
+ <div class="form-group row mb-3">
<label class="col-sm-12 col-form-label mandatory-label" [ngClass]="{'text-danger': pduInstancesForm.invalid === true && submitted === true}">{{'MANDATORYCHECK' | translate}}</label>
<label class="col-sm-3 col-form-label" for="name">{{'NAME' | translate}}*</label>
<div class="col-sm-3">
<input placeholder="{{'PAGE.PDUINSTANCE.PDUTYPE' | translate}}" type="text" class="form-control" formControlName="type" id="type" [ngClass]="{ 'is-invalid': submitted && f.type.errors }">
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-3 col-form-label" for="vim_accounts">{{'VIMACCOUNTS' | translate}}*</label>
<div class="col-sm-9">
<ng-select placeholder="{{'VIMACCOUNTS' | translate}}" [items]="vimAccountSelect" multiple="true" bindLabel="name" bindValue="_id" formControlName="vim_accounts" id="vim_accounts"
</ng-select>
</div>
</div>
- <div class="form-group row p-2 bg-light text-dark">
+ <div class="form-group row p-2 bg-light text-dark mb-3">
<div class="col-sm-7 align-self-center"><span>{{'PAGE.PDUINSTANCE.PARAMETERS' | translate}}</span></div>
<div class="col-sm-5">
<button type="button" class="btn btn-primary" (click)="createInterfaces()">
</div>
</div>
</div>
- <div class="row mr-top-5">
+ <div class="row me-top-5 mb-3">
<label class="col-sm-2 col-form-label" for="mgmt{{i}}">{{'MGMT' | translate}}*</label>
<div class="col-sm-4">
<ng-select placeholder="{{'SELECT' | translate}} {{'MGMT' | translate}}" [items]="mgmtState" bindLabel="name" bindValue="value" formControlName="mgmt" id="mgmt{{i}}" [ngClass]="{ 'is-invalid': submitted && params.controls.mgmt.errors }"></ng-select>
</div>
</div>
</div>
- <div class="modal-footer">
+ <div class="modal-footer mt-3">
<button type="button" class="btn btn-danger" (click)="activeModal.close()">{{'CANCEL' | translate}}</button>
<button type="submit" class="btn btn-primary">{{'CREATE' | translate}}</button>
</div>