-<div class="cd-col-form">
+<div class="cd-col-form"
+ *cdFormLoading="loading">
<form name="nfsForm"
#formDir="ngForm"
[formGroup]="nfsForm"
</div>
</div>
- <!-- Secutiry Label -->
+ <!-- Security Label -->
<div class="form-group row"
*ngIf="nfsForm.getValue('name') === 'CEPH'">
<label class="cd-col-form-label"
name="path"
id="path"
formControlName="path"
- [typeahead]="pathDataSource"
- (typeaheadOnSelect)="pathChangeHandler()"
+ [ngbTypeahead]="pathDataSource"
+ (selectItem)="pathChangeHandler()"
(blur)="pathChangeHandler()">
<span class="invalid-feedback"
*ngIf="nfsForm.showError('path', formDir, 'required')"
name="path"
id="path"
formControlName="path"
- [typeahead]="bucketDataSource"
- (typeaheadOnSelect)="bucketChangeHandler()"
+ [ngbTypeahead]="bucketDataSource"
+ (selectItem)="bucketChangeHandler()"
(blur)="bucketChangeHandler()">
<span class="invalid-feedback"
<!-- Clients -->
<cd-nfs-form-client [form]="nfsForm"
+ [clients]="clients"
#nfsClients>
</cd-nfs-form-client>
</div>
<div class="card-footer">
- <div class="button-group text-right">
- <cd-submit-button
- (submitAction)="submitAction()"
- i18n="form action button|Example: Create Pool@@formActionButton"
- [form]="formDir">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button></cd-back-button>
- </div>
+ <cd-form-button-panel (submitActionEvent)="submitAction()"
+ [form]="nfsForm"
+ [submitText]="(action | titlecase) + ' ' + (resource | upperFirst)"
+ wrappingClass="text-right"></cd-form-button-panel>
</div>
</div>
</form>