</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button (submitAction)="submitAction()"
- [form]="discoveryForm"
- *ngIf="hasPermission"
- i18n>Submit</cd-submit-button>
- <cd-back-button [back]="bsModalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button (submitAction)="submitAction()"
+ [form]="discoveryForm"
+ *ngIf="hasPermission"
+ i18n>Submit</cd-submit-button>
+ <cd-back-button [back]="bsModalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="submit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="formDir">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="settingsForm"
- (submitAction)="save()">Confirm</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button i18n
+ [form]="settingsForm"
+ (submitAction)="save()">Confirm</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="settingsForm"
- (submitAction)="save()">Confirm</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button i18n
+ [form]="settingsForm"
+ (submitAction)="save()">Confirm</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
i18n>At least one pool is required.</span>
</div>
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="createBootstrapForm"
- (submitAction)="generate()">Generate</cd-submit-button>
- </div>
+ <cd-submit-button class="mb-4 float-right"
+ i18n
+ [form]="createBootstrapForm"
+ (submitAction)="generate()">Generate</cd-submit-button>
<div class="form-group">
<label class="col-form-label"
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-back-button [back]="modalRef.hide"
- name="Close"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-back-button [back]="modalRef.hide"
+ name="Close"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="importBootstrapForm"
- (submitAction)="import()">Import</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Close"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button i18n
+ [form]="importBootstrapForm"
+ (submitAction)="import()">Import</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Close"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="editSiteNameForm"
- (submitAction)="update()">Update</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button i18n
+ [form]="editSiteNameForm"
+ (submitAction)="update()">Update</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="editModeForm"
- (submitAction)="update()">Update</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button i18n
+ [form]="editModeForm"
+ (submitAction)="update()">Update</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="editPeerForm"
- (submitAction)="update()">Submit</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button i18n
+ [form]="editPeerForm"
+ (submitAction)="update()">Submit</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="submit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="formDir">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button [form]="namespaceForm"
- (submitAction)="submit()"
- i18n>Create Namespace</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Close"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button [form]="namespaceForm"
+ (submitAction)="submit()"
+ i18n>Create Namespace</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Close"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button [form]="snapshotForm"
- i18n="form action button|Example: Create rbdSnapshot@@formActionButton"
- (submitAction)="submit()">{{ action | titlecase }}
- {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Close"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button [form]="snapshotForm"
+ i18n="form action button|Example: Create rbdSnapshot@@formActionButton"
+ (submitAction)="submit()">{{ action | titlecase }}
+ {{ resource | upperFirst }}</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Close"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button i18n
- [form]="moveForm"
- (submitAction)="moveImage()">Move Image</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button i18n
+ [form]="moveForm"
+ (submitAction)="moveImage()">Move Image</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button id="purgeFormButton"
- [form]="purgeForm"
- (submitAction)="purge()"
- i18n>Purge Trash</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button id="purgeFormButton"
+ [form]="purgeForm"
+ (submitAction)="purge()"
+ i18n>Purge Trash</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button [form]="restoreForm"
- (submitAction)="restore()"
- i18n>Restore Image</cd-submit-button>
- <cd-back-button [back]="modalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button [form]="restoreForm"
+ (submitAction)="restore()"
+ i18n>Restore Image</cd-submit-button>
+ <cd-back-button [back]="modalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<!-- Footer -->
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button [form]="formDir"
(submitAction)="submit()">
<span i18n>Save</span>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button [form]="formDir"
i18n="form action button|Example: Create Pool@@formActionButton"
(submitAction)="submit()">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
</div>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="onSubmit()"
[form]="mgrModuleForm">
<ng-container i18n>Update</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button *ngIf="permissions.osd.update"
- (submitAction)="submitAction()"
- [form]="osdFlagsForm"
- i18n>Submit</cd-submit-button>
- <cd-back-button [back]="bsModalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button *ngIf="permissions.osd.update"
+ (submitAction)="submitAction()"
+ [form]="osdFlagsForm"
+ i18n>Submit</cd-submit-button>
+ <cd-back-button [back]="bsModalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</fieldset>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button #previewButton
(submitAction)="submit()"
i18n
</div>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button *ngIf="permissions.configOpt.update"
- (submitAction)="submitAction()"
- i18n="form action button|Example: Create Pool@@formActionButton"
- [form]="osdPgScrubForm">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="bsModalRef.hide">
- </cd-back-button>
- </div>
+ <cd-submit-button *ngIf="permissions.configOpt.update"
+ (submitAction)="submitAction()"
+ i18n="form action button|Example: Create Pool@@formActionButton"
+ [form]="osdPgScrubForm">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
+ <cd-back-button [back]="bsModalRef.hide">
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button *ngIf="permissions.configOpt.update"
- (submitAction)="submitAction()"
- [form]="osdRecvSpeedForm"
- i18n>Submit</cd-submit-button>
- <cd-back-button [back]="bsModalRef.hide"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button *ngIf="permissions.configOpt.update"
+ (submitAction)="submitAction()"
+ [form]="osdRecvSpeedForm"
+ i18n>Submit</cd-submit-button>
+ <cd-back-button [back]="bsModalRef.hide"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="submit()"
[form]="formDir"
i18n="@@formTitle">
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button
(submitAction)="submitAction()"
i18n="form action button|Example: Create Pool@@formActionButton"
</div>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button [form]="formDir"
i18n="form action button|Example: Create Pool@@formActionButton"
(submitAction)="submit()">{{ action | titlecase }} {{ resource | upperFirst }}
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="submit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="bucketForm">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="onSubmit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="userForm">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="submit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="formDir">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
</div>
<div class="card-footer">
- <div class="button-group text-right">
+ <div class="text-right">
<cd-submit-button (submitAction)="submit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="formDir">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
</div>
<div class="card-footer">
- <div class="button-group text-right">
- <cd-submit-button (submitAction)="onSubmit()"
- [form]="userForm"
- i18n="form action button|Example: Create Pool@@formActionButton">
- {{ action | titlecase }} {{ resource | upperFirst }}
- </cd-submit-button>
- </div>
+ <cd-submit-button (submitAction)="onSubmit()"
+ [form]="userForm"
+ class="float-right"
+ i18n="form action button|Example: Create Pool@@formActionButton">
+ {{ action | titlecase }} {{ resource | upperFirst }}
+ </cd-submit-button>
</div>
</div>
</form>
<ng-content></ng-content>
</ng-template>
-<div class="button-group text-right"
+<div class="text-right"
*ngIf="backAction.observers.length > 0">
<button class="btn btn-light tc_backButton"
type="button"
</p>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button [form]="confirmationForm"
- (submitAction)="onSubmit(confirmationForm.value)">
- {{ buttonText }}
- </cd-submit-button>
- <cd-back-button [back]="boundCancel"
- name="Cancel"
- i18n-name>
- </cd-back-button>
- </div>
+ <cd-submit-button [form]="confirmationForm"
+ (submitAction)="onSubmit(confirmationForm.value)">
+ {{ buttonText }}
+ </cd-submit-button>
+ <cd-back-button [back]="boundCancel"
+ name="Cancel"
+ i18n-name>
+ </cd-back-button>
</div>
</form>
</ng-container>
</ng-container>
</div>
<div class="modal-footer">
- <div class="button-group text-right">
- <cd-submit-button [form]="formGroup"
- (submitAction)="onSubmitForm(formGroup.value)">
- {{ submitButtonText }}
- </cd-submit-button>
- <cd-back-button [back]="bsModalRef.hide"></cd-back-button>
- </div>
+ <cd-submit-button [form]="formGroup"
+ (submitAction)="onSubmitForm(formGroup.value)">
+ {{ submitButtonText }}
+ </cd-submit-button>
+ <cd-back-button [back]="bsModalRef.hide"></cd-back-button>
</div>
</form>
</ng-container>