[form]="discoveryForm"
*ngIf="hasPermission"
i18n>Submit</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<cd-submit-button i18n
[form]="settingsForm"
(submitAction)="save()">Confirm</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<cd-submit-button i18n
[form]="settingsForm"
(submitAction)="save()">Confirm</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
</div>
<div class="modal-footer">
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Close"
i18n-name>
</cd-back-button>
<cd-submit-button i18n
[form]="importBootstrapForm"
(submitAction)="import()">Import</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Close"
i18n-name>
</cd-back-button>
<cd-submit-button i18n
[form]="editSiteNameForm"
(submitAction)="update()">Update</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<cd-submit-button i18n
[form]="editModeForm"
(submitAction)="update()">Update</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<cd-submit-button i18n
[form]="editPeerForm"
(submitAction)="update()">Submit</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<cd-submit-button [form]="namespaceForm"
(submitAction)="submit()"
i18n>Create Namespace</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Close"
i18n-name>
</cd-back-button>
i18n="form action button|Example: Create rbdSnapshot@@formActionButton"
(submitAction)="submit()">{{ action | titlecase }}
{{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Close"
i18n-name>
</cd-back-button>
<cd-submit-button i18n
[form]="moveForm"
(submitAction)="moveImage()">Move Image</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
[form]="purgeForm"
(submitAction)="purge()"
i18n>Purge Trash</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<cd-submit-button [form]="restoreForm"
(submitAction)="restore()"
i18n>Restore Image</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<div class="modal-footer">
<cd-submit-button (submitAction)="onSubmit()"
[form]="formGroup">{{ action | titlecase }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</form>
</ng-container>
<cd-submit-button (submitAction)="onSubmit()"
[form]="formGroup"
[disabled]="!canSubmit || filteredDevices.length === 0">{{ action | titlecase }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</form>
</ng-container>
(submitAction)="submitAction()"
[form]="osdFlagsForm"
i18n>Submit</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
(submitAction)="submitAction()"
[form]="osdFlagsForm"
i18n>Submit</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
(submitAction)="submitAction()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="osdPgScrubForm">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close">
+ <cd-back-button (backAction)="activeModal.close()">
</cd-back-button>
</div>
</form>
(submitAction)="submitAction()"
[form]="osdRecvSpeedForm"
i18n>Submit</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
[form]="reweightForm"
[disabled]="reweightForm.invalid"
i18n>Reweight</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
<cd-submit-button (submitAction)="scrub()"
[form]="scrubForm"
i18n>Submit</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
[form]="form">
<span i18n>{editMode, select, true {Edit} other {Add}}</span>
</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Close"
i18n-name>
</cd-back-button>
<cd-submit-button (submitAction)="onSubmit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="frm">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</form>
</ng-container>
<cd-submit-button (submitAction)="onSubmit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="frm">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</form>
</ng-container>
<cd-submit-button (submitAction)="onSubmit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="formGroup">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</form>
</ng-container>
(submitAction)="onSubmit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="formGroup">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</form>
</ng-container>
<cd-submit-button (submitAction)="onSubmit()"
i18n="form action button|Example: Create Pool@@formActionButton"
[form]="formGroup">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
- <cd-back-button [back]="bsModalRef.close"></cd-back-button>
+ <cd-back-button (backAction)="bsModalRef.close()"></cd-back-button>
</div>
</form>
</ng-container>
</div>
<div class="modal-footer">
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</ng-container>
</cd-modal>
import { Location } from '@angular/common';
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
import { ActionLabelsI18n } from '~/app/shared/constants/app.constants';
styleUrls: ['./back-button.component.scss']
})
export class BackButtonComponent {
+ @Output() backAction = new EventEmitter();
+ @Input() name: string = this.actionLabels.CANCEL;
+
constructor(private location: Location, private actionLabels: ActionLabelsI18n) {}
- @Input() name: string = this.actionLabels.CANCEL;
- @Input() back: Function = () => this.location.back();
+ back() {
+ if (this.backAction.observers.length === 0) {
+ this.location.back();
+ } else {
+ this.backAction.emit();
+ }
+ }
}
(submitAction)="onSubmit(confirmationForm.value)">
{{ buttonText }}
</cd-submit-button>
- <cd-back-button [back]="boundCancel"
+ <cd-back-button (backAction)="boundCancel()"
name="Cancel"
i18n-name>
</cd-back-button>
(submitAction)="callSubmitAction()">
<ng-container *ngTemplateOutlet="deletionHeading"></ng-container>
</cd-submit-button>
- <cd-back-button [back]="activeModal.close"
+ <cd-back-button (backAction)="activeModal.close()"
name="Cancel"
i18n-name>
</cd-back-button>
(submitAction)="onSubmitForm(formGroup.value)">
{{ submitButtonText }}
</cd-submit-button>
- <cd-back-button [back]="activeModal.close"></cd-back-button>
+ <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
</div>
</form>
</ng-container>