</button>
</div>
<div class="modal-body modal-body-custom-height netsliceinstantiate-ns">
- <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': netSliceInstantiateForm.invalid === true && submitted === true}">{{'MANDATORYCHECK' | translate}}</label>
<label class="col-sm-4 col-form-label" for="nsiName">{{'PAGE.NSTINSTANCEINSTANTIATE.NSNAME' | translate}}*</label>
id="nsiName" [ngClass]="{ 'is-invalid': submitted && f.nsiName.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="nsiDescription">{{'PAGE.NSTINSTANCEINSTANTIATE.DESCRIPTION' | translate}}*</label>
<div class="col-sm-8">
[ngClass]="{ 'is-invalid': submitted && f.nsiDescription.errors }" required></textarea>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="nstId">{{'PAGE.NSTINSTANCEINSTANTIATE.NSTID' | translate}}*</label>
<div class="col-sm-8">
<ng-select [items]="netSliceSelect" bindLabel="name" bindValue="_id"
</ng-select>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label"
for="vimAccountId">{{'PAGE.NSTINSTANCEINSTANTIATE.VIMACCOUNT' | translate}}*</label>
<div class="col-sm-8">
</ng-select>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="ssh_keys">{{'PAGE.NSTINSTANCEINSTANTIATE.SSHKEY' | translate}}</label>
<div class="col-sm-8">
<textarea class="form-control" placeholder="{{'PAGE.NSTINSTANCEINSTANTIATE.SSHKEYMSG' | translate}}"
formControlName="ssh_keys" id="ssh_keys"></textarea>
<div class="fileupload-text mt-1 mb-1">{{'FILEUPLOADLABEL' | translate}}</div>
<div class="custom-file">
- <input type="file" #fileInputSSH class="custom-file-input" (change)="sshFile($event.target.files)"
+ <input type="file" #fileInputSSH class="fileupload custom-file-input" (change)="sshFile($event.target.files)"
id="customSSHFile">
- <label class="custom-file-label" #fileInputSSHLabel for="customSSHFile">{{'CHOOSEFILE' | translate}}</label>
</div>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-4 col-form-label" for="config">{{'CONFIG' | translate}}</label>
<div class="col-sm-8">
<textarea class="form-control" placeholder="{{'YAMLCONFIG' | translate}}" formControlName="config"
id="config"></textarea>
<div class="fileupload-text mt-1 mb-1">{{'FILEUPLOADLABEL' | translate}}</div>
<div class="custom-file">
- <input type="file" #fileInputConfig class="custom-file-input" (change)="configFile($event.target.files)"
- id="customConfigFile">
- <label class="custom-file-label" #fileInputConfigLabel for="customConfigFile">{{'CHOOSEFILE' | translate}}</label>
+ <input type="file" #fileInputConfig class="fileupload custom-file-input" (change)="configFile($event.target.files)"
+ id="customConfigFile">
</div>
</div>
</div>