add submit and reject methods on base element

This commit is contained in:
Mads Rasmussen
2023-11-28 14:00:41 +01:00
parent 2d14f92d8b
commit 08f35c810e
3 changed files with 22 additions and 20 deletions

View File

@@ -27,4 +27,22 @@ export abstract class UmbModalBaseElement<
public set _value(value: ModalValueType) {
this.modalContext?.setValue(value);
}
/**
* Submits the modal
* @protected
* @memberof UmbModalBaseElement
*/
protected _submitModal() {
this.modalContext?.submit(this._value);
}
/**
* Rejects the modal
* @protected
* @memberof UmbModalBaseElement
*/
protected _rejectModal() {
this.modalContext?.reject();
}
}

View File

@@ -39,22 +39,14 @@ export class UmbInviteUserModalElement extends UmbModalBaseElement {
});
if (!error) {
this.#submitModal();
this._submitModal();
}
}
#submitModal() {
this.modalContext?.submit();
}
#rejectModal() {
this.modalContext?.reject();
}
render() {
return html`<uui-dialog-layout headline="Invite User">
${this.#renderForm()}
<uui-button @click=${this.#rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
<uui-button @click=${this._rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
<uui-button
form="InviteUserForm"
slot="actions"

View File

@@ -33,22 +33,14 @@ export class UmbResendInviteToUserModalElement extends UmbModalBaseElement<
message,
});
this.#submitModal();
}
#submitModal() {
this.modalContext?.submit();
}
#rejectModal() {
this.modalContext?.reject();
this._submitModal();
}
render() {
return html`<uui-dialog-layout headline="Resend invite">
${this.#renderForm()}
<uui-button @click=${this.#rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
<uui-button @click=${this._rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
<uui-button
slot="actions"
type="submit"